
您现在的位置是:首页 > WordPress教程WordPress教程
WordPress怎么使用短代码?
WP集市
2025-08-22
【WordPress教程】
678人已围观
嘿,各位玩WordPress的兄弟姐妹们,是不是老觉得编辑器里写点花里胡哨的东西费劲?想插个自定义表单吧,直接写HTML怕搞崩页面;用插件吧,又觉得“杀鸡焉用牛刀”?今儿咱就聊个WordPress里的“宝藏功能”——短代码(Shortcode),这玩意儿简直是“浓缩的精华”,小巧但贼好用,分分钟帮你搞定复杂内容!
先搞明白:短代码到底是个啥?
说白了,短代码就是个“暗号”。你在文章或页面里写一串 [这样的方括号标签]
,WordPress一看就知道:“哦,这小子要调用我提前准备好的功能了!” 然后它就会自动把这串“暗号”换成你想要的内容——可能是一段HTML、一个动态列表甚至是嵌入的视频。
举个例子,你装了个联系表单插件,插件会给你个短代码 [contact-form id="123"]
,你把这串东西复制到编辑器里,发布后页面上就会显示一个漂亮的表单。就这么简单,不用你写一行代码,跟复制粘贴微信消息似的,手到擒来!
第一步:用现成短代码?抄作业就完事儿了!
大部分插件、主题都自带短代码,比如表单插件、幻灯片插件、产品展示插件……你根本不用自己写,直接“抄作业”就行。
咋找现成短代码?
- 插件设置里翻一翻:比如Contact Form 7,在“联系表单”列表里,每个表单后面都有个“短代码”按钮,点一下就能复制。
- 看插件文档:正经插件都会在文档里写清楚短代码咋用,比如
[gallery ids="1,2,3"]
这种默认的图片画廊短代码,WordPress自带的!
咋用?
复制短代码 → 粘贴到文章/页面编辑器里(可视化或文本模式都行)→ 预览看看效果。比如你想插个视频,找到插件给的[my-video id="456"]
,粘贴进去,发布后就是一个能播放的说~
“你看,就这么简单,连我奶奶学两遍都能会,真不是吹的!”
进阶:自己写短代码,程序员的“定制化自由”!
如果你想搞点特别的,比如显示当前时间、自定义欢迎语,现成的短代码不够用咋办?自己写啊!别怕,不难,跟着我一步步来,保证你5分钟上手。
基础款:输出固定内容
比如写个短代码[hello]
,输出“Hello World!”。
步骤:
- 打开WordPress后台 → 外观 → 主题文件编辑器 → 找到
functions.php
(主题的函数文件,注意:别乱删里面的代码!)。 - 在文件末尾(最好是
?>
之前,如果有的话)粘贴这段代码:
// 定义短代码的回调函数
function my_hello_shortcode() {
return 'Hello World!这是我自定义的短代码~'; // 注意用return,别用echo!
}
// 注册短代码:短代码名称是[hello],对应上面的函数
add_shortcode('hello', 'my_hello_shortcode');
- 保存文件。然后在编辑器里写
[hello]
,预览就能看到“Hello World!这是我自定义的短代码~”了!
划重点: 函数里必须用return
返回内容,不能用echo
!不然内容可能出现在页面最顶上,那可就尴尬了——我当年第一次写就犯这错,内容飘在导航栏上面,客户问我“这是新特效吗?”,我脸都红透了!
进阶款:带参数的短代码
想让短代码更灵活?比如[hello name="小明"]
输出“Hello 小明!”,安排!
还是在functions.php
里加代码,这次我们接收参数:
function my_hello_shortcode($atts) {
// 设置默认参数:如果用户没传name,就用“访客”
$atts = shortcode_atts(array(
'name' => '访客' // 默认值
), $atts);
return "Hello,{$atts['name']}!欢迎光临我的博客~";
}
add_shortcode('hello', 'my_hello_shortcode');
现在你写[hello name="小红"]
,就会输出“Hello,小红!欢迎光临我的博客~”;写[hello]
,就默认显示“Hello,访客!…”。
“这就跟点外卖备注‘不要香菜’似的,灵活!用户想咋改就咋改,多贴心~”
实用款:显示当前时间
再来个实用的,写个[current_time]
显示当前时间,代码:
function my_time_shortcode() {
return '现在时间:' . date('Y年m月d日 H:i:s'); // 格式可以自己改,比如Y-m-d就是2024-05-20
}
add_shortcode('current_time', 'my_time_shortcode');
保存后,在编辑器里写[current_time]
,发布就是动态时间啦,刷新页面就更新,比你手动改日期方便一万倍!
注意事项:这些坑别踩!
- 别在
functions.php
里乱删代码:删错一个括号,整个网站可能白屏!建议先备份functions.php
,或者用子主题(别直接改父主题文件,万一主题更新就没了!)。 - 短代码名称别重复:比如你已经有个
[hello]
了,再写一个同名的,后面的会覆盖前面的,白忙活一场。 - 复杂逻辑别往短代码里堆:比如查询数据库、循环一百条数据,短代码会变慢的!简单功能用短代码,复杂的还是用插件或自定义页面模板吧,不然网站卡成PPT,用户可不等你~
总结:短代码,WordPress玩家的“效率神器”!
短代码这东西,用好了是真方便:不用装一堆插件,自己写几行代码就能定制功能,又轻量又灵活。不管你是新手还是老鸟,都该学两手——毕竟,谁不想在编辑器里敲个[my-cool-stuff]
就出来一个超酷的模块呢?
“好了,今儿就聊到这儿,赶紧打开你的functions.php
试试写个[hello]
吧!写出来记得在评论区告诉我,让我也替你高兴高兴~ 下次咱再聊带HTML的短代码,更花哨哦!”
Tags:
文章版权声明:除非注明,否则均为WP集市原创文章,转载或复制请以超链接形式并注明出处。

热门文章
