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网站怎么设置产品的前后效果对比图?

相关文章

  • Gutenberg页面复制

    WordPress复制页面怎么操作

    WordPress复制页面怎么操作?商家可以使用WordPress插件Duplicate Page的复制页面选项即可完成WordPress页面复制的操作。在WordPress外贸建站的过程中,有时为了保证设计的一致性,又或者是进行布局测试,会进行页面的复制,此时了解清楚页面复制的具体操作有利于商家独立站搭建工作的顺利进行,所以下文将教大家如何借助插件实现WordPress页面的复制。 手动复制页面或文章似乎是最简单的方法–复制内容,粘贴到新的草稿中,然后就可以了。但这种方法不仅耗时,在某些情况下…

    开发教程 2025年 9月 11日
  • 点击添加产品按钮

    Shopify独立站建站教程:产品上架

    Shopify产品上架是商家在搭建Shopify跨境电商独立站极易忽视的优化细节,多数卖家因缺乏系统方法,经常会遗漏SEO优化、库存跟踪等关键环节,导致曝光不足、转化率低。本文聚焦这一痛点,以全流程实操框架,拆解从信息填写到发布的专业要点,帮卖家规避误区、规范流程,既让新手快速上手,也助力老手提高转化! 一、登录Shopify账户 如果还没有Shopify商店,点击查看《Shopify注册流程及注意事项》相关注册教程。 或者如果已经有Shopify账号,登录Shopify管理仪表盘,向商店添加新…

    开发教程 2026年 1月 6日
  • wordpress主题选项框架

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

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

    开发教程 2024年 12月 10日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • shopify开店

    Shopify如何开店

    Shopify如何开店?想要使用Shopify开店的商家,首先需要创建Shopify账户、添加产品、选择主题,之后要自定义商店、添加域名、配置配送支付方式、添加页面、连接应用程序,最后则需要创建测试订单并正式启动网站进行Shopify开店。对于小白商家来说,Shopify跨境电商独立站的开店步骤会有点繁琐,所以接下来将围绕Shopify开店的具体操作过程为大家展开介绍。 Shopify如何开店一:创建Shopify帐户 访问Shopify并完成帐户设置。Shopify Basic计划从三天免费试…

    开发教程 2025年 6月 2日
  • 选择统一费率

    WooCommerce运费设置

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

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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