WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨

WordPress 小工具(Widgets)是一种模块化的功能组件,用于在网站的侧边栏、页脚或其他小工具区域添加内容和功能。小工具可以帮我们轻松地自定义和增强网站的功能,例如,在网站前台侧边栏,通过添加和设置小工具,来展示导航菜单,分类列表,标签云,自定义链接,最新文章、热门文章、最新评论、日历、搜索框和自定义文本等。

通过在页面的非主要内容区域添加有用的小工具,用户可以更方便地找到相关内容,提高网站的可用性和用户体验。小工具还可以用来增加网站的功能,例如添加搜索功能、显示社交媒体链接或提供翻译选项,增强网站的整体功能性。另外根据我们的需求和设计偏好,小工具可以用来自定义网站布局和内容展示区域,提升网站的个性化和吸引力。

图片[1]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

区块主题在“外观”设置选项下方只有“编辑”按钮,没有“小工具”选项。

非 WordPress 区块主题激活之后,在“外观”下可以找到“小工具”选项。

小工具 Widget 区域管理

点击小工具,打开小工具设置页面。

每个主题支持的小工具区域各不相同,如下图,Astra 主题支持的小工具区域包括“主侧边栏”,“页眉”,“页脚栏”,“WooCommerce 侧边栏”,“产品侧边栏”等。

图片[2]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

每个小工具区域代表着该主题在网站前台的某个区域。

例如,主侧边栏,代表着网站所有侧边栏区域,产品侧边栏,代表着产品页面的侧边栏。

有些主题可以设置页面是否显示侧边栏,只有显示侧边栏时,我们添加到“主侧边栏”区域的小工具内容才会显示到网站前台;如果页面不显示侧边栏,则即使我们在“主侧边栏”区域添加了内容,网站前台也不会显示这些内容。

图片[3]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

如果主题自带的小工具区域不够用,可以通过安装插件的方式,添加更多小工具区域,并且实现对小工具区域更复杂功能的控制和设置。例如小工具插件 Widget Options

自 WordPress 5.8 之后,原来的经典小工具编辑器被替换为区块小工具编辑器,也就是说现在我们可以直接将区块添加到小工具区域中,实现网站侧边栏和其他支持 Widget 功能的区域里内容的编辑。(我们也可以通过安装插件“经典小工具”,将区块小工具操作界面切换回以前的经典小工具操作界面)。

编辑小工具内容

我们以“主侧边栏”区域为例,点击“主侧边栏”区域右侧的下拉箭头,展开显示该区域。

图片[4]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击页面左侧的区块添加按钮调出区块列表,我们可以像使用区块编辑文章或者页面那样,按照自己的需要,向小工具区域中添加区块,并且编辑区块的内容。

点击小工具区域中的任意区块,可以设置该区块的显示效果,不同区块有不同的设置选项,通用的设置例如设置区块的背景色,字体颜色,链接字体颜色,设置字体和文字大小等等等等。

完成设置之后,发布,或者更新设置,然后我们就可以在网站前台该小工具所在的页面查看实际效果。

图片[5]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在小工具设置页面,区块不仅仅可以在某个小工具区域内上下移动,也可以在多个不同的小工具区域之间移动。

图片[6]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

要移动区块,可以直接拖动区域内需要移动的区块到任意位置,或者点击页面顶部工具栏中的三条横线图标,打开当前页面的列表视图,然后拖动需要移动的区块到当前区域的任意位置,或者任意小工具区域的任意位置。

未使用的小工具

在小工具页面中最后一个区域“未使用的小工具”,不会展示在网站前台的任意位置,我们可以将暂时不用的小工具移动到“未使用的小工具”区域,等需要的时候,再把小工具从“未使用的小工具”区域,移动到其他需要的位置。

例如,我在 WooCommerce 侧边栏添加了一个设计好的“2024年黑五网一”网站促销信息,黑五网一之后,可以先将这个小工具放到“未使用的小工具”区域,等到2025年黑五网一的时候,对小工具内容进行简单修改,再移动到 WooCommerce 侧边栏即可。

WordPress 小工具常见问题解答

可以为特定用户角色设置不同的小工具吗?

默认情况下,WordPress 系统不支持为不同用户角色设置不同的小工具,不过使用插件(如Widget Options)可以为特定用户角色设置不同的小工具。

小工具设置后前端不显示,怎么办?

检查网站是否启用了缓存插件,尝试清除网站的缓存数据,以及浏览器的缓存数据之后,刷新页面重新查看。

主题切换后小工具消失怎么办?

因为不同的主题,支持的小工具区域不同,主题切换可能会导致小工具位置重置,如果更换主题之后小工具消失,可以切换回原主题或手动重新设置和添加小工具。

为什么无法拖放小工具排序?

可能是浏览器问题、JavaScript 冲突或权限限制。尝试更换浏览器或检查用户权限。

能否在不同页面显示不同小工具内容?

可以使用插件如 Widget Logic 或 Content Aware Sidebars,在不同页面显示不同的小工具内容,或者在特定页面隐藏显示小工具内容。

图片[7]-WordPress 网站侧边栏小工具添加和设置教程 | WordPress 教程 ⑨ | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
© 版权声明
THE END
喜欢就支持一下吧
点赞2 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容