WordPress模板插件定制

您现在的位置是:首页 > WordPress教程WordPress教程

WordPress怎么使用短代码?

查看 WP集市 的更多文章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!”。

步骤:

  1. 打开WordPress后台 → 外观 → 主题文件编辑器 → 找到functions.php(主题的函数文件,注意:别乱删里面的代码!)。
  2. 在文件末尾(最好是?>之前,如果有的话)粘贴这段代码:
// 定义短代码的回调函数
function my_hello_shortcode() {
    return 'Hello World!这是我自定义的短代码~'; // 注意用return,别用echo!
}
// 注册短代码:短代码名称是[hello],对应上面的函数
add_shortcode('hello', 'my_hello_shortcode');
  1. 保存文件。然后在编辑器里写[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],发布就是动态时间啦,刷新页面就更新,比你手动改日期方便一万倍!

注意事项:这些坑别踩!

  1. 别在functions.php里乱删代码:删错一个括号,整个网站可能白屏!建议先备份functions.php,或者用子主题(别直接改父主题文件,万一主题更新就没了!)。
  2. 短代码名称别重复:比如你已经有个[hello]了,再写一个同名的,后面的会覆盖前面的,白忙活一场。
  3. 复杂逻辑别往短代码里堆:比如查询数据库、循环一百条数据,短代码会变慢的!简单功能用短代码,复杂的还是用插件或自定义页面模板吧,不然网站卡成PPT,用户可不等你~

总结:短代码,WordPress玩家的“效率神器”!

短代码这东西,用好了是真方便:不用装一堆插件,自己写几行代码就能定制功能,又轻量又灵活。不管你是新手还是老鸟,都该学两手——毕竟,谁不想在编辑器里敲个[my-cool-stuff]就出来一个超酷的模块呢?

“好了,今儿就聊到这儿,赶紧打开你的functions.php试试写个[hello]吧!写出来记得在评论区告诉我,让我也替你高兴高兴~ 下次咱再聊带HTML的短代码,更花哨哦!”

Tags:

WordPress模板插件定制