专注于
热门信息资源分享!

WordPress接入熊掌号,页面改造及搜索出图怎么实现

最近熊掌号貌似很火,小编也顺势申请了一个,一般的主题现在都加入了熊掌号的代码,直接在后台设置下就可以了,看似很简单,但是如果想改造下页面和搜索出图功能该怎么实现呢?在网上搜索了一些教程,东拼西凑整理了一下终于实现了,下面就分享下方法:

必须先申请一个熊掌号,完成认证才可以操作哦!

打开你的主题位置,应用到的有三个文件夹,1-(head.php),2-(functions.php),3-(content.php)。

一:在head.php文件里添加熊掌号ID的声明和JSON_LD数据,代码如下:

<!–Start–>
<!–熊掌号–>
<script src=”//msite.baidu.com/sdk/c.js?appid=这里填自己的熊掌号ID“></script>
<script type=”application/ld+json”>
{
“@context”: “https://ziyuan.baidu.com/contexts/cambrian.jsonld”,
“@id”: “<?php the_permalink(); ?>”,
“appid”: “这里填自己的熊掌号ID“,
“title”: “<?php the_title(); ?>”,
“images”: [“<?php echo fanly_post_imgs();?>”],
“description”: “<?php echo fanly_excerpt()?>”,
“pubDate”: “<?php echo get_the_time(‘Y-m-d\TH:i:s’)?>”
}
</script>
<!–end–>

二:添加搜索出图代码,打开functions.php文件夹输入一下代码:

//Start
//获取文章/页面摘要
function fanly_excerpt($len=220){
if ( is_single() || is_page() ){
global $post;
if ($post->post_excerpt) {
$excerpt = $post->post_excerpt;
} else {
if(preg_match(‘/<p>(.*)<\/p>/iU’,trim(strip_tags($post->post_content,”<p>”)),$result)){
$post_content = $result[‘1’];
} else {
$post_content_r = explode(“\n”,trim(strip_tags($post->post_content)));
$post_content = $post_content_r[‘0’];
}
$excerpt = preg_replace(‘#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}’.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,’.$len.’}).*#s’,’$1′,$post_content);
}
return str_replace(array(“\r\n”, “\r”, “\n”), “”, $excerpt);
}
}
//获取缩略图
function fanly_post_imgs(){
global $post;
$src = ”;
$content = $post->post_content;
preg_match_all(‘/<img .*?src=[\”|\’](.+?)[\”|\’].*?>/’, $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
if($n >= 3){
$src = $strResult[1][0].'”,”‘.$strResult[1][1].'”,”‘.$strResult[1][2];
}elseif($n >= 1){
$src = $strResult[1][0];
}
return $src;
}
//END

三:选择要展现的位置(由于主题不同代码或许略有差异大家可以尝试下具体位置)打开文件目录:你的主题目录/template/content.php,输入以下代码:

<script>cambrian.render(‘tail’)</script>

好了,这也是小编整理的一些经验,希望大家早些成功,谢谢!

赞(5)
转载请标明出处:视觉传达 » WordPress接入熊掌号,页面改造及搜索出图怎么实现

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址