熊掌号页面改造与优化-WordPress篇

本文针对Wordpress程序使用百度熊掌号页面改造优化教程,实现移动页面的熊掌号改造过程。aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

  支持H5移动页和MIP两种,非移动页面不要添加了,你体验过手机打开纯PC站的感觉吗?支持移动手机页包含自适应页面,请往下看。aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

熊掌号页面改造与优化-WordPress篇(1)aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

第一步:头部添加JS、JSON_LD代码aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

  需要到的3个文件分别为functions.php,head.php,single.php,添加熊掌号ID声明,代码如下:aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<script src=”//msite.baidu.com/sdk/c.js?appid=此处填写熊掌号ID”></script>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

然后还需要在头部区域添加JSON_LD数据aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<!–熊掌号开始–>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<script src=”//msite.baidu.com/sdk/c.js?appid=1595281659287879″></script>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<script type=”application/ld+json”>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

{aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“@context”: “https://ziyuan.baidu.com/contexts/cambrian.jsonld”,aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“@id”: “<?php the_permalink(); ?>”,aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“appid”: “你的熊掌号ID”,aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“title”: “<?php the_title(); ?>”,aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“images”: [“<?php echo fanly_post_imgs();?>”],aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“description”: “<?php echo fanly_excerpt()?>”,aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

“pubDate”: “<?php echo get_the_time(‘Y-m-dTH:i:s’)?>”aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

</script>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

<!–end结束–>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

第二部分   添加函数调用代码aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

找到模板中的functions.php文件,在代码后面添加:aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

熊掌号页面改造与优化-WordPress篇(2)aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

//StartaVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

//获取文章/页面摘要aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

function fanly_excerpt($len=220){aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

if ( is_single() || is_page() ){aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

global $post;aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

if ($post->post_excerpt) {aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$excerpt = $post->post_excerpt;aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

} else {aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

if(preg_match(‘/<p>(.*)</p>/iU’,trim(strip_tags($post->post_content,”<p>”)),$result)){aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$post_content = $result[‘1’];aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

} else {aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$post_content_r = explode(“n”,trim(strip_tags($post->post_content)));aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$post_content = $post_content_r[‘0’];aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$excerpt = preg_replace(‘#^(?:[x00-x7F]|[xC0-xFF][x80-xBF]+){0,0}’.'((?:[x00-x7F]|[xC0-xFF][x80-xBF]+){0,’.$len.’}).*#s’,’$1′,$post_content);aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

return str_replace(array(“rn”, “r”, “n”), “”, $excerpt);aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

//获取缩略图aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

function fanly_post_imgs(){aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

global $post;aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$src = ”;aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$content = $post->post_content;aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

preg_match_all(‘/<img .*?src=[”|’](.+?)[”|’].*?>/’, $content, $strResult, PREG_PATTERN_ORDER);aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$n = count($strResult[1]);aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

if($n >= 3){aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$src = $strResult[1][0].'”,”‘.$strResult[1][1].'”,”‘.$strResult[1][2];aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}elseif($n >= 1){aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

$src = $strResult[1][0];aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

return $src;aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

}aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

//ENDaVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

第三部分 粉丝关注按钮aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

在移动页面中添加粉丝关注按钮,位置可以自己定义,头部、段落、尾部。aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

熊掌号页面改造与优化-WordPress篇(3)aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

吸顶吧<script> cambrian.render(’head’)</ script>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

尾部bar <script> cambrian.render(’tail’)</ script>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

文章段落间bar <script> cambrian.render(’body’)</ script>aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客


aVn币情报 _ 虚拟币代币糖果空投网 _ 币情报网赚博客

支付宝转账赞助

支付宝扫一扫赞助

微信转账赞助

微信扫一扫赞助

留言与评论(共有 0 条评论)
   
验证码: