WordPress发布文章时排版非常重要,如何使用wordpress主题定制器打造精美排版

使用WordPress创建网站时,排版非常重要。和其他品牌元素一起,可以打造你的品牌形象,让网站访客舒服悦目,这一点很重要。这就是为什么在WordPress中改变字体可以让你的网站与众不同。
但是,对字体变化有很大影响(有时会使其复杂化)的是,你选择的WordPress主题会限制你对字体的选择。
但是WordPress的默认TinyMCE编辑器允许您自定义某些字体。在WordPress中有几种改变字体的方法:
1.使用WordPress主题定制器;
2.借助字体插件;
3.通过应用CSS代码;
4.调整主题的style.css样式表;
5.通过websitebuilder访问Google字体库。
在这篇文章中,我将使用五种方法来指导您如何调整网站的布局。
1.使用主题定制器更改字体样式。
WordPress中的每个主题都有一个主题定制器,要么是本机的(默认的),要么是定制的。这是一个方便的内置WordPress功能,可以在不改变编码(包括字体)的情况下改变主题设计。
请注意,WordPress主题定制器的功能取决于您使用的主题。因为每个主题都有不同的自定义选项,所以您可能无法更改字体样式。
WordPress有成千上万的主题,因此很难详细说明特定主题中字体选项的丰富性。一些主题可能提供非常有限的选项,而其他主题可能有丰富的工具来修改字体的每个细节。
举个例子,我们可以进入VisualComposerStarter,它使用默认的主题定制器来修改字体样式。
因此,当您想要更改字体时,首先要检查的是您正在使用的主题是否有这样做的选项。如果是的话,你会在WordPress仪表盘里找到。要检查,第一步是进入外观→定制。
现在,您将看到主题拥有的所有定制选项。以下是两个主题定制器“219”和“可视化合成工具”之间的区别:
如您所见,VisualComposerStarter有以下可更改的字体选项:样式选项和您可能需要调整的所有参数,例如单独的标题层次结构(H1、H2等)。),段落和按钮。
更改布局设置后,不要忘记应用更改以将其保存在主题定制器中。之后,您网站上的所有字体都会自动更改并生效。
2.安装WordPress字体插件更改字体。
如果你的主题没有提供你需要的字体,或者根本没有提供改变字体的选项,最好(方便的方法)使用一个特殊的字体插件。通过使用其中一个字体插件,不需要更改您网站的代码或手动配置字体。
有两种常见的字体插件:嵌入字体和允许您上传的特定字体。如果你在努力匹配字体,你可以从FonPair工具中获得很多灵感。
有很多插件比默认的TinyMCE编辑器提供了更多的排版功能。
有一个允许你使用谷歌字体的插件总是一个很好的选择,因为他们有大约900种字体可供选择。就像一个流行的EasyGoogleFonts插件一样,这个插件允许你添加自定义的Google字体,并通过主题定制器控制字体。或者可以选择GoogleFont排版插件,在特定部分或者整个网站上更改字体,提供了有用的实时预览功能,可以实时采样字体。
但是,如果您想上传自己的自定义字体而不依赖预定义的库,您可以选择使用众所周知的“任何字体”插件。
但是,您可以在其他WordPress插件中访问丰富的字体库,例如websitebuilder。或者说,谷歌字体现在已经集成到可视化编辑器插件中,这意味着您可以直接从前端编辑器中使用它。
3.自定义CSS代码调整布局。
调整网站字体的另一种方法是使用CSS。如果你熟悉CSS代码,这样特别方便。如果你想用的主题不能自定义改变字体,那只能通过修改css代码来实现。但是,请注意,如果您更改WordPress主题,您之前对css代码的更改将无效。
比如你用的是WordPress的默认主题“twenty19”,这个主题不提供自定义主题的功能,但是支持自定义CSS。要找到此选项,请打开定制器,然后单击“其他CSS”选项卡。
如下所示,我创建了一个默认显示标题1、标题2、标题3和段落文本的页面。
并且我添加了一些自定义CSS来改变下图中的样式。添加自定义CSS可以让你修改网站的布局,并在屏幕右侧预览修改效果。也可以在开头加一个*号,将需要的字体添加到整个网站。
注意:如果使用的是VisualComposer,可以直接从编辑器中添加自定义CSS,在本地或全局改变字体。
4.更改style.css样式表中的字体样式。
如果你是WordPress的高手,可以通过修改主题文件来定制网站。这样就可以把CSS代码直接添加到主题的style.css文件中,从而改变WordPress中的字体。
要在WordPress仪表板中找到此文件,请转到外观→主题编辑器,然后在主题文件选项卡下选择style.css文件。
WordPress主题中的字体取决于特定主题作者的设置,不同的主题区域可能会配置不同的字体。这意味着寻找要更改的字体可能会很耗时。而且,如果打算修改主题文件,为了安全起见,最好创建一个子主题,以免更新主题后丢失更改。
最好的建议是简单地查找、删除、覆盖任何已有的(或特定的)字体样式,避免受到任何CSS特异性更高的配置的影响。
如果你想使用自定义字体,在WordPress网站中嵌入字体有两种选择。
首先,您可以使用@font-face规则来定义要使用的新字体系列。找到并下载没有版权问题的字体,并将其上传到您的服务器,以便您可以指定字体文件的网址。例如,您可以使用谷歌字体库来查找和下载选定的字体系列。
然后,指定字体名称,通过@font-face规则将这些值(字体名称和字体文件的URL)放在主题CSS样式表的顶部。例如:
@font-face{
字体系列:“MyWebFont”;
src:url(‘myfont.woff2’)格式(‘woff2’),
url(‘myfont.woff’)格式(‘woff’);
}
如果要在整个主题中全局更改字体,请在开头放*号。
第二种方法是使用字体网站提供的代码嵌入特定的字体(在我们的例子中,我们仍然以GoogleFonts库为例)。选择特定的样式,然后单击矩形图标获取代码。
使用标签将其插入到网站的HTML代码中,或者使用@import规则在style.css文件的顶部添加字体。
无论您的偏好是什么,使用VisualComposer,您都可以使用CSS、HTML和JavaScript编辑器来添加自定义代码片段,或者修改站点内或特定页面上的代码。
使用网站构建器添加谷歌字体。
现在,大多数人使用网站构建器来创建网站。他们通常提供的功能之一是可以调整字体,包括改变字体。

使用WordPress建立网站时,排版很重要。与其他品牌元素一起,它可以建立您的品牌形象,使网站访问者舒心悦目,这是至关重要的。这也是在WordPress中更改字体可以让您的网站与众不同的原因。
然而,对字体的更改有重大影响(有时会使其复杂化)的是,您选择的WordPress主题会限制您对字体的选择。
但是WordPress默认的TinyMCE编辑器允许您自定义某些字体。有几种方法可以更改WordPress中的字体:

滚动至顶部