使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

作者 : King 本文共938个字,预计阅读时间需要3分钟 发布时间: 2024-10-4 共16人阅读

Elementor侧边栏小工具

教程总目录:菜鸟建站进阶篇–使用Elementor设计wordpress网站页面

 

hello主题默认没有侧边栏,其他主题大部分都带。所以说这个教程基本都是给使用hello主题使用的。

关于侧边栏的更多文章可以查看:

https://codex.wordpress.org/Widgetizing_Themes

 

有时候我们可能感觉Elementor分享的功能不够丰富,我们可以在页面上添加调用wordpress和插件小工具的区块。

下面说下如何添加小工具区块。

本文目录

1.在主题文件中添加代码

if (function_exists("register_sidebar")) { register_sidebar();}

将上面的代码添加到你正在使用主题的functions.php文件尾部。

可以重复添加,比如你添加一次。就可以使用1块小工具区块。添加2次,就可以用两个小工具区块。

本文中示例是2个。

下图可以看到我添加了两次,添加后记得保存。

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

 

2.在模板中调用小工具区块

本文示例在文章页面模板右侧添加一个小工具区域,然后知识兔底部添加一个小工具区域。

添加到底部这里可能会排版比较丑,本文仅是举例。大家实际可以将小工具区块放到任何位置。你放到顶部导航模板里也没问题!

编辑我们的文章页面模板

将侧边栏小工具添加到我们要放置小工具的区域

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

 

然后知识兔会出现让你选择侧边栏的选项

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

可以看到是有两个侧边栏,这就是我们上边一步添加了两次的效果。

这里我选择侧边栏1

 

然后知识兔文章底部再添加一个小工具区块。

这个底部的就选择侧边栏2

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

然后知识兔我们保存更新一下文章的模板。不更新怎么去看效果,

下面去后台添加小工具看看效果。

3.后台添加小工具

后台–外观–小工具

这里面可以看到两个小工具区域。边栏1和边栏2

这里作为演示,我就加个文字小工具

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

 

查看效果

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

 

底部小工具

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

显示效果

使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

 

 

 

下载仅供下载体验和测试学习,不得商用和正当使用。

[ppwp passwords=”zhishitu.cn”]

下载体验

应版权要求,禁止分享,敬请谅解,有问题务必找客服哈。

如何获取解压密码

有问题找客服哈,并领取学习福利!

[/ppwp]

点击下载

小鱼网是一个美好的开源学习社区,学习编程,学习WordPress,下载WordPress插件主题,
小鱼网 » 使用Elementor添加小工具栏(常规主题的侧边栏小工具之类)

常见问题FAQ

发表回复

分享最优质的学习资料

立即查看 了解详情