200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > WordPress百度熊掌号页面改造(纯代码实现)

WordPress百度熊掌号页面改造(纯代码实现)

时间:2022-07-27 18:33:34

相关推荐

WordPress百度熊掌号页面改造(纯代码实现)

一、粉丝关注改造

1.添加熊掌号ID声明

ID声明

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

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

2.添加关注功能代码(强烈推荐)

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

1 <div style="padding-left: 17px; padding-right: 17px;">2<script>cambrian.render('head')</script>3 </div>

二、结构化改造(划重点

1.添加canonical标签

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

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

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

1 <?php2 global $wp;3 $current_url = home_url(add_query_arg(array(),$wp->request));4 if($current_url)echo '<link rel="canonical" href="' .$current_url. '" />' . "\n" ;5 ?>

2.添加JSON_LD数据(难点到了)

下方代码为JSON-LD示例:

1 <script type="application/ld+json"> 2 { 3 "@context": "/contexts/cambrian.jsonld", 4 "@id": "当前网页URL", 5 "appid": "熊掌号ID", 6 "title": "你的网站标题", 7 "images": [ 8 "https://路径" 9 ],10 "description": "描述内容",11 "pubDate": "-06-15T08:00:01"12 }13</script>

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

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

1 //获取文章/页面摘要 2 function fanly_excerpt($len=220){ 3if ( is_single() || is_page() ){ 4 global $post; 5 if ($post->post_excerpt) { 6 $excerpt = $post->post_excerpt; 7 } else { 8 if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){ 9 $post_content = $result['1'];10 } else {11 $post_content_r = explode("\n",trim(strip_tags($post->post_content)));12 $post_content = $post_content_r['0'];13 }14 $excerpt = preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}'.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s','$1',$post_content);15 }16 return str_replace(array("\r\n", "\r", "\n"), "", $excerpt);17}18 }19 20 //优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图 last update /11/2321 function fanly_post_imgs(){22global $post;23$content = $post->post_content; 24preg_match_all('/<img .*?src=[\"|\'](.+?)[\"|\'].*?>/', $content, $strResult, PREG_PATTERN_ORDER); 25$n = count($strResult[1]); 26if($n >= 3){27 $src = $strResult[1][0].'","'.$strResult[1][1].'","'.$strResult[1][2];28}else{29 if( $values = get_post_custom_values("thumb") ) { //输出自定义域图片地址30 $values = get_post_custom_values("thumb");31 $src = $values [0];32 } elseif( has_post_thumbnail() ){ //如果有特色缩略图,则输出缩略图地址33 $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');34 $src = $thumbnail_src [0];35 } else { //文章中获取36 if($n > 0){ // 提取首图37 $src = $strResult[1][0];38 } 39 }40}41return $src;42 }

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

1 <?php 2 if(is_single()){ 3echo '<script type="application/ld+json">{ 4"@context": "/contexts/cambrian.jsonld", 5"@id": "'.get_the_permalink().'", 6"appid": "这里请填写熊掌号ID", 7"title": "'.get_the_title().'", 8"images": ["'.fanly_post_imgs().'"], 9"description": "'.fanly_excerpt().'",10"pubDate": "'.get_the_time('Y-m-d\TH:i:s').'"11 }</script>12 ';}13 ?>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。