如何在WordPress中添加短代码

短代码是一种将动态内容添加到WordPress文章、页面和侧边栏的简单方法。许多WordPress插件和主题使用短代码来添加专门的内容,如联系表格、图片库、滑块等。在本教程中,我们将向您展示如何在WordPress中轻松添加短代码。我们还将向您展示如何在WordPress中创建您自己的自定义短代码。WordPress中的简码是代码快捷方式,可帮助您在WordP

短代码是一种将动态内容添加到WordPress文章、页面和侧边栏的简单方法。

许多WordPress插件和主题使用短代码来添加专门的内容,如联系表格、图片库、滑块等。

在本教程中,我们将向您展示如何在WordPress中轻松添加短代码。我们还将向您展示如何在WordPress中创建您自己的自定义短代码。

addshortcodeinwp.pngo_

WordPress中的简码是代码快捷方式,可帮助您在WordPress文章、页面和侧边栏小部件中添加动态内容。它们显示在方括号内,如下所示:

为了更好地理解短代码,让我们先来看看为什么添加它们的背景。

WordPress过滤所有内容以确保没有人使用文章和页面内容在数据库中插入恶意代码。这意味着您可以在文章中编写基本的HTML,但不能编写PHP代码。

但是,如果您想在文章中运行一些自定义代码来显示相关文章、横幅广告、联系表单、画廊等,该怎么办?

这就是Shortcode API的用武之地。

基本上,它允许开发人员将他们的代码添加到一个函数中,然后将该函数作为短代码注册到WordPress,因此用户无需任何编码知识即可轻松使用它。

当WordPress找到短代码时,它会自动运行与之关联的代码。

让我们看看如何在您的WordPress文章和页面中轻松添加短代码。

首先,您需要编辑要添加短代码的文章和页面。之后,您需要单击添加块按钮以插入短代码区块。

插入短代码区块

添加短代码区块后,您只需在区块设置中输入您的短代码即可。短码将通过各种WordPress插件来提供,你可能如使用是WPForms的联系表单,OptinMonster的电子邮件营销表单,WP Call button插入一个拨打电话按钮,等等。

shortcodeinsert.pngo_

要了解有关使用区块的更多信息,请参阅我们的古腾堡教程以获取更多详细信息。

您现在可以保存您的文章或页面并预览您的更改以查看正在运行的短代码。

您还可以在WordPress侧边栏小工具中使用短代码。只需访问外观?小工具页面并将“文本”小部件添加到侧边栏。

现在您可以将您的短代码粘贴到小工具的文本区域内。

shortcode-in-widget.pngo_

不要忘记单击“Save”按钮来存储您的小工具设置。

之后,您可以访问您的WordPress网站,在侧边栏小部件中查看短代码的实时预览。

如果您仍在WordPress中使用旧的经典编辑器,那么您可以通过以下方式向WordPress文章和页面添加短代码。

只需编辑要添加短代码的文章和页面。您可以将短代码粘贴到内容编辑器中要显示的任何位置。只要确保短代码在它自己的行中。

shortcode-classic-editor.pngo_

不要忘记保存您的更改。之后,您可以预览您的帖子和页面以查看正在运行的短代码。

短代码旨在用于WordPress文章、页面和小部件。但是,有时您可能希望在WordPress主题文件中使用短代码。

WordPress可以轻松做到这一点,但您需要编辑WordPress主题文件。

基本上,您只需添加以下代码即可向任何WordPress主题模板添加短代码。

WordPress现在将查找短代码并在您的主题模板中显示其输出。

当您想在WordPress文章和页面中添加动态内容或自定义代码时,简码非常有用。但是,如果您想创建自定义短代码,则需要一些编码经验。

如果您对编写PHP代码感到满意,那么这里有一个示例代码,您可以将其用作模板。

在这段代码中,我们首先创建了一个运行一些代码并返回输出的函数。之后,我们创建了一个名为“greeting”的新短代码,并告诉WordPress运行我们创建的函数。

您现在可以使用以下代码将此短代码添加到您的文章、页面和小部件中:

它将运行您创建的函数并显示所需的输出。

现在让我们来看看短代码的更实际用法。在此示例中,我们将在短代码中显示Google AdSense广告banner。

不要忘记用您自己的广告代码替换广告代码。

您现在可以在WordPress文章、页面和侧边栏小部件中使用 [my_ad_code] 短代码。WordPress将自动运行与短代码关联的功能并显示广告代码。

用户经常问我们简码与新古腾堡块之间的区别。

基本上,如果您发现短代码有用,那么您会喜欢WordPress编辑器区块。块允许您以更用户友好的方式做同样的事情。

与要求用户添加用于显示动态内容的短代码不同,区块允许用户使用更直观的用户界面在文章/页面中添加动态内容。许多流行的WordPress插件都改用Gutenberg区块而不是短代码,因为它们对初学者更友好。

最后,希望本教程能帮助您了解如何在WordPress中添加短代码。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:09
下一篇 2025年3月13日 下午5:10

相关推荐

  • 怎样提升wordpress网站的安全性?Wordfence为您的安全保驾护航

    如何安装安全插件,配置wordfence,让你的网站更安全。 安装Wordfence 后台安装新插件,在插件搜索栏输入wordfence,第一个选择安装,启动。 点击获取wordfence许可证。 选择最左边免费证书 输入邮箱得到安装链接和…

    2025年3月17日
  • 如何更改HTML字体颜色

    在定制您的网站时,字体颜色经常被忽视。在大多数情况下,网站所有者会保留默认字体颜色,如黑色或他们为正文和标题文本颜色定义的任何主题样式。但是,出于多种原因,可能需要更改网站上的HTML字体颜色。更改HTML字体颜色可能看起来令人生畏,但它非常简单

    2025年3月13日
  • 如何为WordPress文章或者页面创建Listicle?

    WordPress默认提供用于创建内容的文章和页面。此外,您可以在文章中创建不同的格式,如音频、图库、视频等。但是,当您要创建针对您的读者的列表时,这还不够。随着“最佳”和“Top10”等内容类型的出现,listicles正在成为大多数网站内容创建库中的重要工具。在本文中,我们将解释在WordPress网站中创建Listicle的各种方法。HTML提供了三种类型的

    2025年3月13日
  • 如何更新WordPress主题:安全而深入的指南

    WordPress主题是WordPress网站最重要的组成部分之一。它决定着网站的外观、内容的显示方式,让网站看起来更现代、更专业、更符合品牌形象。因此,及时更新主题并确保其始终正常运行非常重要。但有时这并不完全简单。如果您已经定制了WordPress主题,更新它就意味着您有可能丢失自己的作品。如果您网站中的插件与新版本的主题不兼容,您需要决定哪些代码需要更新,哪些不需要更新。如果你正在使用自己定

    2025年3月13日
  • 如何添加WordPress侧边栏悬浮固定小工具?

    在WordPress网站中是否有侧边栏是一个百万美元的争论。随着CoreWebVitals、AMP和其他速度的改进,侧边栏正在失去与早期不同的名声。默认的WordPress主题(例如二〇二一和二〇二二)甚至

    2025年3月13日
  • 常见的WordPress用户体验问题及解决这些问题的实用技巧

    1. 加载时间缓慢 没有什么比加载缓慢的网站更考验访问者的耐心了。事实是:如果一个网站的加载时间超过三秒,超过一半的移动用户会放弃该网站。因此,网站速度决定着用户体验的好坏。 值得庆幸的是,有几种方法可以…

    2025年3月23日
  • 如何实现为WordPress创建额外的图像尺寸

    默认情况下,WordPress会自动创建多个不同大小的图像上传副本。此外,WordPress主题和插件还可以创建自己的图像大小。在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。通常,所有流行的WordPress主题和插件都能很好地处理图像大小。例如,您的WordPress主题可能会创建其他尺寸以用作存档页面上的缩略图。但是,有时这些图像大小可能不

    2025年3月13日
  • 如何更改WordPress字体大小、颜色及优化

    字体可以区分沉闷的网站和漂亮的网站。通过学习如何在WordPress中更改字体,您可以使您的网站看起来现代、专业和品牌化。但是在您的WordPress网站中使用字体的最佳方式是什么,您如何为您的设计选择正确的字体?在本指南中,我将带您了解有关WordP

    2025年3月13日