Extra：最好的WordPress杂志主题

Elegant Themes会员资格一直都很有价值，尽管在创业初期，他们的大部分设计都很基础，注重数量（而不是质量）的商业模式也受到客户的批评。

一切都在2013年开始改变，经过夜以继日地研发，这家公司推出了精心设计的Divi多用途主题。尽管多合一WordPress主题已经存在了很多年，但Divi将其提升到一个全新的水平，具有更好的设计、更多的功能，以及更好的可用性，很快成为其他公司相继参考的范本。

Divi主题的核心是拖放式页面编辑器 —— 这项功能后来作为独立的插件发布，称为Divi Builder，现在仍然被视为最好的页面编辑器之一。

查看详情

Elegant Themes围绕Divi Builder构建的第二个主题是Extra，这种时尚的杂志设计适用于博客、杂志、相册、作品集、电子商务等网站，包含一些出色的博客布局、自定义小部件和内置评级系统。

Extra的功能和设计

毫无疑问，Divi仍然是Elegant Themes的旗舰主题，这是真正的一体化解决方案，可用于几乎任何类型的网站。你可以获得超过200种华丽的网站布局包，以及丰富的第三方模板库。但是，这些设计中的绝大多数最适合商业站点，例如作品集、公司网站和登录页面。

Extra的不同之处在于，开发团队在创建之初就专门针对杂志和博客进行优化，每个新功能的设计都考虑到博客用途。

Extra主题在线演示

一个好例子是Extra已经对Divi Builder的功能进行扩展和增强，允许你创建独特的杂志或博客风格的布局，然后将其分配给特定的文章类别。

额外的类别模块

另外还有几个新的类别模块，例如：

标签式文章（Tabbed Posts）：根据分类将文章放在不同的选项卡中
特色文章滑块（Featured Post Slider）：将最新或最受欢迎的文章以滑块的形式呈现
瀑布流博客（Blog Feed Masonry）：在文章归档页面，将博客内容以瀑布流的形式呈现
广告（Ads）：将横幅广告集成到页面布局中

正如你所期望的那样，所有模块都是完全可定制的。

标签式文章

Divi Builder插件是Extra主题的核心，其中的40多个模块可以帮助你在几分钟内创建精美的内容，只需将你喜欢的模块拖放到布局中，即可生成一个独一无二的页面，并且每个元素都可以进行自定义。

Divi Builder模块列表

Extra对WooCommerce也有很好的支持，另外还有一个新的自定义文章类型，用于展示项目和作品集。

WooCommerce产品布局

网站布局可以通过WordPress主题定制器进行调整，页眉和页脚的样式都能轻松更改。高级下拉菜单让你可以将列和媒体添加到导航菜单中，易于配置且外观精美。

Extra中的超级菜单

这款主题支持7种文章格式，其中包括音频、视频、地图和引用，这意味着你可以在网站上发布各种内容。Extra还带有自定义测评系统，允许你使用自定义规范为任何文章或产品添加评论，访客则可以通过星级评分系统进行评分。

产品评级

另外还有一系列专为博客设计的自定义小工具，包括社交媒体关注、最新文章，以及作者及其文章计数。

Extra的自定义小工具

安装Extra

Extra可以从Elegant Themes账户的下载区域获得，这里还列出一些帮助你进行设置的有用教程：

安装Extra主题
Extra主题概述
使用可视化构建器
配置主题选项
教程和文档
查看更新日志

要想在网站上安装Extra，你可以通过WordPress管理区域的外观部分上传主题zip文件。或者，你也可以将zip文件解压，然后使用FileZilla等FTP客户端将文件夹上传到/wp-content/themes/目录。

下载Extra主题

请注意：为了使Extra主题的整个安装过程顺利无误，并且激活之后能够流畅运行，请将WordPress的内存分配增加到至少256MB。你可以通过将以下代码添加到wp-config.php文件中做到这一点：

define('WP_MEMORY_LIMIT', '256M');

Divi Builder

Extra的主要设计和布局是通过主题选项面板和WordPress主题定制器控制的，如果要更改内容区域的外观，请使用页面编辑插件Divi Builder。当你从WordPress后台创建或修改一篇文章、网页或其他文章类型时，可以使用默认的古腾堡编辑器，也可以使用Elegant Themes的Divi编辑器。

使用Divi Builder编辑文章

当你选择使用Divi Builder编辑文章时，系统会询问你是要头开始构建、选择预设布局，还是克隆现有页面：

我们选择预设布局选项，会看到有数百种功能齐全的预设模板，以及现有页面和之前保存的自定义布局。所有布局分为十几个类别，并且带有一个搜索表单，帮助你快速找到特定的内容。

从库中加载预定义布局

布局包将网站上相同设计的几种页面组合在一起，包括主页、博客、作品集、关于我们、联系方式等布局。我们喜欢编辑器提供的布局系统，预设模板的数量非常丰富，并且都经过精心设计。如果你愿意，可以将其作为良好的起点，然后轻松创建出独一无二的网站。

其中一个预定义布局包

当Divi Builder首次启动时，布局是在后端进行编辑的，但你可以点击一下按钮切换到前端，以便实时查看更改。与任何拖放式构建解决方案一样，你可能需要15~30分钟才能熟悉Divi Builder的操作界面，之后就能体会到这款插件的强大功能。

所有内容的外观和功能都可以自定义 —— 无论是模块、行、列，还是布局，你甚至可以更改视图，以查看页面布局在平板电脑或智能手机上的外观。

插入模块

每个模块都有一组独特的自定义选项，有些简单模块（例如分隔线）的选项比较少，而作品集这样的复杂模块则具有大量选项。所有模块、列和行都有一个设计选项卡，允许你调整颜色、字体、间距、边框等参数，一切都通过下拉菜单和按钮进行控制，使用起来非常简单。

高级选项卡可以帮助技术用户为元素分配唯一ID、添加自定义CSS，还可以在特定的设备上禁用模块。

模块设置

Divi Builder是Extra不可或缺的一部分，也是主题如此灵活的重要原因。要想了解Divi Builder的更多信息，请查看我们在这篇文章中的详细介绍。

Extra主题选项

Extra是一个高度可定制的WordPress主题，允许你对网站的外观进行大量控制，后台菜单列出了主要的设置区域：

主题选项
主题生成器
主题定制器
角色编辑器
Divi库
类别构建器

主题选项页面可以让你启用和禁用各种功能，一共分为8个部分：常规、导航、生成器、布局、广告、SEO、集成和更新。在绿色导航菜单的右侧，你可以看到用于导入/导出设置和重置选项的图标。

常规

你可以通过常规选项卡上传徽标和图标、定义侧边栏的位置、选择导航栏的样式、设置社交媒体个人资料。其他选项包括在各种存档页面中显示的文章数量、谷歌地图API、日期格式，以及是否启用CSS和JavaScript最小化，另外还有一个文本框用于输入自定义CSS。

导航

管理导航菜单中页面和类别的处理方式，可以禁用下拉菜单，也可以确认是否在菜单中链接主页，还可以定义菜单项的显示顺序。

生成器

在生成器选项卡中，你可以为特定文章类型启用和禁用Divi Builder，还可以启用经典编辑器，并关闭Divi Builder产品导览等功能。

布局

通过布局选项卡，你可以更改文章和页面的布局，选择想要显示的元数据信息，还可以将存档页面从标准布局切换到瀑布流布局。

对于每个广告区域，你可以选择显示带有目标URL的横幅，也可以输入Google Adsense代码。

SEO

Extra允许你优化网站的SEO设置，修改主页、文章、页面，以及索引页面的SEO，例如标题、元描述和关键字。尽管不能代替专业的SEO插件，但这仍然是一个不错的补充。

集成

在页面的头部和正文中输入代码，也可以在文章上方和下方添加代码，这对于展示广告特别有用。

WP Admin Extra Theme Options Integration

更新

在这里输入你的Elegant Themes用户名和API密钥，以获取主题更新，并将布局导入Divi Builder。

主题定制器

Extra支持WordPress主题定制器，这意味着你可以对网站的各个方面进行调整，并实时查看页面在桌面浏览器和移动设备视图中的变化。Extra设计分为许多类别和子类别，包括页眉、页脚、小部件等。

主题定制器

多年来，WordPress一直在推动对主题定制器的支持，尽管如此，很多主题在管理区域中仍然具有设计选项，而没有预览更改的功能。

你会在Extra主题定制器中找到常见的设计选项，例如元素布局的宽度和导航菜单的位置，另外还有一些排版选项，允许你控制字体类型、大小和颜色。

主题定制器排版设置

其他的选项和设置

与Divi主题一样，Extra也具有角色编辑器，用来启用和禁用不同用户组的权限，例如，你可以定义哪些人能够访问主题选项区域、哪些人可以使用Divi库，以及哪些模块可供用户使用。不过，权限仅限于用户组，你无法针对单个用户控制权限。

角色编辑器

Divi Builder中的库系统非常棒，你可以保存自己的布局，以便今后随时再次使用它们。Divi库页面列出了已保存的所有布局，当你从这里编辑布局时，Divi Builder界面会显示在管理区域的后端，但布局上方有一个建立在前端按钮，为喜欢实时查看更改的人提供前端构建功能。

编辑Divi库中的自定义布局

Extra管理菜单的另一个选项是类别构建器 —— 博主会喜欢的功能。首次打开时，你会看到主页和默认类别的布局，但你可以从这里添加更多的布局，然后将它们分配给特定的文章类别，这是使网站脱颖而出的绝佳方式。例如，你可以为新闻类别创建一个布局模板，为教程创建另一个布局模板，以便区分每个类别，并针对特定内容进行优化。