如何在WordPress侧边栏小部件中使用简码

您想学习如何在WordPress侧边栏小部件中使用短代码吗?您可以使用简码块向任何页面或帖子添加短代码。但是,如果您想在整个站点中使用相同的代码,那么将其添加到侧边栏小部件可能会更容易。在本文中,我们将向您展示如何在WordPress侧边栏中使用短代码。

2ae9491e85dca6b72e35a025ea0b3b8e.png

为什么要在WordPress侧边栏小部件中使用简码?

简码允许您向网站添加高级内容和功能,包括联系表格、表格、随机报价等等。WordPress带有几个内置的短代码,但一些插件也添加了自己的短代码。

您可以使用WordPress编辑器和内置的短代码块向任何页面或帖子添加短代码。但是,如果您想在整个站点中使用简码,那么将其添加到侧边栏通常是有意义的。

例如,您可以使用Smash Balloon Instagram Feed提供的短代码在WordPress侧边栏中显示Instagram照片。

6998612aca68c625b08c8b13a2a2f18a.png

然后,此内容将显示在您的整个WordPress网站上,因此您无需在每个页面添加它并手动发布。这可以为您节省大量时间和精力,并有助于保持网站设计的一致性。

方法1:使用WordPress简码小部件(简单)

大多数免费和付费的WordPress主题都带有小部件就绪的侧边栏。考虑到这一点,您通常可以简单地将简码小部件添加到网站的侧边栏中。

首先,转到仪表板中的外观»小部件。在这里,您将看到可以在WordPress中添加小部件的所有不同区域,包括侧边栏。

7d2c57dbcf63d50dd51535ca7b1d371a.png

只需单击“+”按钮,然后开始输入“简码”。

当右侧块出现时,将其拖到WordPress侧边栏上。

f1b2505b367636ae57bc6aada239619f.png

您现在可以将短代码添加到块中。

完成后,不要忘记单击“更新”以进行更改。

53164a59453eac84607faa906304dfe1.png

您现在可以访问您的WordPress博客或网站以查看运行中的短代码。

方法 2.使用完整的站点编辑器(适用于启用块的WordPress主题)

如果您使用的是块主题,则可以使用全站点编辑器将短代码添加到侧边栏。在您的 WordPress 仪表板中,转到主题 » 编辑器

ae6317c87bb27b79f1034111480e6d0c.png

这将打开完整站点编辑器,其中已选择主题的模板之一。

如果要将简码添加到其他模板,请单击工具栏中的箭头并选择“浏览所有模板”。

e99b31762df494d108c1e42cace0e777.png

现在,您将看到构成主题的所有不同模板。

只需找到要添加短代码的模板,然后单击即可。

8176b8be5b3f6f78e0839576af53e4eb.png

之后,单击“+”按钮并开始输入“简码”。

当右侧小部件出现时,只需将其拖到主题的侧边栏上即可。

90c078084edb12852928d5c569d2bd2a.png

您现在可以将短代码添加到小部件中。当您对更改感到满意时,请单击“保存”以使简码生效。

方法 3:使用自定义 HTML 小部件(更可自定义)

有时您可能希望显示其他内容以及短代码。例如,RafflePress 可以使用短代码将竞赛或赠品添加到您的侧边栏。为了吸引更多人关注比赛,您可能希望在比赛上方显示一个标题。

2e8628d81995bd0a54ca58dd0fbb735a.png

您无需创建单独的简码和标题块,只需将简码和文本添加到自定义 HTML 块即可。这有助于您将不同的内容排列在一个漂亮的布局中。您还可以使用 HTML 设置块的样式,以便准确控制它在边栏中的外观。

默认情况下,自定义HTML块不支持短代码,但您可以通过向WordPress添加自定义代码来轻松更改它。添加此代码后,您可以在整个WordPress网站的任何自定义HTML块中使用短代码。

通常,您会找到包含将自定义代码添加到站点函数.php文件的说明的指南。但是,不建议这样做,因为代码中的任何错误都可能导致常见的WordPress错误,甚至完全破坏您的网站。

这就是WPCode的用武之地。

这个免费的插件可以轻松地将自定义CSS,PHP,HTML等添加到WordPress,而不会使您的网站面临风险。更好的是,它带有一个现成的片段库,其中包括允许您在文本小部件中使用短代码的代码。

首先,您需要安装并激活WPCode。

之后,转到 代码片段 » 添加代码段 在WordPress仪表板中。您现在可以开始输入“简码”。

bfbbd1df5df7aed1a03d080f038fd089.png

当它出现时,将鼠标悬停在以下代码片段上:“在文本小部件中启用简码执行”。

然后,您可以继续并单击“使用代码段”。

a2a1c172c7a849cc71fdcf82a9f846bf.png

这将在WPCode编辑器中打开代码段。WPCode为您配置代码段设置,因此您只需单击“非活动”开关即可将其变为蓝色。

完成后,单击“更新”以使代码段生效。

9cec37b2093d9d568b5b25a1c93f563f.png

现在,您可以向任何文本小部件添加简码。

只需转到外观»小部件,然后在搜索栏中输入“自定义HTML”。

5c51ea1bcd2a9daf193f476d117664fa.png

当右侧块出现时,将其拖到网站的侧边栏上。

完成后,您可以将HTML和短代码添加到块中。

ebded1fc7cb97bc4ff5210c1f8901873.png

如果您对小部件的设置方式感到满意,请单击“更新”。

现在,如果您访问您的网站,您将看到实时的短代码和自定义 HTML。

常见问题解答:在WordPress侧边栏小部件中使用简码

无论您使用什么主题,您都应该能够使用上述方法之一将短代码添加到侧边栏。但是,如果您需要额外的帮助,那么这里有一些关于在侧边栏添加短代码的最常见问题。

如何更改侧边栏小部件的显示位置?

侧边栏的位置由您的WordPress主题控制。如果您对侧边栏的位置不满意,则可以使用主题设置进行更改。

许多最好的WordPress主题允许您在不同的布局之间进行选择。通常,这包括在屏幕的不同侧面显示侧边栏。

要查看您的主题是否具有不同的侧边栏布局,请转到 外观 »WordPress 仪表板中的自定义。在这里,查找任何标记为侧边栏或类似设置的设置。

1ef7b380a698edc7dec7b3fc08b8a1d6.png

只需单击此选项并查找允许您更改侧边栏在网站上显示位置的任何设置。

例如,下图显示了Astra WordPress主题中的侧边栏设置。

8474c01681350ac0dc374c7b5500e6cf.png

进行更改后,单击“发布”按钮以使新的侧边栏布局生效。

如果您无法使用内置设置更改侧边栏的位置,那么另一种选择是创建 WordPress 子主题。

如何将侧边栏添加到我的 WordPress 主题?

如果您的主题没有侧边栏,则可以创建一个子主题,然后使用代码添加侧边栏。

如果您不习惯编写代码,那么您还可以使用SeedProd等插件创建自定义WordPress主题。您可以使用这个流行的页面构建器插件,通过简单的拖放编辑器设计自己的主题和侧边栏。

如何在每个帖子或页面上使用不同的短代码?

有时您可能希望在某些帖子和页面上使用不同的短代码。例如,您可能希望在归档页面上展示最受欢迎的帖子,并在首页上展示广告。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值