WPML

我们花了不少时间测试 Headway 3 与 WPML 的兼容性,我很高兴地宣布一切运行良好。我想借此机会,根据我们最近的经验,向您介绍一下 Headway。

首先澄清一点。我们撰写关于 Headway 的文章,是因为我认为它是解决一个经典问题的创新方案。此外,我觉得系统化地构建网站会让所有相关人员的工作变得更轻松。无论是对于网站设计师、最终客户,还是对于我们来说,都更加省事。系统化的建站方法意味着更少的手动代码和更少的错误。这就是我们朝这个方向努力的原因。

核心理念:网格系统与区块


为您的网站创建漂亮的布局绝非易事。您可以从一些出色的网格系统开始,但使用 CSS 来实现这一切非常耗时。

Headway 的网格系统允许您绘制、拖放和调整区块大小。它看起来像这样:

Headway 中的网格

您可以为网站的不同部分(如首页、博客、单页面等)选择不同的布局。

当您创建一个区块时,可以将其指定为页眉、菜单、搜索框、小工具、内容或页脚。这几乎涵盖了您在 WordPress 网站中需要和遇到的所有元素。

您在网格中绘制的这些区块与标准的 WordPress 功能完美契合。您将在 WordPress 小工具屏幕中看到小工具区块,您还可以将 WordPress 菜单分配给您在 Headway 中绘制的菜单,并在不离开管理后台的情况下完成所有定义和操作。

语言切换器


由于在使用 Headway 建站时,您可能不想修改 PHP,因此我推荐 3 种放置语言切换器的方法:

  • 在小工具中 – 绘制一个区块,将其设为小工具区域,并将 WPML 的语言切换器放置其中。

  • 在菜单中 – 绘制一个区块,将其设为菜单,并从“语言”菜单中启用该菜单的语言切换器。

  • 在页脚中 – WPML 可以在您的网站上添加带有语言切换器的自有页脚。这无需在 Headway 中进行配置。

您还可以创建自定义语言切换器并通过 PHP 添加。为此,您需要使用 API 调用来添加自定义 PHP。这并不算非常复杂,只是比在 GUI 中拖放要多做一点工作。

超越标准小工具


如果您不仅想自定义网站的布局,还想自定义内容,会发生什么?假设您想创建一个显示客户评价、最新项目或其他任何动态内容的区块。

(请做好准备,接下来是推销环节)

事实证明,TypesViews 与 Headway 完美兼容。

在 WordPress 中,除了页面和文章之外的任何内容都是自定义文章类型。Types 允许您直接在 WordPress GUI 中定义这些自定义文章类型。因此,如果您想添加客户评价,则需要为此创建一个自定义文章类型。然后,使用 Types 添加相应的自定义字段,例如人名、公司、URL 以及可能的一张漂亮图片。

然后,Views 将在网站上显示这些评价。它将从数据库加载评价,可能会添加分页(上一页/下一页控件)并输出它们。您可以将该 View 拖入小工具区域(您之前在 Headway 中绘制的区域),它就会显示出来。

如何添加样式?


既然我们已经抛开了 HTML 和 PHP,您肯定不想仅仅为了更新 CSS 文件而被 FTP 程序困住,对吧?

单击 Live CSS 链接并打开一个内联 CSS 编辑器,其中包含完整的语法高亮功能。

Headway Live CSS 编辑器

现在,我们知道了如何:


  1. 绘制布局

  2. 用内容填充区块

  3. 使用 CSS 设置样式

并且,这一切都在 WordPress 管理后台中完成,无需发送文件、引发错误或调试代码。非常棒。

总结


希望您今天有所收获。我们在测试 Headway 与 WPML 的兼容性并在此过程中学习它时,确实学到了很多。即使您没有立刻放下一切去购买 Headway,我相信这也一定能给您带来启发。

获取途径:

请告诉我们您的想法!

附注:如果您需要技术帮助,请在我们的论坛发帖。提及这是关于 Headway 的问题,Brooks 会为您提供帮助。他完成了这方面的大部分工作。

觉得有用吗?分享这篇文章: