有朋自远方来,不亦乐乎。
WordPress 文章内链短代码
原创 橘子书  发布于 2年前 ( 2017-06-24 ) 阅读: 1,750 次 评论: 6 条 A+

这个功能,我最早是在banyuner.com(帅气小琦琦)里遇见。只是后来才知道大发贱志有写过一篇教程。

不过当初并没有将这个功能集合到leo主题,而是用在了自留地博客里面,作为年底总结之用。

现在嘛,感觉龙砚庭的文章会越来越多。一旦内容丰富了,调用文章内链的几率就高,所以昨天抽空将它连同评论内链短代码一并写进了主题里面去。

DEMO

WordPress 文章内链短代码

文章内链短代码这个功能,我最早是在banyuner.com(帅气小琦琦)里遇见。只是后来才知道大发贱志有写过一篇教程。 不过当...

发布时间:2017/06/24 作者:橘子书 评论:6
WordPress 文章内引用评论

早上在大发贱志的博客,看到一篇关于引用评论短代码的技术文章,觉得太牛了。 港真的,在文章内插入评论内容的小功能真心...

发布时间:2017/06/23 作者:bigfa 评论:5

教程

打开主题根目录的functions.php文件,在最后一个?>前面插入以下代码(代码来自大发贱志):

function fa_insert_posts( $atts, $content = null ){
    extract( shortcode_atts( array('ids' => ''),
        $atts ) );
    global $post;
    $content = '';
    $postids =  explode(',', $ids);
    $inset_posts = get_posts(array('post__in'=>$postids));
    foreach ($inset_posts as $key => $post) {
        setup_postdata( $post );
        $content .=  
   '<div class="card-today-history">
    <div class="card-thContents">
    <div class="card-thLine"></div>
    <div class="card-thHeroTitle">
  <a target="_blank" class="label--thTitle" href="' . get_permalink() . '">' . get_the_title() . '</a>
    <div class="v-floatRight card-thMeta">' . get_comments_number(). '<i class="iconfont icon-comment"></i></div>
    </div></div></div>';
    }
    wp_reset_postdata();
    return $content;
}
add_shortcode('fa_insert_post', 'fa_insert_posts');

css方面的话,自行DIY。毕竟每个人的审美观与需求并不一样。

css样式大概如下:

.card-today-history{
     /*自行DIY*/
}
.card-thContents{
     /*自行DIY*/
}
.card-thLine{
     /*自行DIY*/
}
.card-thHeroTitle{
     /*自行DIY*/
}
.v-floatRight{
     /*自行DIY*/
}
.card-thMeta{
     /*自行DIY*/
}

调用方式:

//文章内:
[fa_insert_post ids=123,456]
//其他地方:
do_shortcode('[fa_insert_post ids=123,456]')

额外补充

短代码启用(扔到functions即可)

//侧边栏启用短代码
add_filter('widget_text', 'do_shortcode');
//评论启用短代码
add_filter( 'comment_text', 'do_shortcode' );
//摘要启用短代码
add_filter( 'the_excerpt', 'do_shortcode');

Principle Team
龙砚庭官方QQ群,一个坚持强怼的7P成员群!
10人已关注

目前评论:6   其中:访客  3   博主  3

发表评论

莫慌,小狮子正在努力加载评论...
  1. 明月登楼
    明月登楼3 ( 2017.06.29 11:07:34 )  地板

    我的 Begin 主题好像是禁用这个了!

    • 橘子书
      橘子书渣渣橘 ( 2017.06.29 11:27:41 )

      @明月登楼 应该不能吧,这个功能没必要禁止。毕竟调用文章内链是网站优化的手段之一,能够便捷插入内链,何必禁用它呢

  2. 明月登楼
    明月登楼3 ( 2017.06.29 11:06:55 )  板凳

    我想知道谁知道如何在 WordPress 里引用wooCommerce产品!wooCommerce产品是另外一个站点的!

    • 橘子书
      橘子书渣渣橘 ( 2017.06.29 11:26:40 )

      @明月登楼 这个帮不了你,因为我不知道,没试过。 :evil: 最笨的方法,只有链接按钮了(写一个产品展示样式,然后插入链接)。

  3. 闲鱼
    闲鱼2 ( 2017.06.24 21:37:20 )  沙发

    之前也折腾这个功能了,觉得蛮好的,可以推送旧文,那个引用评论的没搞,要试试