WordPress短代码怎么用?随着WordPress Shortcode API功能的发布,越来越多的商家会借助WordPress短代码来实现WordPress特定功能的开发与添加。常见的WordPress短代码主要有视频、音频,图库等,但是对于一些不熟悉WordPress短代码的商家来说,借助WordPress短代码实现WordPress外贸建站可能会有一点困难,所以下文将基于此为大家介绍WordPress短代码怎么用及是什么的有关内容。

一、WordPress短代码是什么

WordPress短代码类似于一种代码快捷方式,可以帮助商家借助简短的代码块,实现在WordPress帖子、页面和小部件特定功能的添加和优化,特别适合没有技术知识背景的商家使用。

WordPress短代码主要用途

1、嵌入媒体:WordPress简码可用于轻松地将视频和音频文件等媒体文件直接嵌入到帖子或页面中。

2、创建图库:使用 WordPress短代码,用户只需指定他们想要包含的图像的 ID 即可创建漂亮的图像库。

3、有条件地显示内容:一些短代码可以检查某些条件(如用户登录状态)并相应地显示内容。

4、集成插件: 许多WordPress插件提供WordPress短代码以将其功能无缝集成到网站中,例如来自联系表单插件的短代码,用于在网站的任何位置显示表单。

二、WordPress短代码怎么用

1、创建WordPress短代码

(1)访问模板的 functions.php 文件

首先导航到 WordPress 仪表板并转到 Appearance-Theme Editor,打开模板的 functions.php 文件,这是将编写自定义短代码的地方。

(2)定义 shortcode 函数

接下来创建一个函数来定义要显示的内容或功能,例如如果想让像 “Hello, World!” 这样的简单消息出现在使用短代码的任何地方,则可以写:

function hello_world_shortcode() {
return 'Hello, World!';
}

(3)将短代码添加到 wordPress

定义函数后,使用 add_shortcode() 函数注册短代码,这告诉 WordPress 在内容中寻找什么文本以及要调用什么函数:

add_shortcode('hello_world', 'hello_world_shortcode');

现在每当将 [hello_world] 插入文章或页面时,WordPress 都会将其替换为 “Hello, World!”

(4)测试短代码

将 [hello_world] 短代码添加到任何文章或页面,以确保它按预期工作。就是这样,基本上就完成了一个基本短代码的创建,现在可以自定义此功能以满足需要。如果想要更高级的东西,还可以为特定功能(如按钮、表单,甚至集成外部 API)创建 WordPress自定义短代码。

2、添加WordPress短代码

(1)在 WordPress 帖子和页面中添加短代码

  • 首先需要编辑要添加短代码的帖子和页面。
  • 之后需要单击添加块按钮“+”以插入简码块。

单击添加块按钮

  • 添加 Shortcode 块后,只需在块设置中输入简码即可,简码将由可能正在使用的各种WordPress插件提供,例如用于联系表单的 WPForms 或用于电子邮件营销的 OptinMonster。

在块设置中输入简码

 

(2)在 WordPress 侧边栏小部件中添加短代码

  • 访问 WordPress 仪表板,从左侧边栏中选择 外观,然后单击小部件。
  • 在可用小部件列表中找到 Shortcode 小部件。
  • 将小部件拖放到右侧所需的侧边栏区域,此区域可能标记为 Main sidebar(主边栏)、Footer (页脚)或其他自定义侧边栏,具体取决于主题。

将小部件拖放到右侧所需的侧边栏区域

  • 在小部件内提供的文本区域中,输入要使用的短代码(例如,[your_shortcode]),将 [your_shortcode] 替换为触发所需功能的特定短代码,单击 Save 窗口小部件上的按钮以应用更改。
  • 访问网站的前端,在侧边栏中查看简码的输出,这可确保它正常工作并与网站的设计很好地集成。

(3)在 WordPress 主题文件中添加简码

  • 始终从备份 WordPress独立站 开始,此预防措施可确保在编辑过程中出现任何问题时可以恢复原始状态。
  • 使用 FTP 客户端连接到服务器并导航到 /wp-content/themes/your-theme/ 目录,其中 your-theme 是正在使用的主题的目录。或者可以通过转到 Appearance- Theme 编辑器直接从 WordPress 仪表板访问主题文件。
  • 确定希望短代码出现的 PHP 文件,用于此目的的常见文件包括 sidebar.php、footer.php 或 header.php。
  • 打开文件进行编辑。
  • 将以下 PHP 代码放在文件中希望短代码输出显示的位置:
  • echo do_shortcode('[your_shortcode]');
  • 将 [your_shortcode] 替换为正在实施的特定短代码。
  • 保存对 PHP 文件的更改。
  • 访问网站以确认短代码正确执行并在主题结构中按预期显示。

推荐阅读:

如何添加WooCommerce短代码?

如何在WordPress中集成API?

WordPress网站怎么设置产品的前后效果对比图?

相关文章

  • wordpress主题选项框架

    WordPress主题框架是什么 WordPress主题框架推荐

    WordPress主题框架其实与WordPress父主题类似,借助WordPress主题框架用户可以为主题的创建提供代码库,帮助用户加快网站开发过程,此外借助WordPress主题框架还可以设置无头WordPress网站,为用户提供多样的外贸建站计划。 一、WordPress主题框架是什么 1、WordPress主题框架优点 (1)大量的内置功能:从广泛的代码库和自定义挂钩到预制的小部件和拖放功能,可以简化和加快开发速度。 (2)更高效:WordPress主题框架使用最佳开发实践构建,按照严格的…

    开发教程 2024年 12月 10日
  • WooCommerce收款设置

    WooCommerce收款怎么设置?

    WooCommerce收款怎么设置?商家可以通过WooCommerce账户后台的设置-付款选项对WooCommerce收款进行设置。WooCommerce作为WordPress建站生态的一部分,WordPress收款方式的设置是商家使用WordPress进行外贸建站必须熟悉的操作之一,所以下文将为大家带来WooCommerce收款方式设置的有关内容。 一、WooCommerce收款方式 WooCommerce支持Paypal、Stripe、信用卡等多种收款方式,WooCommerce默认的付款方…

    开发教程 2024年 11月 11日
  • shopify自建站教程

    从零开始!Shopify自建站最全教程

    随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境电商独立站的搭建,为了帮助小白商家更好的了解Shopify自建站的全部流程,下文将从Shopify独立站账户创建开始,为大家一步步梳理Shopify网站搭建的过程。 一、创建 Shopify 帐户 转到 Shopify.com 并单击右上角的开始免费试用,然后将回答一些关于业务、销售产品、销售地点、正在构建的网站类型以及销售多长时间的问题。之后输入电子邮件和…

    开发教程 2025年 2月 24日
  • 导航到仪表板中的网站付款

    WooCommerce PayPal设置如何做?

    WooCommerce PayPal设置如何做?首先商家需要在PayPal的账户后台生成一个PayPal身份识别码,之后在PayPal NVP/SOAP API 集成(经典)部分获取API实时凭证,再在WooCommerce后台进行WooCommerce PayPal Payments插件的安装激活与配置,至此便可完成WooCommerce PayPal设置的全部操作了,为了帮助大家更好的进行WooCommerce PayPal外贸建站的设置,所以下文将基于此为大家具体呈现其中的图文设置过程,以…

    开发教程 2025年 1月 6日
  • WooCommerce短代码

    如何添加WooCommerce短代码?

    用户在使用WooCommerce进行跨境电商独立站搭建工作时,有可能会借助WooCommerce短代码实现更加醒目的页面布局,帮助商家更加直观地展示产品。那么这一步骤该如何实现呢?商家可以借助一些WooCommerce短代码示例,在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能,下文将为大家具体介绍WooCommerce短代码有关知识。 一、WooCommerce短代码是什么 也许大多数人都熟悉在WordPress独立站中使用短代码,它显示为两个方括号[shortc…

    开发教程 2024年 9月 27日
  • 选择统一费率

    WooCommerce运费设置

    WooCommerce作为WordPress外贸建站生态的一部分,WooCommerce运费设置是商家在建站过程中不可忽视的一部分,那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢?下文将为大家展示具体步骤,通过WooCommerce运费的合理设置,商家可以有效地管理运输成本,提供有竞争力的运费,并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前,可以先花点时间了解WooCommerce中可用的不同类型的运费: …

    开发教程 2024年 10月 8日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部