wordpress自定义短代码高阶操作

wordpress短代码是比较方便而且简单的一个代码快速生成方法,今天主要介绍以下高级的自定义短代码生成玩法,wordpress短代码的功能有点类似于wordpress给自定义分类添加字段代码,今天给大家详细介绍一下。

短代码和普通 HTML的编写形式不是很相同,简码中可以包含属性,这非常有用,例如,它可以赋予函数参数。wordpress短代码是在wordpress版本更新到2.5以后新增加的功能,采用的是方括号的形式编写的。比如[ok height=800 width=800],ok短代码有两个属性height和width,主要就可以将自定义短代码手动插入到wordpress主题中,也可以通过插件插入(本篇文章不涉及插件) 。 

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

  1. 短代码的高阶操作一:普通短代码带参数的
    function 函数名($atts,$content=null)
    {
    extract(shortcode_atts(array("参数一名称" => '0',"参数二名称" => '1'), $atts));
    return 返回值;
    }
    add_shortcode(短代码名,函数名);
    

    上面是格式,下面直接给大家来个演示,将以下代码添加到主题functions.php

    add_shortcode("hx_url", "hx_diy_short");
    function hx_diy_short($atts, $content = null) {
        extract(shortcode_atts(array(
            "href" => 'http://'
        ), $atts));
        return '<a href="'.$href.'">'.$content.'</a>';
    }

    然后在后台发布文章的时候可以直接插入短代码

    [hx_url href="https://www.daima66.com]我爱主题网[/hx_url]

    或者在主题模板文件中需要使用的地方插入如下代码

    <?php echo do_shortcode('[hx_url href="https://www.daima66.com]我爱主题网[/hx_url]')?>
    1. 短代码的高阶操作二:短代码从WordPress中提取文章。

    首先获取文章的所有标签,接着获取这些标签下的 n 篇文章,那么这 n 篇文章就是与该文章相关的文章了。现在可以见到的WordPress相关文章插件都是使用的这个方法。“相关文章”插件可以为我们检索文章,但是使用简码我们就可从特定类别中轻松获取任何数量的文章,上代码添加在函数内的短代码函数

    add_shortcode("list", "hx_short_getlists");
    function hx_short_getlists($atts, $content = null) {
        extract(shortcode_atts(array(
            "num" => '5',
            "cat" => ''
        ), $atts));
        global $post;
        $args = [
                'numberposts'=>$num,
                'category'=>$cat,
                'order'=>'DESC',
                'orderby'=>'post_date'
        ];
        $posts = get_posts($args);
        $list='<div>';
        foreach($posts as $post) :
            setup_postdata($post);
            $list.='<a href="'.get_permalink().'">'.the_title("","",false).'</a>';
        endforeach;
        $list.='</div> ';
        return $list;
    }

    在模板中使用的短代码

    <?php echo do_shortcode('[list num="3" cat="2"]')?>
    1. 短代码的高阶操作三:在侧边栏微件中添加自定义短代码

    Shortcode 很方便,但是只能用在日志内容中,那么如何在 WordPress 的侧边栏的 Widgets 中使用 Shortcode,可喜的是,接下来就将介绍一些小技巧以提升WordPress性能并在侧边栏微件中使用简码,比上次的wordpress短代码之系统短代码要更加牛掰,在当前主题的 functions.php 中添加如下代码:

    add_filter('widget_text', 'do_shortcode');

    然后你在 WordPress 后台 > 外观 > Widgets 界面添加一个文本 Widget,然后插入博客中经启用 shortcode 即可。

    以上就是wordpress的自定义短代码的几种高阶玩法,如果你有更好的短代码应用示例可以联系我爱主题网。

    我爱主题网 自2012
    主题:260+ 销售:1000+
    兼容浏览器

    电话咨询

    7*12服务咨询电话:

    133-7205-6573

    微信咨询