WordPress主题定制器的终极指南

即使您刚刚听说过 WordPress,您也可能知道它是围绕包容性的宗旨而构建的:互联网适合所有人,并且 每个人都应该能够建立一个网站 他们是否有任何编码知识。 使用 WordPress,这是真的。

为了帮助非编码人员找到创建网站的方法, WordPress 使用称为主题的现成布局。 优质主题的设计和制作是我们引以为豪的行业,但也不乏免费主题可供选择。 然而,一个主题只是脚手架。 一个主题可用于数千个网站,但使用它制作的每个网站都可以完全独一无二。这就是 WordPress 主题定制器的用途。

WordPress 主题定制器是一套任何人都可以使用的工具 轻松调整和更正 WordPress 网站的外观和感觉。

这就是我们将要讨论的:

什么是 WordPress 主题定制器?

WordPress 主题定制器是 WordPress的默认功能. 如果您已经完成了 WordPress 安装,那么您也已经安装了定制器。 虽然您可以使用它来自定义任何主题,但其中一些会为自定义程序添加新功能和选项,包括全新的面​​板:您的结果可能会有所不同,但每个主题的自定义程序可能会包含所有基本选项。 您可以通过导航到 WordPress 主题定制器 外观/定制 从您的 WordPress 仪表板。

外观定制

定制器的主要功能有很大关系 您的网站如何呈现给访问者:颜色和图像、小部件、菜单和图标:所有这些都可以使用 WordPress 定制器进行访问和操作。 更重要的是,您可以在此处将 CSS 或级联样式表添加到您的网站。 这些代码主要与您网站的外观有关,但也有其他功能。

如何开始使用 WordPress 主题定制器

在本终极指南中,我们将使用最新的 WordPress 的默认主题来介绍所有这些选项: 二十二十一. 使用 WordPress 仪表板导航到定制器后,您会看到它在 左侧菜单. 您还可以看到 在右侧预览您的网站 其中。 您可以在此处实时查看所做的更改。

您可以选择要自定义的主题元素或功能 在左侧菜单中单击它. 如果一个元素有一个 编辑(铅笔)图标 在它旁边,您可以单击它来编辑该元素,而不是通过菜单找到它。

在菜单顶部,您会找到 发布 按钮。 如果您使用定制器对您的网站进行了任何更改,您的访问者将不会立即看到它们,除非您 发布 他们。 如果有一些更改需要保存,按钮将变为蓝色并显示 发布. 如果您的所有更改都已发布,该按钮将显示为灰色并显示 发表.

再往下,你会看到你正在定制的网站的标题——在我们的例子中, – 您可以看到的活动主题是 二十二十一. 这也是您可以安装 WordPress 主题的地方,以防您想要免费的(尽管功能齐全)默认主题以外的东西。

主题定制器

有很多选项,其中许多都有很好的注释,这意味着即使是新用户也可以相对轻松地找到自己的方式。 不过,为了方便起见,我们将一一带您浏览菜单选项。

站点标识设置

点击 站点标识 部分将揭示一些基本选项,这些选项与您可以对您的网站产生的直接印象有关。

这两个文本字段用于 网站标题标语. 您可以随意调用您的网站,也可以使用您喜欢的任何标语。 您可以将两个字段留空,也可以取消选中 显示网站标题和标语 如果您不想使用这些框。 WordPress 的默认设置 标语只是另一个 WordPress 网站,并且我们没有为此演示更改它。

在这里,您还可以管理网站视觉标识的一些基本元素: 标识网站图标. 点击 选择徽标/网站图标 将引导您进入您的媒体库,您可以从中选择一张图片或上传一张图片。 徽标可能会或可能不会出现在您网站的任何位置——它不会出现在我们的网站上——但网站图标(或网站图标)会出现在浏览器选项卡、书签栏和移动应用程序中。 目前推荐的尺寸是 512×512 像素。

如果您还没有网站图标,请记住,您可以使用大量的 WordPress 网站图标生成器。

站点标识

颜色和暗模式和背景图像

单击此部分将显示 背景颜色 控制。 在这里,您可以从选择器中或通过输入十六进制代码来选择网站背景的颜色。

暗模式支持 选中复选框后,在您的访问者使用深色模式查看您的网站的情况下,会自动优化您网站的颜色。

颜色和深色模式

如果您不希望网站使用纯色背景,则 背景图 面板是您可以从媒体库添加背景图像或上传背景图像的地方。 完成此操作后,您将找到图像设置,您可以将其用于您希望实现的各种效果。

如果您决定添加背景图片,我们会详细介绍您的选项和可用设置。

背景图

菜单

在里面 菜单 面板,您可以创建菜单并控制它们在您网站上的行为和位置。 在这里您可以通过单击 创建新菜单 按钮。

菜单

单击您网站上可能拥有的任何菜单将显示访问者在访问菜单时看到的项目。 你也可以 重新排序添加项目 从该区域访问这些菜单中的每一个。

您可以使用 菜单位置 选项来控制菜单出现的位置和 菜单选项 复选框以自动将新页面添加到任何特定菜单。 如果您想让访问者轻松访问您最重要的页面,而无需手动将它们添加到菜单中,这将非常有用。

主菜单

点击 创建新菜单 按钮将引导您进入一个屏幕,您需要在其中命名您的菜单并将其放置在您网站的选定菜单区域中(或者选择不这样做,以防您想在一般小部件区域中使用它)。 命名菜单后,单击 下一个 此处将允许您向其中添加项目。

新菜单

最后,点击 查看所有地点 在菜单部分中,您可以将菜单放置在主题提供的位置上。 菜单可以位于菜单位置或小部件区域,但此面板仅允许您访问主题指定的菜单位置。

小部件

点击 小部件 面板将让您访问您的主题正在使用的小部件区域。 小部件区域的数量和布局将取决于您使用的主题。

小部件

单击任何小部件区域(单个 页脚 在我们的例子中区域)将允许您 添加小部件 到所述区域。 单击 添加小部件 按钮将向您显示可用小部件的可搜索列表。

添加小部件

主页和摘录设置

你的 主页 通常是访问者将看到的网站的第一部分。 您可以将其设置为显示您的最新帖子,也可以将其设置为静态页面,在后一种情况下,您需要另一个页面来显示您的帖子。

主页

摘录设置 面板关注帖子页面上帖子主体的行为,包括您的主页。 设置 概括,它会显示一个 继续阅读 您的帖子的链接。 如果设置为 全文,它将显示您的全部帖子。

摘抄

附加 CSS

最后,我们有 附加 CSS 控制板。 CSS 代表级联样式表,基本上是用于修改网站视觉样式的代码,但它也可以有其他用途。

主框是您添加代码的地方。 CSS 有无限数量的函数。 我们之前使用它来更改行距和段落间距、禁用文本选择、缩进段落、更改字体大小以及各种其他美学和实用功能。

CSS

综上所述

如您所见,毫不夸张地说 WordPress 提供了几乎无限的选项,即使您无需为单个软件付费。 但即使在无限的选项中,我们也能找到共同的功能,这就是 WordPress 主题定制器的用途。 只需安装 WordPress 和您选择的主题,然后从头开始构建一个网站并对其进行调整,直到它完成。

In relation :  如何创建和安排 WooCommerce 优惠券