如何如专业人士般使用WordPress主题定制器(终极指南)

如何访问WordPress主题定制器

主题定制器是WordPress的默认功能,存在于每一个WordPress网站中。你可以通过登录到WordPress管理区域,然后从左侧边栏的外观 » 自定义访问。这样会打开当前主题的定制器界面。

你还可以对网站上安装的任何主题使用WordPress主题定制器,即使它们目前未激活。这个功能允许你在激活前看到主题的实时预览并进行更改。

如何使用WordPress主题定制器

打开WordPress主题定制器后,你会在屏幕左侧看到所有的自定义设置,而你的网站实时预览则显示在右侧。

WordPress主题定制器无论使用哪种主题都会有一组默认面板。

你需要点击单独的面板来进行更改。你也可以点击屏幕右侧任何蓝色的铅笔图标来打开该项目的设置。

站点身份面板:添加标题、徽标和网站图标

WordPress主题定制器中的‘站点身份’面板允许你添加或更改网站的标题和标语。默认情况下,WordPress会将‘另一个WordPress站点’作为站点标语。我们建议在安装WordPress后更改它,但你也可以将其留空。

‘站点身份’面板还允许你添加网站徽标。只需点击选择徽标选项即可上传网站徽标。

想要添加网站图标(favicon)吗?你可以点击‘选择站点图标’选项。

WordPress主题定制器:更改网站颜色

‘颜色’面板中的控件大多取决于你使用的WordPress主题。例如,Twenty Seventeen主题允许你选择标题文本颜色和整个网站的配色方案。

在主题定制器中添加导航菜单

‘菜单’面板允许你创建导航菜单并控制其在网站上的位置。在这个标签中,你可以找到所有已创建的WordPress菜单。你可以点击‘查看所有位置’按钮以检查你的主题支持的菜单位置。

在主题定制器中控制小工具

‘小工具’面板允许你在站点上添加和管理小工具。它会根据使用的主题提供不同的小工具位置。

主题定制器中的主页设置面板

默认情况下,WordPress在主页显示最新的博客文章。但大多数用户更喜欢为商业网站使用自定义主页,这样可以拥有一个显示产品和服务的合适登陆页面。

用于添加自定义CSS的附加CSS面板

如果你想为网站添加自定义CSS代码,可以在‘附加CSS’面板中进行。这对于初学者来说是一个更简单的解决方案,而无需直接编辑主题的style.css文件。

预览你的网站在不同屏幕分辨率下的显示效果

每个网站所有者都应该确保他们的网站在不同尺寸的屏幕上都是响应良好的。

WordPress主题定制器允许你轻松检查网站在不同屏幕尺寸下的显示效果。

发布、保存或安排你的定制器设置

完成必要的更改后,你需要将其应用到站点上,否则所有的努力都会白费。点击‘发布’按钮以应用更改。你还可以保存草稿或安排定制器设置在特定日期和时间发布。

预览不同主题而不必上线

有时你可能想检查一个新主题在站点上的外观,但你不想将其激活。在这种情况下,你可以打开WordPress定制器测试新主题而不必上线。

导入或导出主题定制器设置

你可以导入和导出主题定制器设置,这在你在本地服务器或临时站点上进行主题更改时特别有帮助。

WordPress主题定制器替代方案

尽管WordPress定制器允许你对站点进行更改,但控件的数量会因所使用的主题而异。在这种情况下,使用与WordPress主题定制器配合使用的自定义插件是最佳解决方案。

我们希望这篇指南帮助你学会如专业人士般使用WordPress主题定制器。



Related Posts

  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多
  • 2024-07-21
  • WordPress 基础知识

安装WordPress后,你需要进行一系列设置来确保你的网站能够顺利运行。在本文中,我们将分享安装WordPress后立即需要完成的最重要事项,包括添加联系表单、设置SEO、安装缓存插件、设置备份等。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>