寫在前面的話：
有很多小伙伴剛進入WordPress，對很多東西還不太了解，比如：有的主題很挑剔，對於有些插件不兼容，但是呢對於這個功能有不可或缺。所以，這時候就需要我們自己手動修改或者添加代碼，來實現我們想要的功能。
比如，百度推出的熊掌號，對於站長們來說這是不得不去使用的一個功能，一方面是推廣的需求，另一方面也是為了保護原創作品。
要使用熊掌號的話，我們的站點必須滿足熊掌號的“協議”，通俗的將也就是頁面改造
今天，就給大家介紹一下如何免插件實現熊掌號頁面改造
頁面改造分為兩部分：
- h5頁面改造
- 粉絲關注改造
h5頁面改造需要在文章的header部位操作，也就是網站的頭部信息，對於WordPress來講，網站header包含了head與body標簽，所以，對於WordPress改造來說，我們只需要修改網站的header.php文件即可。看下圖：
熊掌號收錄的是有價值的原創作品，一般都是以文章格式存在的，所以，我們在做WordPress改造的時候需要做一個判斷：當前頁面是不是文章頁面，如果是的話就按照熊掌號要求的格式提交數據，如果不是就不提交。
請看如下代碼：
//獲取文章/頁面摘要
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);
}
}
//獲取文章中的圖 last update 2018/01/22
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;
}
//熊掌號h5頁面改造
function fanly_h5(){
if(is_single()){
echo <link rel="canonical" href="<?php the_permalink(); ?>" />
echo '<script src="//msite.baidu.com/sdk/c.js?appid=自己的熊掌號ID"></script>';
echo '<script type="application/ld+json">{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "'.get_the_permalink().'",
"appid": "自己的熊掌號ID",
"title": "'.get_the_title().'",
"images": ["'.fanly_post_imgs().'"],
"description": "'.fanly_excerpt().'",
"pubDate": "'.get_the_time('Y-m-d\TH:i:s').'"
}</script>
';}
}
將以上代碼添加到WordPress主題的functions.php文件中（復制粘貼到<?php 標簽后面保存即可）
然后在header.php中找到</head>標簽，在</head>標簽前面加上<?php fanly_h5(); ?>
如圖：
以上就是WordPress熊掌號h5頁面改造的全過程！
文章數據自動提交熊掌號
如果我們一個一個提交文章數據到熊掌號的話，這樣不單浪費時間還浪費精力。
這里有一個插件可以幫助大家解決這個問題，當發布文章的時候自動提交數據，是不是覺得很贊呢！
下載地址如下：
WordPress插件的安裝方法請自行到百度搜索
<--End-->
固定鏈接： https://adcc.me/676.html