ress 的默认功能,并且是每个WordPress 网站的一部分。
您可以通过登录 WordPress 管理区域,然后从 WordPress 管理面板的左侧边栏转到外观»自定义来访问它。这将打开包含您当前主题的定制器界面。
![如何访问 WordPress 定制器 如何访问 WordPress 定制器](https://www.wpbeginner.com/wp-content/uploads/2019/05/how-to-access-wordpress-customizer.png)
您还可以对网站上已安装的任何主题使用 WordPress 主题定制器页面,即使它们未处于活动状态。
这使您可以在激活主题之前查看该主题的实时预览并进行更改。
为此,您需要转到外观»主题页面。
接下来,将鼠标光标悬停在任何已安装的主题上,然后单击“实时预览”按钮以打开 WordPress 主题定制器页面。
![WordPress 主题实时预览选项 WordPress 主题实时预览选项](https://www.wpbeginner.com/wp-content/uploads/2019/05/theme-live-preview-option.png)
找不到主题定制器?以下是如何修复 WordPress 管理中缺少的主题定制器。
如何使用 WordPress 主题定制器
打开 WordPress 主题定制器后,您将在屏幕左侧看到所有定制设置,并在右侧看到网站的实时预览。
![WordPress 主题定制器 WordPress 主题定制器](https://www.wpbeginner.com/wp-content/uploads/2019/05/wordpress-theme-customizer.png)
无论您使用什么主题,WordPress 主题定制器都会附带一组默认面板。
您需要单击各个面板才能对其进行更改。您还可以单击屏幕右侧的任何蓝色铅笔图标来打开该特定项目的设置。
注意:高级 WordPress 主题将添加额外的设置面板以提供额外的自定义选项(稍后会详细介绍)。
让我们看一下 WordPress 主题定制器中可用的默认选项。
站点标识面板:添加标题、徽标和网站图标
WordPress 主题定制器中的“站点标识”面板允许您添加或更改网站的标题和标语。
默认情况下,WordPress 添加“Just Another WordPress Site”作为网站标语。
建议在您的网站上安装 WordPress 后更改它。如果需要,您也可以将其保留为空。
![用于更改网站标题、标语、徽标和网站图标的网站身份设置 用于更改网站标题、标语、徽标和网站图标的网站身份设置](https://www.wpbeginner.com/wp-content/uploads/2019/05/site-identity-settings.png)
WordPress 主题定制器中的站点标识面板还允许您添加站点徽标。只需单击“选择徽标”选项即可上传您网站的徽标。
想要向您的网站添加网站图标吗?您可以通过单击“选择站点”图标选项来完成此操作。有关详细说明,您可以按照我们的指南了解如何创建网站图标并将其添加到您的网站。
WordPress 主题定制器:更改网站上的颜色
颜色面板上的控件主要根据您使用的 WordPress 主题而有所不同。
例如,“二十七”主题允许您选择标题文本颜色并为整个网站选择配色方案。
![更改网站上的颜色 更改网站上的颜色](https://www.wpbeginner.com/wp-content/uploads/2019/05/change-colors-on-your-website.png)
其他 WordPress 主题可能会为网站元素(如标题、链接、正文和网站背景)提供不同的颜色选项。
在主题定制器中添加导航菜单
菜单面板允许您创建导航菜单并控制它们在网站上的位置。
在此选项卡上,您将找到之前创建的所有现有 WordPress 菜单。您可以单击“查看所有位置”按钮来检查您的主题支持的可用菜单位置。
![主题定制器中的菜单面板 主题定制器中的菜单面板](https://www.wpbeginner.com/wp-content/uploads/2019/05/menus-panel-in-theme-customizer.png)
要创建新菜单,您需要单击“创建新菜单”按钮。
之后,您需要为菜单命名,以便以后可以轻松管理。您还可以选择菜单位置,然后单击“下一步”继续。
![创建新的导航菜单 创建新的导航菜单](https://www.wpbeginner.com/wp-content/uploads/2019/05/create-a-new-navigation-menu.png)
要将项目添加到此菜单,您需要单击“添加项目”按钮以打开一个新面板。您现在可以添加自定义链接、页面、帖子、类别和标签作为菜单项。
![将项目添加到导航菜单 将项目添加到导航菜单](https://www.wpbeginner.com/wp-content/uploads/2019/05/add-items-to-navigation-menu.png)
要重新排序项目,您可以单击重新排序链接,然后使用箭头图标调整菜单项。
在主题定制器中控制网站上的小部件
小部件面板允许您添加和管理站点上的小部件。
单击它将显示可以添加小部件的不同位置。这将根据您使用的主题而有所不同。
例如,“二十七”主题提供 3 个小部件位置,而“二十十九”主题仅提供一个位置。
![小部件面板 小部件面板](https://www.wpbeginner.com/wp-content/uploads/2019/05/widgets-panel.png)
当您单击其中任何一个时,您将看到之前添加到该位置的小部件。
要添加新的小部件,您需要单击“添加小部件”按钮。这将打开一个新面板,您将在其中看到所有可用小部件的列表。
![将小部件添加到您的网站 将小部件添加到您的网站](https://www.wpbeginner.com/wp-content/uploads/2019/05/add-widgets-to-your-site.png)
您需要单击要添加的那个。您还可以对新添加的小部件进行更改,并通过向上或向下拖动它们来调整它们的位置。
主题定制器中的主页设置面板
默认情况下,WordPress 在您的主页上显示最新的博客文章。
然而,对于商业网站,用户更喜欢使用自定义主页。它允许您拥有一个适当的登陆页面来显示您的产品和服务。
要使用自定义主页,您需要在“主页设置”面板上选择“静态页面”单选按钮。
![主题定制器中的主页设置 主题定制器中的主页设置](https://www.wpbeginner.com/wp-content/uploads/2019/05/homepage-settings-in-theme-customizer.png)
这将打开两个新的下拉菜单,您可以使用它们选择一个页面作为主页,另一个页面用于显示您的博客文章。
如果您的网站上没有这些页面,您可以通过单击下拉菜单下方的“+ 添加新页面”链接来创建一个新页面。这将创建一个空白页面,其中包含您选择的名称。
用于添加自定义 CSS 的附加 CSS 面板
您想添加自定义 CSS 代码来设计您的网站吗?您可以在“附加 CSS”面板中执行此操作。
中级和高级 WordPress 用户通常通过将 CSS 代码直接添加到主题的 style.css 文件来自定义他们的网站。这增加了额外的步骤,例如通过 FTP 访问您的WordPress 主机、修改主题文件等。
对于初学者来说,一个更简单的解决方案是将自定义 CSS 代码添加到 WordPress 主题定制器中的“附加 CSS”面板中。这将允许您对网站进行更改并在屏幕右侧看到它们。
![将自定义 CSS 代码添加到“附加 CSS”窗格; 将自定义 CSS 代码添加到其他 CSS 面板](https://www.wpbeginner.com/wp-content/uploads/2019/05/additional-css.png)
当您开始编写一些 CSS 代码时,WordPress 会根据您键入的字母自动向您建议属性。如果您没有编写正确的 CSS 语句,它还会显示错误消息。
注意:如果您想在不编写任何代码的情况下自定义您的网站,请继续阅读。我们将分享三个适合初学者的选项,让您轻松自定义主题,甚至创建自定义 WordPress 主题。
其他主题定制器选项
一些免费和高级主题提供更多主题定制器选项。
根据您使用的主题,您也许能够更改字体样式、添加背景图像、更改布局、修改颜色、添加随机标题图像等等。
您还可以借助插件向主题定制器添加特定功能。例如,您可以使用 Easy Google Fonts 插件在 WordPress 中添加自定义字体。
在不同的屏幕分辨率上预览您的网站
对于每个网站所有者来说,确保他们的网站具有移动响应能力并且在所有屏幕尺寸上都具有良好的外观非常重要。
借助 WordPress 主题定制器,您可以轻松检查您的网站在不同屏幕尺寸上的外观。
在主题定制器面板的底部,您将找到三个图标和“隐藏控件”链接。
![在不同的屏幕分辨率下预览网站 在不同的屏幕分辨率下预览网站](https://www.wpbeginner.com/wp-content/uploads/2019/05/preview-website-on-different-screen-resolutions.png)
这些图标允许您在不同的屏幕分辨率(例如台式机、平板电脑和移动设备)上测试您的网站。
隐藏控件链接对于隐藏 WordPress 定制器面板非常有用,以便您可以在桌面模式下正确查看您的网站。
发布、保存或安排您的定制器设置
进行必要的更改后,您需要将它们应用到您的网站。否则,你所有的努力都将付诸东流。
继续并单击“发布”按钮以应用更改。完成后,您可以单击屏幕左上角的关闭按钮,退出主题定制器。
![发布 WordPress 定制器设置 发布 WordPress 定制器设置](https://www.wpbeginner.com/wp-content/uploads/2019/05/publish-wordpress-customizer-settings.png)
如果您需要更多时间来完成新设计怎么办?在这种情况下,您可以将其保存为草稿,甚至可以与某人共享您的新设计,而无需授予他们访问您的管理区域的权限。
为此,您需要单击“发布”按钮旁边的齿轮图标。这将打开“操作”面板。
![WordPress 定制器保存草稿选项 WordPress 定制器保存草稿选项](https://www.wpbeginner.com/wp-content/uploads/2019/05/wordpress-customizer-save-draft.png)
在这里您将找到三个选项:发布、保存草稿和计划。
您需要选择“操作”面板上的“保存草稿”单选按钮,然后单击“保存草稿”按钮来存储您的更改。
您现在可以复制预览链接并与其他人共享以获取反馈。
另一方面,“计划”选项允许您在特定日期和时间发布更改。您可以使用此选项安排主题更改在流量最少时上线。
![计划定制器设置 在特定日期安排定制器设置](https://www.wpbeginner.com/wp-content/uploads/2019/05/schedule-customizer-settings.png)
最后,如果您想重置未发布的更改,则可以单击操作面板上的放弃更改链接。
无需上线即可预览不同主题
有时您想检查新主题在您网站上的外观。但是,您不想在实时网站上激活它们。
在这种情况下,您可以打开 WordPress 定制器来测试新主题,而无需上线。
在定制器面板上,您将找到活动主题的名称和“更改”按钮。
![从定制器更改 WordPress 主题 从定制器更改 WordPress 主题](https://www.wpbeginner.com/wp-content/uploads/2019/05/change-wordpress-theme-from-customizer.png)
如果您单击该按钮,WordPress 将在页面右侧显示所有已安装的主题。
要检查特定主题,您需要单击“实时预览”按钮。
![在主题定制器上预览已安装的主题 在主题定制器上预览已安装的主题](https://www.wpbeginner.com/wp-content/uploads/2019/05/preview-installed-themes-on-theme-customizer.png)
您还可以预览 WordPress 主题存储库中的主题。为此,您需要选中左侧面板上的“WordPress.org 主题”复选框。
这将显示 WordPress.org 目录中的主题。您可以单击“安装并预览”按钮来检查您喜欢的主题。
![WordPress 主题目录 WordPress 主题目录](https://www.wpbeginner.com/wp-content/uploads/2019/05/wordpress-themes-directory.png)
您还可以通过单击屏幕右上角的“过滤主题”按钮来过滤主题。
注意:我们建议使用WordPress 临时网站来测试新主题,而不是在实时网站上使用定制器。
导入或导出主题定制器设置
您知道您可以导入和导出主题定制器设置吗?
当您在本地服务器或临时站点上更改主题时,这非常有用。您无需将设置手动复制到实时网站,只需导出主题定制器设置即可节省时间。
有关详细说明,您可以按照我们的指南了解如何在 WordPress 中导入和导出主题定制器设置。
WordPress 主题定制器替代方案
尽管 WordPress 定制器允许您对站点进行更改,但控件的数量将根据您使用的主题而有所不同。
如果您喜欢您的主题,但希望它有额外的自定义选项怎么办?
在这种情况下,最好的解决方案是使用与 WordPress 主题定制器配合使用的三个定制插件之一。
种子产品
![SeedProd 网站建设者 Seedprod 网站建设者](https://www.wpbeginner.com/wp-content/uploads/2019/06/seedprod-website-builder-plugin.png)
SeedProd是 WordPress 最好的拖放网站构建器。您可以使用 SeedProd 轻松创建自定义 WordPress 主题和页面布局,而无需编辑任何代码。
SeedProd 提供数百种预制页面布局,用于登陆页面、销售页面、网络研讨会注册页面、即将推出页面、维护模式页面等。
使用现成的块(例如选择表单、社交资料、按钮、倒计时器、联系表单等)可以轻松进行定制。
您还可以设置配色方案、保存字体组合以及重复使用页面和页面元素,这样您就不必再次创建它们。
蓬勃发展的主题生成器
![蓬勃发展的主题生成器 蓬勃发展的主题生成器](https://www.wpbeginner.com/wp-content/uploads/2019/06/thrive-theme-builder-min.png)
Thrive Theme Builder是另一个流行的 WordPress 拖放主题生成器插件。您可以使用它轻松创建自定义 WordPress 主题,无需编码。
它附带四种不同的现成主题模板,可帮助您快速入门。每个主题模板都包含各种可以添加到您的网站的预制页面。
您只需通过指向和单击即可编辑主题的每个部分,包括页眉、页脚、博客文章、类别页面等。
此外,还有 100 多个设计和网站构建元素,您可以通过将它们拖放到适当的位置来快速添加到您的主题中。
CSS 英雄
![CSS 英雄插件 CSS 英雄插件](https://www.wpbeginner.com/wp-content/uploads/2019/05/css-hero-plugin.png)
CSS Hero是一个 WordPress 插件,允许您自定义您的网站,而无需编写任何代码。您可以自由地设计网站的每个元素,没有任何麻烦。
您想自定义WordPress 网站的登录页面吗?CSS Hero可以让您在几分钟内完成此操作。
您还可以在前端编辑和预览更改,以确保您的设计在每个设备上看起来都很完美。
海狸建造者
![海狸生成器插件 海狸生成器插件](https://www.wpbeginner.com/wp-content/uploads/2019/05/beaver-builder-plugin.png)
Beaver Builder是 WordPress 的另一个顶级页面构建器。它允许您使用拖放界面为您的网站构建令人惊叹的页面。
最好的部分是Beaver Builder几乎适用于所有 WordPress 主题。这允许您将其与当前主题一起使用。
Beaver Builder 支持使用短代码和小部件。它还提供了不同类型的模块,您可以使用它们轻松地设计您的网站。有关详细说明,请参阅有关如何在 WordPress 中创建自定义布局的指南。