WordPress第二十课:组件的自定义(上)

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

网站

SEO

建站

小程序

电商

网站建设学习:xyz_99499

WordPress第二十课:组件的自定义(上)


在精简的过程中,你会发现你更加明确想要什么!


目标变得明确,生活也将变得清晰。


WordPress第二十课:组件的自定义(上)

自定义你的微件widgets


小组件 widgets 是非常有用内容。如果你想在你的网站上放几行简短的链接列表。widgets里的小工具组件就可以帮你做到。或者你想要一些更高级的东西,比如一个日历,让读者跳到你在某一天发布的文章。


这也有一个小组件工具。一旦你学会了如何安装插件,你就可以用专门的小工具来做投票、微博订阅、广告等等。


小部件的特别之处在于它们的定位。每个主题都定义了小部件区域--你可以放置小部件的地方(下图)。一个最常见的小部件区域是一个侧栏。


一些主题有一个侧栏在右边,一些主题有一个在左边,一些都有,和一些(像二十二十和二十九)没有侧栏。另一个常见的地方有一个小部件区域是在页面底部的页脚。


一些主题提供了一个以上的页脚区域,这导致页面的页脚塞满了链接、广告或图片。这看起来很混乱,改进方法是,只需使用你需要的小部件区域,而忽略其他区域。


下表列出了你在所有最近一年的主题中都能找到的小组件区域。与第三方主题相比,这些主题可以很容易地拥有十几个小组件件区域,而Wordpress的年份主题则相对保守。


注意:这是由主题来命名小组件区域的。一个主题所说的 "博客侧栏 "可能和另一个主题所说的 "侧边栏 "是一样的东西。

WordPress第二十课:组件的自定义(上)


WordPress第二十课:组件的自定义(上)


无论小组件区域在你主题中哪个位置,它是由你来选择什么小组件在哪个区域,并配置你添加的小部件。这就是你接下来要做的工作。


使用模板更改布局


主题是你网站布局的最终执行者。但有时他们会通过一个叫做帖子模板的功能给你一点回旋的余地。


下面是它的工作原理。当你创建一个帖子时,WordPress通常会使用一些叫做默认模板的东西--基本上,这就是你主题的现状。但有些主题提供了其他模板。这些模板可以改变单个文章的布局方式。


要看到你的模板选择,开始编辑一个帖子,看看在右侧的侧栏的帖子编辑器。向下滚动到 "帖子属性 "部分,找到 "模板 "框。最初,你的帖子将被设置为使用默认模板,但您可能会在模板列表中找到其他选项。


例如,在Twenty Twenty中,你可以选择Full Width Template来创建一个突破标准布局的帖子,并展开以填充左右边距空间。(通常情况下,效果不是那么吸引人。)在其他主题中,你可以使用模板来隐藏充满小部件的侧边栏或显示不同的小部件区域。


切记!如果使用不慎,帖子模板会打破一致性,使你网站看起来很邋遢。

WordPress第二十课:组件的自定义(上)

安排你的WIDGETS


有两种方法可以配置你的小工具。可以使用WordPress自始至终都有的 "外观→小工具 "页面。或者,也可以使用主题定制器的Widgets部分。主题定制器是比较狭窄的,但它有一个明显的优势。当你添加的小部件,你进行实时预览。


下面是如何添加或重新安排在主题定制器的小部件。


1. 选择 "外观"→"自定义"。

这将加载主题定制器。


2. 选择Widgets部分。

你会看到你的主题中所有的小部件区域的列表。Twenty Twenty主题只有两个小组件区域,它们都是页脚的一部分。


3. 点击你想改变的小部件区域。

现在你会看到该区域的所有小组件(下图)。如果你是在使用Twenty Twenty主题的新WordPress安装中尝试这个方法,首先选择Footer 1区域,它代表了页脚的左侧。


3. 拖动任何一个小部件来改变顺序。

要移动一个小组件,你只需拖动一个小部件框(在主题定制器列表中)到一个新的位置。例如,点击 "搜索 "并将其拖到列表的底部。WordPress会更新预览,将搜索控件放在页脚的最后。


如果你正在编辑一个横向排列小组件的小组件区域(比如头部的小组件),列表顶部的小组件会首先出现在左侧,随后的小组件会被放置在右侧。


你可以做的不仅仅是移动小组件。接下来的内容将向你介绍如何自定义自己的小组件。

WordPress第二十课:组件的自定义(上)

最初,Twenty Twenty在Footer 1小组件区域(如图所示)

有一堆小部件,而在Footer 2小组件区域没有小组件。



WordPress第二十课:组件的自定义(上)

更改WIDGETS的设定


每个小组件都提供了一些你可以调整的设置。要查看这些设置,请单击列表中的小组件展开。变更你想要的設定,然後按一下完成以使更改永久化。下图显示了 "最近帖子 "和 "类别 "小组件的设置。


即使小组件没有提供其他设置,它总是包含一个标题文本框,你可以用它来替换小组件的标准标题--例如,"热点新闻!"代替 "最近的帖子",或 "人们在说什么 "代替 "最近的评论"。如果您将 "标题 "框留空,小组件将使用其默认标题。

WordPress第二十课:组件的自定义(上)

左:你可以更改最近的帖子小组件,以显示你想要的任何帖子(不仅仅是最近的五个)。


右:你可以更改最近的帖子小组件,以显示你想要的数量(而不是最新的五个)。分类框为你提供了三个特殊选项。"以下拉方式显示 "将类别压缩成下拉列表框,这样可以节省空间,但迫使人们点击打开该框。"显示帖子数量 "在类别名称后的括号内显示类别中的帖子数量。而 "显示层次结构 "会显示类别树,如果你使用子类别,这一点特别方便。




WordPress第二十课:组件的自定义(上)

添加和删除组件WIDGETS


下一个最简单的小组件定制任务是删除一个小组件。要做到这一点,点击展开它。然后点击 "删除 "将其从你的网站中删除。


提示:你可以使用WordPress最无用的小组件--Meta小部件来练习删除小组件。Meta小工具显示了一些管理链接,比如 "登录 "和 "网站管理"(带您进入管理区域)。这些链接并不是特别有用,因为你已经知道如何进入你的网站。更糟糕的是,这些链接会显得你很不专业。Meta小工具其实只是WordPress古老版本的遗留问题。


要添加一个小组件,点击主题定制器中小组件列表底部的添加小组件按钮。这将弹出第二列(下图),其中列出了当前安装在您网站上的所有小组件。(现在,你有一些WordPress的经典。)要添加其中一个小组件,点击它。

WordPress第二十课:组件的自定义(上)

这是你在一个新的WordPress网站中可以选择的小组件列表。如果你使用插件添加了一堆新的小组件,这个列表可能会变得很长。在这种情况下,你可以通过在顶部的搜索框中输入部分名称来准确地挖掘出你想要的小工具。


你现在是小工具的主人了。但是,每个小组件到底是做什么的呢?下表描述了你在每个WordPress网站中都会得到的标准WordPress小工具。


WordPress第二十课:组件的自定义(上)

WordPress第二十课:组件的自定义(上)



将Widget从一个区域移动到另一个区域


当你想让你的网站更进一步时,你可能想尝试将小组件从一个区域移动到另一个区域。


例如,也许你在侧边栏里有一个配置完美的小组件,你想把它移到页脚。或者反之亦然。不幸的是,你不能这样做,在主题定制器中。你会被卡住,要恢复,需要添加一个新的副本到其他小组件区域,然后重新配置它。但你可以往管理区里拖东西。


首先从菜单中选择外观→小部件。在那里,你会立即看到所有的小组件区域,以及一个 "可用小组件 "框,其中储存了所有你可以添加的小组件。现在找到有你想移动的小组件的小组件区域。


如果你看不到你的小组件,只需点击小组件区域的标题来展开盒子,并显示里面所有的小组件。最后,将您的小组件拖动到不同的小组件区域,并将其放在那里。


小组件页面有另一个隐藏的功能,称为 "不活跃的小组件 "部分。如果你有一个完全配置好的小组件,现在不想使用,但想保存到以后使用,就把它放在这里。(如果你没有看到Inactive Widgets,请向下滚动。它就在页面底部)。)


你已经熟悉了每个博客都会有的基本小部件。搜索,目录,最近的文章,分类,最近的评论。在接下来文章中,我将带大家熟悉一些网站小工具。


提示:你可以多次添加相同的小工具,例如,你可以添加两个导航小工具。例如,你可以在你的页面中添加两个导航菜单小组件,给每个小组件起一个不同的标题,并使用每个小组件显示一组单独的链接。




往期文章精选

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

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

喜欢,就点个

相关文章

暂无评论

暂无评论...