一、粉丝关注改造

1.添加熊掌号ID声明

ID声明

 <script src="//msite.baidu.com/sdk/c.js?appid=你的熊掌ID"></script>

这个没什么好说的，把这段代码放到你的header.php页面的相应合适位置就好。

2.添加关注功能代码（强烈推荐）

这个也不赘述了，有吸顶bar,文章段落间bar,底部bar三种,加在页面<body>标签后就可以了，wordpress中一般是footer.php中。如果你想要自定义一些样式熟悉也可以选择添加下面类型的代码：

 <div style="padding-left: 17px; padding-right: 17px;">

     <script>cambrian.render('head')</script>

 </div>

二、结构化改造（划重点）

1.添加canonical标签

要求href的内容为MIP页或H5页对应的PC页地址；如果没有PC页，则填写当前页面地址。

 <link rel="canonical" href="http(s)://xxx"/>

看到这别慌，是不是不知道地址页怎么填了，因为wordpress都是发表文章自动生成地址，我们总不能发表一个改一个，其实只要把以下代码放入你的header.php页面就好了，可以自动获取文章地址。

 <?php

 global $wp;

 $current_url = home_url(add_query_arg(array(),$wp->request));

 if($current_url)echo '<link rel="canonical" href="' .$current_url. '" />' . "\n" ;

 ?>

2.添加JSON_LD数据（难点到了）

下方代码为JSON-LD示例：

 <script type="application/ld+json">

         {

             "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",

             "@id": "当前网页URL",

             "appid": "熊掌号ID",

             "title": "你的网站标题",

             "images": [

                 "https://路径"

                 ],

             "description": "描述内容",

             "pubDate": "2017-06-15T08:00:01"

         }

     </script>

懵逼了有点，其实不必惊慌，难点无非即使如何获得如何获得网页当前的url，标题，抓取图片的路径和文章的描述内容和发表日期。当然你可以用上文提到的，直接用wordpress提供的方法直接获取，但是我找到了更加完美的方法，适用于任何主题，这里要感谢落雪博客的子凡兄，真心帮助很大。

代码如下：放入你的function.php中

 //获取文章/页面摘要

 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 2017/11/23

 function fanly_post_imgs(){

     global $post;

     $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];

     }else{

         if( $values = get_post_custom_values("thumb") ) {    //输出自定义域图片地址

             $values = get_post_custom_values("thumb");

             $src = $values [0];

         } elseif( has_post_thumbnail() ){    //如果有特色缩略图，则输出缩略图地址

             $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');

             $src = $thumbnail_src [0];

         } else {    //文章中获取

             if($n > 0){ // 提取首图

                 $src = $strResult[1][0];

             }

         }

     }

     return $src;

 }

下面的代码加入到header.php中，代码还加了一个判断，是不是单页，所以只会在文章中输出信息。

 <?php

 if(is_single()){

     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百度熊掌号页面改造（纯代码实现）的更多相关文章

  1. WordPress熊掌号页面改造，自动发布

    写在前面的话: 有很多小伙伴刚进入WordPress,对很多东西还不太了解,比如:有的主题很挑剔,对于有些插件不兼容,但是呢对于这个功能有不可或缺.所以,这时候就需要我们自己手动修改或者添加代码,来实 ...

  2. destoon6.0搜索页熊掌号页面改造技巧【原创】

    大家都知道,DT官方是封禁搜索页的,是不让百度蜘蛛抓取的,但是搜索页又是大型网站优化的重点,今天来说说关于DT6.0搜索页熊掌号的改造方法,如果您要改造内容页面可以查看我前几期的分享! 首先要开启百度 ...

  3. wordpress百度熊掌号“搜索结果出图”改造代码

    <?php if(is_single()||is_page()){ echo '<script type="application/ld+json">{ &quo ...

  4. 【熊掌号mip插件】织梦DEDECMS百度熊掌号mip改造教程

    第一部分:模板修改 1.js部分:删除或使用现有组件替换 2.调用百度mip文件: head里加<link rel="stylesheet" type="text/ ...

  5. emlog 百度熊掌号提交插件-基于Emlog6.0.1特别版美化

    插件截图 插件简介 此插件在发布文章的时候自动向百度熊掌号提交,有利于百度熊掌号收录.基于Emlog6.0.1特别版美化的插件. 在百度推送插件的基础上修改制作而成与百度推送共存,解放双手,走向人生巅 ...

  6. MIP 技术月报（4月）：支持熊掌号登录；优化页面悬浮元素

    之前由MIP团队维护的<移动 Web 加速技术月报>从本期开始,正式升级为<MIP 技术月报>,与以往不同的是,<MIP 技术月报>将会与大家分享包含移动加速技术以 ...

  7. 圆柱模板行业B2B站点打造MIP推送+熊掌号推送+历史普通推送插件

    最近因为做聚合页面http://zhimo.yuanzhumuban.cc/hotkey/list-951.html  内部站点关键词拥有5万的行业词库,所以这么多搜索词库,如何让百度第一时间抓取呢? ...

  8. wordpress实现主动推送+熊掌号推送同步进行

    今天给一个朋友http://www.myunigift.cn/ 这个站点是用wordpress,今天帮他改造熊掌号,于是做了数据同步推送. 只要把下面的代码写到funtions.php里面,发布文章的 ...

  9. 纯css3手机页面图标样式代码

    全部图标:http://hovertree.com/texiao/css/19/ 先看效果: 或者点这里:http://hovertree.com/texiao/css/19/hoverkico.ht ...

随机推荐

  1. Memcached与Spring集成的方式（待实践）

    主要是基于这几种方式http://www.cnblogs.com/EasonJim/p/7624822.html去实现与Spring集成,而个人建议使用Xmemcached去集成好一些,因为现在官方还 ...

  2. Servlet的会话（Session）跟踪

    以下内容引用自http://wiki.jikexueyuan.com/project/servlet/session-tracking.html: HTTP是一种“无状态”协议,这意味着每次客户端检索 ...

  3. C#.NET 如何在系统变量中加入新的环境变量

    比如我要将C:\Windows\Microsoft.NET\Framework\v3.5这个目录加入环境变量 则在系统的环境变量中点击Path,编辑,然后加入一个分号";",然后粘 ...

  4. hdu 4778 Gems Fight!

    第一次写状压dp-- 题意:http://blog.csdn.net/dyx404514/article/details/15506601 状压dp+博弈吧-- #include<iostrea ...

  5. 我在CSDN开通博客啦！

    今天,我最终在CSDN开通博客啦! 

  6. 李洪强漫谈iOS开发[C语言-044]-翻译数字

     李洪强漫谈iOS开发[C语言-044]-翻译数字

  7. javascript里的prototype

    在javascript中,prototype是函数的一个固有属性,其他对象,比如字符串什么的,并没有这个属性. 这个属性做什么用呢? 1.用于该函数的所有实例进行共享 比如,共同的属性,共同的方法.类 ...

  8. location.replace

    [root@bigdata-server-01 ~]# curl www.baidu.com<!DOCTYPE html><!--STATUS OK--><html> ...

  9. yispider 开源小说採集器 (来源http://git.oschina.net/yispider/yispider 我的改动版由于他的我无法跑)

    我的git地址  http://git.oschina.net/yangdc/yispider 小说採集器 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/ ...

  10. 扩展欧几里得模板&逆元求法

    拓展欧几里得: 当 gcd ( a , b )= d 时,求绝对值和最小的 x , y 使得 x * a + y * b = d : d = gcd ( a , b ) = gcd ( b , a m ...