WordPress 文章内引用评论短代码

作者:大发

原文:大发 - WordPress 文章内引用评论短代码 https://fatesinger.com/100102

前情回顾

WordPress 文章内链短代码,仿 WordPress 的 Post Embed 功能。

仿 WordPress 的 Post Embed 功能

WordPress 的 Post Embed 功能,是 4.4 版本新增的,可以在任意 WordPress 站点用嵌入的方式插入 WordPress 博客内的文章。当然了,前提是嵌入和被嵌入的 Wor...

实现代码

下面的代码加入到functions.php中

大发原版代码▼展开

function fa_insert_comments( $atts, $content = null ){
extract( shortcode_atts( array(
'ids' => ''
),$atts ) );
$content = '';
$comment_ids = explode(',', $ids);
$query_args = array('comment__in'=>$comment_ids,);
$fa_comments = get_comments($query_args);
if ( empty($fa_comments) ) return;
foreach ($fa_comments as $key => $fa_comment) {
$content .= '<div class="comment-mixtapeEmbed"><span class="comment-mixtapeEmbed-avatar">' . get_avatar($fa_comment->comment_author_email,32) . '</span><div class="comment-mixtapeEmbed-author">' . $fa_comment->comment_author . '</div><div class="comment-mixtapeEmbed-date">' . $fa_comment->comment_date .'</div><div class="comment-mixtapeEmbed-text">'. $fa_comment->comment_content . '</div></div>';
}
return $content;
}
add_shortcode('fa_insert_comments', 'fa_insert_comments');

如果想输出评论格式,则把代码中的

$fa_comment->comment_content

替换为

apply_filters('comment_text',$fa_comment->comment_content)

我修改过在用的代码(加了评论链接和所在文章)▼展开

function xx_insert_comments( $atts, $content = null ){
extract( shortcode_atts( array(
'ids' => ''
),$atts ) );
$content = '';
$comment_ids = explode(',', $ids);
$query_args = array('comment__in'=>$comment_ids,);
$fa_comments = get_comments($query_args);
if ( empty($fa_comments) ) return;
foreach ($fa_comments as $key => $fa_comment) {
$content .= '<div class="comment-mixtype-embed"><span class="comment-mixtype-embed-avatar">' . get_avatar($fa_comment->comment_author_email,32) . '</span><div class="comment-mixtype-embed-author"><a href="' . get_permalink($fa_comment->comment_post_ID).'#comment-' . $fa_comment->comment_ID . '">' . $fa_comment->comment_author . '</a> - <a href="' . get_permalink($fa_comment->comment_post_ID) . '">' . get_the_title($fa_comment->comment_post_ID) . '</a></div><div class="comment-mixtype-embed-date">' . $fa_comment->comment_date .'</div><div class="comment-mixtype-embed-text">'. $fa_comment->comment_content . '</div></div>';
}
return $content;
}
add_shortcode('xx_insert_comments', 'xx_insert_comments');

参考 CSS 代码▼展开

.comment-mixtype-embed {
background: #f6f6f6;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
color: #82878c;
font-size: 14px;
overflow: auto;
padding: 16px;
margin-bottom: 16px;
}

.comment-mixtype-embed-avatar {
float: left;
margin-right: 10px
}

.comment-mixtype-embed-avatar .avatar {
border-radius: 100%;
width: 32px;
height: 32px;
border: none;
margin: auto;
}

.comment-mixtype-embed-author {
font-size: 12px;
color: #3e8432;
line-height: 1.4
}

.comment-mixtype-embed-date {
line-height: 1.2;
font-size: 12px;
color: rgba(0,0,0,.44)
}

.comment-mixtype-embed-text {
margin-top: 10px;
font-size: 12px;
color: rgba(0,0,0,.6)
}

.comment-mixtype-embed-text p {
margin-bottom: 2px!important
}

你可以根据你自己的需要来调整代码,也可以自己自定义 CSS 样式。调用非常简单,直接使用短代码 [xx_insert_comments ids=123,245] 即可。

如果你不是在文章内容中,而是在其他地方想调用,则可使用 do_shortcode('[xx_insert_comments ids=123,245]') 来调用。

效果

2017-02-20 10:53:09
电信就是贵,没办法,我家也是用几年后换联通,联通比电信不稳定多了。 电视还是保留有线电视,看本地台比较方便。对长辈来说,本地台重要得多,虽然网上也有,电视盒子可以高高,但画质、稳定性各方面没法比。

附:[[ 短代码 ]] 这样包含短代码就不会执行。

除非注明,垃圾站文章均为网络收集,本文地址 https://cyhour.com/521/,转载时烦请以链接形式注明原始出处。
声明:我们不销售主机,任何VPS主机均有跑路风险且需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!
🍄:Netflix 奈飞 YouTube 合租

升级新版 Google AdSense 代码提升广告效果

2021年7月19日,Google AdSense 最近发布了新版 AdSense 代码。通过新版 AdSense 代码,AdSense 可以更早触发优化功能,从而提升网站上广告效果。新广告代码适用于自动广告和广告单元。 如何获取 Google AdSense 新版代码? 无需采取任何措施。在下次登录 AdSense 后,您将拥有对新广告代码的访…

利用 Google Analytics 追踪 WordPress 站内搜索关键词

Google分析(Google Analytics)是一个由 Google 所提供的网站流量统计服务。Google 分析(Analytics)现在是互联网上使用最广泛的网络分析服务。 利用 Google Analytics 追踪 WordPress 站内搜索关键词 优化内容 如果网站/博客在 Google Analytics 流量统计,利用 Google Analytics 追踪 W…

Google Analytics 异步请求(服务端请求)

感谢伟大的祖国,使得好好的 Google,必须折腾一番才能好好的用起来。Google 搜索如此,Google Analytics 肯定也不例外(网上据说 Google Analytics 没有被屏蔽)。 Google Analytics 支持服务端发送统计信息(via:Jerry Qu),而通过服务端统计可以解决 Google Analytics 连接缓慢问题,提高页面…
浏览: 22 标签:  ,  , 

Gravatar 头像被墙及解决方案 Gravatar 头像国内镜像地址大全

Gravatar 头像真是一言难尽,时而正常时而抽风时而无法访问……就一个 Gravatar 头像,这有啥好强(现代通假字)的呢?(据说是被其它服务连累?) 解决办法 - 调用 ssl/cn 头像链接 历史解决办法:调用 ssl 头像链接——https还是没被墙的,而且速度还不错,直接调用这个最简单了。主题 functi…
浏览: 83 标签:  , 
浏览: 44 标签:  , 

Comments:14

  1. 没想到这么实用,我博客程序不同,不能嵌套,只能文字引用了

    2017.06.24 21:04 # 回复
    1楼
  2. 动作真快,不过短代码我还是用不习惯,没有加到编辑器上,时间长了都忘了自己设置了什么短代码。

    2017.06.25 14:52 # 回复
    2楼
    • @不亦乐乎 我都加到编辑器上了,要不时间长了真的会忘记。加到编辑器用起来也方便点。

      2017.06.25 15:59 # 回复
  3. 垃圾站-Klose
    Klose

    以我对你的了解,你应该4.8更新也会写上一篇才对….

    2017.06.26 22:53 # 回复
    3楼
  4. 一不小心上榜了,虽然很好看,但是很折腾。感觉使用频率应该不会高。

    2017.06.27 13:35 # 回复
    4楼
  5. 代码专家,赞一个!

    2017.07.01 19:26 # 回复
    5楼
  6. 这个功能喜欢,博主改得也很好啊

    2017.07.06 11:45 # 回复
    6楼
  7. 这个真心不错。记得以前我是直接复制评论的内容。

    2017.08.08 14:23 # 回复
    7楼

发表留言

Vultr 送$100,搬瓦工年付最低$49,优惠码 BWH3HYATVBJW,更多推荐VPS信息