WordPress第十八课:调整你的主题

科技9个月前发布 iowen
92 0 0

 现在关注,免费领取网站搭建教程

网站

SEO

建站

小程序

电商

网站建设学习:xyz_99499

WordPress第十八课:调整你的主题


WordPress之所以成功,很大程度上是因为它有一个活跃的社区。


WordPress第十八课:调整你的主题

自定义主题


获得你想要的外观的第一步是选择正确的主题,但你的网站风格并没有完成。


每一个主题让你自定义它。我们定制我们自己的主题,使主题与我们的网站和谐搭配。


页面的品牌头像是一个很好的例子,如果自带的那个很low,我们就需要找一个更好的Logo来代表我们的网站。其他基本的主题自定义任务包括网站周围的小部件和菜单设置。


大多数主题是在主题定制器里。这里的操作有点反人性。每个主题只是略有不同。大多数现代主题有很多的选项,但一些旧的主题选项就寥寥无几。如果你不能找到你想要的主题定制器,你需要在外观菜单寻找更多的选项。


主题定制器是WordPress发展后期添加的。它提供了一个中央仪表板,在那里你可以快速改变你的主题的设置。主题定制器通过使用一个多标签页面来适应所有这些设置。但最好的的功能莫过于实时预览,在你发布之前实时显示。


要打开自定义器,选择外观→自定义。或者,在查看主题图库(外观→主题)时,指向当前主题并点击定制按钮。无论哪种方式,WordPress都会显示出你网站的预览,并在侧边栏显示主题定制选项。图5-8显示了主题定制器中显微镜下的Twenty Twenty主题。


注意:主题定制器并不总是看起来像它在下图中那样。有些主题比其他主题提供了更多的可定制部分。然而,基本的概念仍然是一样的:你在观看不断更新的作品预览时配置常用设置。


WordPress第十八课:调整你的主题

 

要使用WordPress的主题定制器来修改你的主题,点击左边的一个部分,打开它并调整设置。但有一点你应该知道:带有”主题”设置的部分实际上是结合了不同类型的WordPress设置,有些设置根本就与你的主题无关(比如Site Identity)。创建主题设计器的人只是认为把所有这些设置放在一个地方会很有用。


那么,你可以做什么与您的网站在主题定制器?这里有一个快速的概述。


网站标识。这一部分让你改变你的网站的标题和副标题(称为标语)。这些实际上并不是特定主题的设置。你在安装WordPress时就已经设置好了,你也可以通过管理区的设置→常规部分来更改它们)。有些主题也会用这个部分来设置标题图片和logo。


颜色。本节让你调整你的主题中的颜色。当涉及到颜色选项时,主题是在地图上到处都是–有些主题为你提供了对单个设计元素(如按钮和标题)的精细控制,而另一些主题则将你限制在几个预制的颜色方案中(有些主题根本没有颜色选项)。Twenty Twenty介于两者之间–它可以让您改变背景和重点颜色,但不会让你对其他颜色进行调整。


主题选项。这是一个自定义部分,有些主题有,有些没有。Twenty Twenty使用它进行一些杂项设置。最重要的是使用摘录的能力。


封面模板。这是一个特殊的部分,只有当你使用Twenty Twenty时才会看到。它控制着封面模板的工作方式,你可以用它来制作一个漂亮的图形化主页,在你开始构建页面后。


背景图片。本节让您使用一张图片作为背景。然后,无论你是在浏览一个帖子列表还是在阅读一个帖子,该图片都会出现在你网站的每个页面上。


菜单。你用这部分来组合一个菜单。但是在你使用菜单之前,你的网站需要有一些页面。


小工具。本节让您可以将预制的内容添加到您网站的不同位置,如侧栏或页脚。你将在本章后面学习配置小部件。


主页设置。本节可以让你使用自定义页面作为你网站的主页,前提是你已经创建了该页面。


额外的CSS。这部分让你添加自己的CSS设置来覆盖主题中的一些视觉细节。本节让你添加你自己的CSS设置来覆盖一些视觉细节在你的主题。这是一个更高级的主题定制技术,因为你不仅需要知道CSS标准,而且还需要了解你的主题是如何设计的。


要仔细查看这些设置,请点击部分标题。然后,你可以调整任何你说,安全的知识,你是不是真的改变你的网站。如果您喜欢您在预览中看到的内容,请单击面板顶部的”发布”按钮,使您的更改永久化。或者点击X图标在面板的左上角退出主题定制器,并退出任何变化,你还没有发布。



WordPress第十八课:调整你的主题

关于颜色


这是由你的主题来决定它在主题定制器中提供什么颜色设置。Twenty Twenty让你设置两种类型的背景颜色。它为页眉和页脚使用一种背景颜色(最初,它是白色的),另一种背景颜色在你的文章内容后面(最初,那是米色的)。要改变一种颜色,点击选择颜色框(下图)。


Twenty Twenty还可以让你选择一个主色,更好的说是高光色。主色被用于主题需要强调的地方。要改变主色,你可以使用一个更有限的滑块(在侧边栏的底部),让你选择一种颜色,但不是其强度。在Twenty Twenty中,主色设置了按钮的背景色和链接的文字色。在Twenty Nineteen中,主色被用来给特色图片着色,只要你勾选”给特色图片应用滤镜”框。


注意:二十九滤镜功能以单色的方式看起来很整洁,但真正的网站不太可能希望每张图片的色调都完全一样。说实话,这个功能叫嚣着”仅供酷炫演示用”。


 

WordPress第十八课:调整你的主题

当你点击其中一个”选择颜色”框时,你会得到一个颜色选择器,在这里你可以选择你想要的确切色调(这里显示的是背景色)。当你调整颜色时,你会在右边看到网站更新的预览。


有些主题强迫你在预设的颜色方案中进行选择。


例如,如果你点击二十七号主题中的颜色部分,你会发现三个选项(下图)。浅色(标准的白底黑字),深色(戏剧性的白底黑字配色方案),以及自定义(让您选择您喜欢的颜色)。然而,Twenty Seventeen 中的”自定义”设置并不像 Twenty Seventeen 中的”自定义”设置那样。在 Twenty Twenty 中,你可以更改适用于按钮和其他一些东西的高光颜色;而在 Twenty Seventeen 中,你可以选择用于着色文本的颜色。例如,选择鲜红色,你就会得到红色调的黑色文字。


 

WordPress第十八课:调整你的主题


不同的主题,不同的颜色选择。二十七号主题让您可以从两种预制的配色方案中选择,也可以设置自定义的文字颜色。你也可以通过点击标题文字颜色下的选择颜色按钮,为网站标题和标语选择不同的颜色。


如果你改变颜色在旧的二十六主题,你会得到另一个稍微不同的颜色选择集。你会发现不同的设计元素,包括文本,链接,页面背景,和页面周围的边框的颜色化的独立选项。


注意:这是主题古怪的一部分。每个主题有能力定义自己的设置。这种设计对于灵活性来说是很好的,但这意味着当从一个主题改变到另一个主题时,往往有一个学习曲线。





往期文章精选

Breakthrough Advertising,一本亚马逊卖几百美金的广告圣经

如何选一款合适的虚拟主机

喜欢,就点个
© 版权声明

相关文章

暂无评论

暂无评论...