如何使用自定义页面编辑WordPress主题

wordpress-customize-options.png


使得WordPress在博客中如此流行的惊人功能之一就是可以使用主题。无需任何技术知识,任何人都可以拥有一个设计精美的网站,每个人都会喜欢.

但是,即使WordPress主题可以为您提供所有服务,但这并不意味着您在安装主题后就不会改变。构成网站的大多数元素都易于定制。根据主题,可以更改标题,字体,颜色,文本,图像以及几乎所有您想要的内容.

当然,如果您会编码,就可以做更多的事情,但这不是您在这里的原因。由于WordPress允许您通过对初学者友好的定制器来修改主题,因此我们将向您展示如何访问它以及如何个性化您选择的主题。由于每个项目都有不同的自定义选项,因此在本教程中,我们将使用第二十七个.

如何访问WordPress自定义页面

WordPress自定义页面也称为 WordPress定制器. 它是在版本3.4中引入的,从那时起,它允许用户在进行更改时预览站点。有什么更好的方法来自定义网站,但又可以从椅子后面安全地查看其实时版本?这样做的重要之处在于,这些修改不会影响实时网站,因此,在您保存更改之前,访问者看不到您在做什么.

要访问WordPress Customizer,请导航至 外观->定制.

WordPress自定义页面

就是这个。 WordPress已打开您博客的主页,并在屏幕左侧添加了Customizer。您已准备好开始对网站进行更改.

如何自定义WordPress网站

首先,让我们关注屏幕左侧的选项.

在页面顶部,WordPress将让您知道站点的名称。在其正下方,它将显示您当前正在使用的主题的名称。如果要切换主题,只需单击“更改”按钮,然后选择已在博客上安装的任何其他主题.

网站识别

首先,您需要更改一些对网站的身份至关重要的选项。如果您有徽标或要添加徽标,请单击“选择徽标”按钮。从媒体库中选择任何图像或上传新图像。徽标通常是代表您或您的公司的方形图像。如果您在“二十七岁”中选择一个,徽标将显示在站点标题的旁边。如果您使用其他任何WordPress主题,则可能会有所不同.

网站识别

网站标题和标语对于每个网站都应该是唯一的。这些不仅会显示在首页上,还会直接影响您的博客在搜索引擎结果页面上的显示方式。因此,必须为网站命名,并以单句描述作为标语.

不要忘记添加网站图标。此小图显示在用户浏览器的窗口和标签顶部。它们还向用户显示对您的任何页面添加书签或创建任何快捷方式的用户。网站图标可以帮助人们更轻松地识别您的博客。人们通常选择其徽标作为“站点图标”。它应该是正方形,并且至少高512×512像素.

色彩

正如许多类型的研究已经证明的那样,色彩可以塑造整个网站。只需选择主要颜色,您就可以设置网站的其他色调并吸引正确(或错误)类型的用户。无论您是要根据不同研究选择颜色还是根据自己的喜好选择颜色,“定制器”中的“颜色”选项卡都可以让您进行必要的更改.

色彩

说到“ 17岁”,您可以在三种配色方案之间进行选择,并且可以个性化标题文本的颜色。.

其他一些主题将为您提供更多选择,并且您也许可以自定义网站上的每种颜色。这完全取决于开发人员在构建主题选项时付出的努力.

标题媒体

标题媒体

标头已成为网站最重要的设计元素之一。在现代主题中,标题通常包含图片和视频,因此自然可以选择自己的媒体。我们已经详细介绍了Header Media,所以请参阅如何在WordPress中自定义网站标题.

选单

菜单

以下面板允许您在WordPress中添加和编辑导航菜单。由于每个站点至少要有一个导航菜单很重要,因此您只需要学习如何在WordPress中添加菜单即可。此选项卡使您可以执行相同操作,但具有“实时预览”功能,因此您可以立即查看和测试结果.

小部件

当您打开“窗口小部件”面板时,将看到代表所有可用位置的选项卡,您可以在其中使用窗口小部件。在讨论如何向WordPress添加小部件时,我们提到这些取决于您使用的主题.

小部件

通常,至少会有一些可用于小部件的区域。如果您使用的是第二十七岁,则将看到用于将小部件添加到侧边栏,页脚1和页脚2的选项.

打开任何可用的位置,根据自己的喜好添加和修改小部件,同时在屏幕右侧看到更改。很好,不是吗?

静态首页

如果所选主题支持静态首页,则此面板将允许您选择首页的类型。使用“二十七岁”,您可以在首页上显示最新帖子,也可以选择其他页面.

静态首页

在选择静态页面的情况下,WordPress将打开另一组选项,允许您选择首页和后页。如果您不喜欢现有的任何一个,请单击“添加新页面”链接以创建一个新页面。.

主题选项

如果您决定在首页上使用静态页面,则WordPress将在定制程序中添加一个附加面板。在这里,您可以选择首页的布局,并选择将在主题的任何可用部分中显示的页面.

主题选项

额外的CSS

级联样式表(CSS) 是用于描述任何用HTML编写的文档样式的语言。 WordPress网站使用CSS定义颜色,边距,字体和设计的许多其他方面。在WordPress 4.7版之前,用户必须直接修改样式表文件或使用外观编辑器才能更改网站的特定样式.

WordPress中的其他CSS

但是现在,足以在“定制程序”中打开“其他CSS”面板。在这里您可以编写自己的自定义CSS代码,这些代码将立即影响网站.

点击编辑

屏幕左侧面板上所有带有选项的元素也会显示一个 预览面板中的圆形编辑图标. 只需单击任何元素旁边的图标,WordPress就会在左侧打开其相应设置.

从下面的屏幕快照中可以看到,标题,标语,搜索框和最近发布的小部件旁边有一个蓝色圆圈图标.

点击编辑

更改的设置没有任何区别,但是此功能非常适合那些使用元素命名法的人。因此,举例来说,如果您仍然不确定标题是什么,或者只是看不到更改在哪里生效,则仍然可以通过单击图标进行修改.

预览不同的屏幕尺寸

在WordPress Customizer的底部,您可以找到屏幕控件。这些小图标使您可以快速更改站点的视图。你可以看到 在台式机,平板电脑和智能手机上博客的外观. 这是检查当前主题的响应能力的理想选择(主题在不同屏幕尺寸下的表现方式).

屏幕控制

一切都取决于您的喜好

从定制器的所有可用设置中可以看到,可以通过此页面上的用户友好选项来修改任何WordPress主题。有些主题将有更多或更少的选择,但是请花一些时间来浏览所有主题。有一个独特的网站很重要.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map