WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 教程 › WordPress 短代码制作教程

WordPress 短代码制作教程

PCDotFan8年前

 

WordPress 短代码制作教程-WP酷

 

今天的特色图像略坑(上面直角下面圆角),WordPress的短代码是什么?例如,标准的插入一张图片的代码应该是用很长的 img 标签;在页面中一些固定的文字需要加入特殊的样式,我们也不需要使用 div+CSS 了,只需要加入一段短代码。简单的说,短代码就是用非常简单的代码区替代冗长的代码的一种方法,是WordPress内置的高级功能,今天我们就来讲一讲怎样使用短代码吧。

 

短代码的形式

[hehe a="a" b="c"] …… [/hehe]

短代码和普通 HTML 的编写形式不是很相同,采用的是方括号的形式编写的,短代码中还可以包含很多的属性,也就相当于,如果一个短代码中有不同的属性还可以达到不同的效果呢?

 

怎样使用短代码

WordPress的短代码需要你手动在主题目录 functions.php 文件中编写创建函数才可以正常使用,下面我们就讲一讲怎样创建短代码函数。

function 函数名($atts,$content=null)
{
    extract(shortcode_atts(array("参数一名称" => '0',"参数二名称" => '1'), $atts));
    return 返回值;
}
add_shortcode(短代码名,函数名);

在主题的 function.php 文件中插入以上形式的代码就可以使用短代码了,那么函数要怎么编写呢,其实很简单了。

例如:

function hello($atts,$content=null)
{
    return "这是我的第一个短代码";
}
add_shortcode("Test",'hello');

上面是最简单的一种短代码,输出固定的文字,我们发一篇文章在文章中输入以下内容:

[Test]任意内容[/Test]

之后就可以在文章发布之后看到文章中显示了。

WordPress 短代码制作教程-WP酷

显示了我们在代码中返回的内容,也许你注意到了,短代码的特性是:在短代码标签中写任意内容,都会被返回的值替代掉。那么有功能真正实用的短代码怎么写呢?在主题目录的functions.php中添加:

function Theimg($atts,$content=null)
{
    extract(shortcode_atts(array('img'=>'0'), $atts));
    return 'WordPress 短代码制作教程-WP酷';
}
add_shortcode('ThisIsimg',Theimg);

在文章中输入以下内容:

[ThisIsimg img="http://www.baidu.com/img/10.23_112a036972a74bbcb84b8957316c8aa3.gif"][/ThisIsimg]

可以看到,我们定义了一个叫做 img 的属性并且给了一个图片地址,之后我们在代码中利用:

extract(shortcode_atts(array('img'=>'0'), $atts));

定义了个 img 变量之后,返回(return) 了一个包含 img 变量并且被附加了一些字符串的值,并且显示了图片,效果如下:

WordPress 短代码制作教程-WP酷

图片正常显示了。请注意,获取参数的标准方式就是上面那样的。怎样获得短代码标签之内的内容呢?

function Test($atts,$content=null)
{
    return "aa".$content."bb";
}
add_shortcode(Test2,Test);

使用 content 变量直接获取短代码中间的字符串就好了。

 

短代码的核心部分就是那么简单,剩下的就需要你使用 PHP 代码的各种运算去实现更多使用功能了。

对于短代码,就WordPress而言,我是觉得非常方便的,首先是省略了非常多的代码的写入,减少了数据库的占用,另外丰富了文章。但是个人是不会选择使用短代码的,考虑到通用性的缘故,如果要更换站点系统或是主题,短代码就失效了,并且还会显示在文章中。

#短代码
13
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 434评论 857
相关文章
  • 网站速度优化手记 – 实战 Ubuntu 20.04 安装 WordPress 及配置 CloudFlare 防 DDOS 攻击
  • [6.0 更新中文汉化]极度流行的SEO插件 – WordPress SEO by Yoast
  • WordPress 新用户注册邮件链接提示「您的密码重设链接无效」
  • AMP – 为 WordPress 移动站点操作全球访问优化
  • 去除谷歌服务 – WordPress 国外主题全方位加速
  • 使用 WP-CLI 简化 WordPress 操作流程
  • WordPress 基础开发 – 一探 WordPress Hook 机制及示例应用
  • 优化静态资源 – WordPress 国外主题全方位加速
评论 (4)
再想想
  • 快乐家园

    用插件不就行了?

    8年前
    • WP酷

      @快乐家园 插件会拖慢整个WP的速度,所以原则是能不用插件就千万不用。

      8年前
    • 威儿唔哈

      @WP酷 速度和方便不可兼得

      7年前
  • 宋茂祥

    6年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
434文章
857评论
3K获赞
猜你喜欢
如何关闭WordPress自带在线插件/主题编辑器
7年前
Git – 一款比付费主题更像是付费主题的WordPress免费主题
5年前
去除谷歌服务 – WordPress 国外主题全方位加速
4年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2021 WP酷. Designed by nicetheme. 琼ICP备13002067号-1