现在的位置: 首页 > WP 专题 > 正文

如何在wordpress首页侧边栏小工具中添加和使用短代码

2020年04月08日 WP 专题 ⁄ 共 1106字 ⁄ 字号 暂无评论 ⁄ 阅读 222 次

首先我们先来简单了解下什么是wordpress短代码?

短代码是为执行特定功能或向 WordPress 站点添加特定功能而设计的一小段代码。短代码允许您在 wordpress 内容区域中添加联系表单,表格等动态项目。您还可以在窗口小工具中使用短代码在侧边栏和其他小部件就绪区域中添加这些动态项。由于大多数短代码不属于WordPress主题或插件,所以用户可以把它们插入到网站上的页面、帖子以及任何用户想要添加该特性的“文本”或“自定义HTML”小工具中,当不再需要该特性时可将其删除。

使用短代码的前提:

1、短代码通常包含在wordpress主题函数模板 functions.php 文件中,可通过搜索 add_shortcode 查看主题中可用的 wordpress 短代码。

2、wordpress 默认不允许在“文本”和“自定义HTML”小工具中执行短代码。要更改此设置,需将以下代码添加到主题的 functions.php 文件中。

  1. add_filter('widget_text', 'do_shortcode');

这里有一个短代码应用实例,可供参考:wordpress使用短代码实现在父页面中显示子页面列表链接

接下来我们将向您展示如何在WordPress边栏小工具中轻松添加和使用短代码。有两种方法:

1、使用文本小工具在WordPress边栏中添加短代码

登陆 wordpress 后台,依次展开“外观”—“小工具”页面,将“文本”小工具拖放到 WordPress 侧边栏。添加窗口小工具后,您只需在窗口小工具的文本编辑区域内添加您的短代码并保存即可。

使用文本小工具添加短代码

之后,可以您可以访问您的网站,并查看正在使用的短代码效果。

使用短代码通过文本小工具实现显示子页面列表链接

2、使用“自定义HTML”小工具WordPress中添加短代码

有时,您可能想在短代码周围添加自定义HTML代码,这在“文本”小工具中可能无法正常工作。在这种情况下,您将需要使用“自定义HTML”小工具添加您的短代码。同样在后台将“自定义HTML”小工具拖放到 WordPress 侧边栏合适位置,然后在其中添加您的短代码即可。

使用自定义HTNL小工具添加短代码

现在,您可以访问您的网站以查看您的短代码使用效果。

使用短代码通过自定义HTML小工具实现显示子页面列表链接

除了使用包含短代码的主题,您还可以使用基于短代码的wordpress插件,如:Display Posts 它允话您在帖子或页面中添加短码。使用查询参数按标记、类别、帖子类型等过滤结果,实现按条件显示WordPress相关文章。Display Posts 插件的功能更强大,使用更方便。

Display Posts插件官网下载地址:https://downloads.wordpress.org/plugin/display-posts-shortcode.3.0.2.zip

display-posts插件效果页面

给我留言

留言无头像?


×