首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WP/WooComm向复杂的短码添加变量

基础概念

WordPress(简称WP)是一个开源的内容管理系统(CMS),它允许用户轻松创建和管理网站内容。WooCommerce(简称WooComm)是基于WordPress的一个电子商务插件,用于构建在线商店。短码(Shortcode)是WordPress中的一种功能,允许开发者创建自定义的简短标签,这些标签在发布内容时会被替换为特定的内容或功能。

相关优势

  1. 灵活性:短码提供了一种简单的方式来扩展WordPress的功能,而无需修改核心文件。
  2. 易用性:用户可以通过简单的标签插入复杂的功能,无需深入了解PHP代码。
  3. 可维护性:通过短码,开发者可以将复杂的逻辑封装起来,使得代码更易于维护和更新。

类型

短码可以分为两种类型:

  • 内联短码:直接在内容中使用,如 [shortcode]
  • 注册短码:通过PHP函数注册,可以在多个地方使用。

应用场景

短码广泛应用于各种场景,例如:

  • 显示特定内容块
  • 插入动态数据
  • 实现自定义表单
  • 集成第三方服务

添加变量的方法

假设我们要向一个复杂的短码添加变量,以便在短码中使用这些变量来显示不同的内容。以下是一个示例:

示例代码

代码语言:txt
复制
// 注册短码
function my_custom_shortcode( $atts ) {
    // 解析短码属性
    $atts = shortcode_atts( array(
        'title' => 'Default Title',
        'content' => 'Default Content'
    ), $atts );

    // 获取属性值
    $title = $atts['title'];
    $content = $atts['content'];

    // 构建输出内容
    $output = '<div class="custom-shortcode">';
    $output .= '<h2>' . esc_html( $title ) . '</h2>';
    $output .= '<p>' . esc_html( $content ) . '</p>';
    $output .= '</div>';

    return $output;
}
add_shortcode( 'my_custom', 'my_custom_shortcode' );

使用短码

在WordPress内容中,你可以这样使用这个短码:

代码语言:txt
复制
[my_custom title="Custom Title" content="Custom Content"]

遇到的问题及解决方法

问题1:短码未显示预期的内容

原因

  • 短码函数未正确注册。
  • 短码属性解析错误。
  • 输出内容构建错误。

解决方法

  • 确保短码函数已通过 add_shortcode 正确注册。
  • 检查 shortcode_atts 函数的使用,确保属性解析正确。
  • 确保输出内容的构建逻辑正确。

问题2:短码属性未传递

原因

  • 短码标签中未正确指定属性。
  • 属性名称拼写错误。

解决方法

  • 确保短码标签中正确指定了属性,如 [my_custom title="Custom Title"]
  • 检查属性名称拼写是否正确。

参考链接

通过以上方法,你可以向复杂的短码添加变量,并解决常见的短码相关问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Display Posts : 按条件显示WordPress文章的最强插件

中的一个用于处理复杂的请求wordpress博客中文章或页面的类。...Display Posts这个插件其实是对WP_Query 类做的一层高级封装,让用户可以不必手写复杂的WP_Query查询就可以得到想要的过滤结果。...使用的方法主要有两种: 可以通过在WordPress编辑器中插入短码的形式。...显示相对日期 显示效果如下: ---- WordPress 和 Vue.js 的学习资源推荐 1 month ago ---- 显示文章中的图片 如果你想把文章的特色图片实现出来,只需要在短码中增加一个参数...举几个例子: orderby=”author” -按作者排序 orderby=”rand” – 随机排序 orderby=”comment_count” – 按评论数量排序 在上面的短码中我还加入了其他几个参数

3.6K10
  • niRvana · 轻拟物主题4.8完美版

    每个人都有自己的审美,虽然作为一个主后端的开发,但对于这种轻盈、简洁,带有真实物体质感的新拟物设计风格没有了抵抗力, 是时候从极致的扁平稍微向新拟物风格致敬了 !...不刷新加载 全局提供ajax加载文章 打赏 允许通过多种途径打赏,如:支付宝二维码、微信二维码、Paypal链接 点赞 每篇文章均提供点赞功能,可展示访客最喜欢的文章列表(后台可以修改点赞数据) 生成封面二维码... 每篇文章均可生成二维码用于分享到微信等社交平台 主题特色简介 niRvana主题是一款轻拟物风格的wordpress主题,该博客主题设计上不再趋从于现有的扁平风,我认为是时候从极致的扁平稍微向拟物致敬了...Editor”(区块编辑器),在这种编辑器下,原有的“短代码”就显得非常的落后了: 短代码存在的问题:在旧的TinyMCE编辑器中,短代码往往需要手动输入和编辑,很难记忆和使用。...:WP5.3版本中,“标签与链接”小工具无法添加数据的问题 4、新增:主题自带的小工具支持“无障碍模式”了 v3.5.0 1、新增: 自定义视频 2、新增: 自定义音频 v3.4.0 1、新增: 标签云页面

    8.7K10

    WordPress 如何统计并显示文章阅读量?

    WP-PostViews 插件简介 WP-PostViews 是一款免费且简洁的 WordPress 浏览量统计插件,截止本文发稿,有超过十万的站点正在使用。...安装插件 WordPress 后台 > 插件 > 添加新插件,搜索关键词:“WP-PostViews”,如下图: 安装 WP-PostViews 插件 或者在 https://cn.wordpress.org...设置 WP-PostViews 插件 如上图,将浏览次数模板修改成自己想要的文字,模板支持 %VIEW_COUNT% 与 %VIEW_COUNT_ROUNDED% 两个变量,后者为四舍五入后的浏览量。...修改设置后记得点击底部的“保存”按钮即生效。 将统计短代码插入到文章或页面模板 WP-PostViews 插件的帮助文档提供了一种在经典主题中插入统计代码的有效方法,但在块主题中,这种方法通常无效。...所以块主题的用户不应该通过添加 PHP 代码的方式来使用该插件,而是改用插件默认提供的短代码:38 次浏览或0 次浏览。如果不指定 ID 则显示与统计当前帖子或页面浏览量。

    32110

    WPJAM Basic 5.9 详细更新说明

    然后前段时间,微信又限制了,订阅号彻底获取不到头像和昵称了,服务号也要绕一大圈才能获取,我不想看到有人提问,都是没有头像和昵称的,然后也不想通过复杂的网页授权方式获取头像和昵称,所以正好借此机会关闭讨论组了...兼容文章列表页操作 就像上面说的 WordPress 现在更新的方向就是古腾堡编辑器,因为古腾堡编辑器的块编辑器特性,需要大的界面,甚至全凭编辑,所以尽量不要去在文章编辑界面添加设置框。...自5.9.0版本起,已不建议给WP_User_Query传入一个参数!...数据按钮支持多个按钮 WPJAM_List_Table 和 WPJAM_Page_Action 的提交按钮支持多个按钮, 比如我最新的小程序插件的「路径和二维码」的弹窗: 这样,我就把原来的「生成二维码...WPJAM Basic 扩展优化 「常用短代码」扩展的名字改成「常用短码」,因为 WordPress 默认翻译是短码。

    7.2K30

    wordpress独立站首页调用产品的三种方法

    最新产品:在页面编辑器中,添加一个“最新产品”的短代码 `[recent_products per_page=”4″ columns=”4″]`,其中`per_page`控制显示的产品数量,`columns...最热门产品:WooCommerce没有直接的“最热门产品”短代码,但你可以通过查看销售量来手动选择热门产品,或者使用插件来自动根据销售量排序。...推荐产品:你可以使用“特色产品”短代码 `[featured_products per_page=”4″ columns=”4″]` 来展示推荐产品。...使用自定义查询和WP_Query如果你需要更灵活的控制,可以通过自定义查询来实现。...使用插件有许多插件可以帮助你实现这些功能,例如:YITH WooCommerce Ajax Product Filter:这个插件允许你创建复杂的产品过滤和展示。

    11600

    WordPress 外链转内链插件:Simple URLs

    有时候我们需要在 wordpress 博客里面发布别的网址的外部链接,出于隐藏链接实际链接的目的(或者为了减少链接权重损失),需要将外链转化为内链。...Simple URLs 介绍 Simple URLs 是一个简单实用的 WordPress 外链转内链短网址插件,添加链接比发布文章还要简单,额外支持统计链接点击次数。...1、访问 Simple URLs 官方页面,下载上传到插件目录安装,或者直接在 wp 博客后台插件-安装插件里面搜索 Simple URLs 即可找到安装,很久没更新了排名会靠后一些,往下翻一下就能找到了...2、装好并启用后,在后台->Simple URLs->Add new,添加新链接,发布。 ?...注:最终生成的链接样式为 https://www.kaifaxin.net/go/短码, go 是自动生成的,如下图所示短码是你自定义输入的,Redirect URL 是最终跳转的目的地址,固定链接是你最终要使用的站内链接

    1.9K40

    非常适合个人搭建博客—WordPress开源免费主题汇总

    【宝塔面板精选教程汇总】 宝塔面板教程(1)基于云服务器搭建宝塔面板教程最全详解 宝塔面板教程(2)宝塔面板添加WordPress站点详细图文教程 宝塔面板教程(3)基于宝塔面板成功配置网站SSL安全证书...演示:https://www.nbmao.com/ 修改:https://github.com/xb2016/Kratos-pjax 作者:https://moedog.org/787.html 二次元向...,支持多种友链样式 “说说” 功能 – 随时发表想法,并在专门的 “说说” 页面展示,也支持说说和首页文章穿插 评论功能扩展 – Ajax 评论,评论支持 Markdown、验证码、再次编辑、显示 UA...评论者标注(站长,友链认证) 6个短代码,多种页面模板 可视化编辑器和文本编辑器添加短代码 阅读转移 代码高亮 文章目录 ImgBox 评论页面选单 [mf-wp-zhuti_14.gif] 十三、smarty_hankin...主题介绍 极简、轻量化的设计风格 深度优化InstantClick的pjax效果 响应式布局,不依赖js的导航响应式 ajax动态加载二维码 前台阅读模式切换(预计1.1.0版本) 强劲的性能优化 Ajax

    23.3K48

    腾讯云:WordPress创建带缩略图文章内链

    四、添加 TinyMCE 可视化界面下的编辑器按钮 1)文本状态下添加快捷按钮 WordPress 默认内置的是 TinyMCE 编辑器。...如果是在文本状态下增加按钮是很简单的,直接在 functions.php 文件里添加代码: add_action('after_wp_tiny_mce', 'add_button_mce'); function...php } 效果如图: 其实我的文本按钮也没添加多少,也就二十来个吧,还都挺实用的。...这一功能用代码可以实现,但对很多新手来说稍显复杂,所以推荐用插件 Visual Editor Custom Buttons。...用这个插件其实挺方便的,一切需要输入短代码的工作都可以用这个插件来完成。不仅适用于中文网站,英文建站也适用哦!举一反三,比如各种英文插件要用的短代码。。

    94830

    一款简单的WordPress主题June

    于是一直想着自己捣鼓一款主题,6月初经常在面板上看到网站负载达到100%,这个想法就更迫切了,看到BD云618搞活动,云服务器新用户只需要30多元一年,自己手中还空着一个域名,于是赶紧入手,安装宝塔面板搭建WP...去除分类标志 可去除链接中的分类category标志,据说有利于SEO优化 网页后缀 页面链接添加.html后缀 评论等级 按评论数显示等级,评论达到1级才会显示评论者链接 网页后缀 页面链接添加...AJAX回复 Ajax无刷新提交评论,有邮件提醒、验证码反垃圾评论机制 自定义标志 网站LOGO(图片或字体logo、网站标题、favicon网站小标、默认头像、默认缩略图等都可自定义 短代码 主题集成丰富实用的短代码...侧栏滚动小工具 回到顶部、搜索框、隐藏/开启侧栏、暗黑转换、当前页面二维码 。。。。。。...点赞分享 二维码打赏、点赞、分享到社交媒体按钮 评论表情 评论起来更有意思 图片Lightbox 点击图片弹窗放大查看。 视频文章 视频自定义文章类型。

    1.1K20

    纯代码实现WordPress文章设置隐藏内容公众号可见

    不用再手动添加到 style.css 如果你想要修改css,可以下载下来自行修改。...本项目引用css:https://a-oss.zmki.cn/20190503/gzhhfxz.css 3 集成短代码 为了方便使用,在后台文本编辑器中集成该短代码。...将以下代码放入 functions.php 中即可: 由于wordpress会自动转义文章里的代码造成冲突,请复制后删除下面代码中第6行的两个“把我删掉” // 后台文本编辑框中添加公众号隐藏简码按钮...function lxtx_wpsites_add_gzh_quicktags() { if (wp_script_is('quicktags')){ ?...4.2 微信公众号 这里以微信公众号为例(QQ 公众号同理),在微信公众号的“自动回复-关键字自动回复”中设置好关键字(对应上面代码中的 keyword)及验证码(对应上面代码中的 key)。

    1.4K20

    WPJAM Basic一键式全站优化插件WordPress

    还有一些常用的函数,比如获取文章中的第一张图片,获取文章摘要等等。...百度统计自动添加统计代码 Google 分析代码。 百度站长支持主动、被动、自动、批量向百度站长提交链接。 移动主题为移动设备设置单独的主题,以及在PC移动主题在环境中配置。...添加 通常使用短代码list table 等常用的短代码,并在后台列出所有系统的所有短代码。 浏览统计文章阅读数,激活扩展,请不要激活 WP-Postviews 插件。...在后台文章列表中快速复制文章,添加快速复制按钮,点击快速复制新建草稿。 在后台文章列表中快速编辑摘要,点击快速编辑后也支持文章摘要的编辑。...Rewrite 优化 清理无用的 Rewrite 代码和添加自定义 rewrite 代码。 文章类型转换器文章类型转换器可以在各种文章类型中转换文章。

    87930

    给 WordPress 博客添加 Google Buzz 按钮

    ,在移动设备中,还可以通过 Buzz 向好友分享地理位置,并且 Google Buzz 还可以直接导入个人的 Twitter,Picasa,Google Reader,博客等各种内容。...添加 Google Buzz 按钮到 WordPress 博客当中非常简单,只要在博客主题的 single.php 文件中添加如下代码即可: 添加一个 “Buzz This” 按钮到每篇 WordPress 博客日志中,你可以设置在日志内容的前面还是后面和按钮的大小。...WP Google-buzz: 这个插件和 Google Buzz Button 基本相同,它有更多的选项,如可以选择手工插入代码,并且有了更多 Google Buzz 按钮可供选择。...WPBuzzer:这个插件提供了 Bit.ly 的接口,可以让你吧分享到 Google Buzz 的按钮转化为 bit.ly 的短链接,并且通过 bit.ly 的 API 来显示短链接的点击次数来做统计

    88510

    一文详解 WordPress Shortcode 简码

    WordPress Shortcode 指的是使用[]包含的简码或者短代码,WordPress 会识别这些代码并根据它们定义的回调函数输出为内容。...Shortcode API 这个功能是 WordPress 从 2.5 版本开始引入的,使用它可以给日志内容添加各种功能,并且它的接口非常容易使用,并且功能非常强大。...} }); Shortcode 高级使用技巧: 只有 Shortcode 存在时才载入相关脚本文件,我们可以使用 has_shortcode() 这个函数来检测,存在才加载: add_action('wp_enqueue_scripts...function(){ global $post; if(is_singular() && has_shortcode($post->post_content, 'your-shortcode')){ wp_enqueue_script...('whatever');//检测到有使用短码后需要做的事 } }); 如果我们希望保持首页和其他列表页尽可能的简单,希望移除 Shortcode: add_filter('the_content',

    1.7K20

    实用的五大WordPress下拉菜单插件推荐

    实用的五大WordPress下拉菜单插件推荐 ---- 我们在使用WordPress建站的时候经常会在网站添加下拉菜单,因为添加下拉菜单具有改善网站导航、将重要内容放在首屏上、避免用户过度滚动和增强用户体验等等优势...WP Mega Menu by Themeum WP Mega Menu是向您的站点添加下拉菜单的最佳选择之一。如果您正在寻找一种简单的解决方案来组织网站链接,那么此插件非常适合您。...WP Mega Menu带有一个拖放式菜单构建器,使初学者可以轻松地创建他们想要的菜单。将小工具添加到菜单,导入或导出主题,添加搜索栏等。...它的富文本编辑器使您可以使用易于添加到不同文章和页面的短代码来设置自定义内容的样式。通过合并图标、图像、文本、章节等来设计菜单项。 5....无需编码知识即可将此插件的下拉菜单添加到您的站点,因此您不必担心雇用开发人员或冗长的安装过程。使用其拖放生成器创建您喜欢的导航菜单。

    2.8K20

    WordPress安全架构分析

    我们可以认为这个参数是无法获得的。 当我们试图通过csrf攻击后台,添加管理员等,我们的请求就会被拦截,因为我们没办法通过任何方式获得这个_wpnonce值。...action=updraft_ajax&subaction=httpget&nonce=2f2f07ce90&uri=http://127.0.0.1&curl=1 服务器就会向http://127.0.0.1...和一些cms不同的是,Wordpress并没有对全局变量做任何的处理,而是根据不同的需求封装了多个函数用于处理不同情况下的转义。...Wordpress Statistics注入漏洞 Wordpress Statistics在v12.0.7版本的时候,爆出了一个注入漏洞,当一个编辑权限的账户在编辑文章中加入短代码,服务端在处理的时候就会代入...短代码是一个比较特殊的东西,这是Wordpress给出的一个特殊接口,当文章加入短代码时,后台可以通过处理短代码返回部分数据到文章中,就比如文章阅读数等… 当我们传入 [wpstatistics stat

    1.6K20

    WordPress 添加音乐盒

    米扑博客,早在2013年就添加过音乐盒,当时用的豆瓣音乐,后来豆瓣音乐下架了,米扑博客的音乐盒也跟着下架了... 2017.10.24 程序员节,米扑博客重新整理上架了新的音乐盒,聚合了QQ、百度、网易...并将复制的歌曲网址填写到后面你新建文章下方的表单内,音乐类型将根据网址自动做出选择。 4. 点击获取音乐ID按钮,此时音乐ID出现在表单中。 ? 5. 将短代码填入您的新建文章内容中。 1 wp-player end--> 6. 短代码中 autoplay 表示是否自动播放;参数”0″表示否;”1″表示是; 7....WP-Player 效果展示 WP-Player 可以自定义修改一些CSS样式,米扑博客的音乐盒是简单修改了原生css样式后的效果 ?...添加上一个随机显示正能量的名人名言 1234567891011121314151617181920212223242526272829 <div id="showtxt" style="font-size

    1.9K71
    领券