WordPress网站熊掌号页面改造

本文相关代码引用自易水博客

https://blog.easwy.com/archives/wordpress-baidu-xiongzhanghao-migration/

如果按教材进行页面改造的话,我们必须对WordPress当前主题header.php等文件进行修改。虽然也非常方便,但是当我们更换新的主题后,又必须重新改造页面,这显然有点麻烦。所以,我们需要一个插件:Insert Headers and Footers。

下面说说怎么操作:

  1. 安装Insert Headers and Footers,启用后在“设置”打开设置界面。
  2. 把熊掌号ID声明添加在“Scripts in Header”框内。
  3. 把JSON-LD数据添加在“Scripts in Footer”框内。
  4. 保存。

熊掌号ID声明:

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

JSON-LD数据:

<?php if ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ): ?>
<script type="application/ld+json">
{
    "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
    "@id": "<?php echo esc_url( get_permalink() ); ?>",
    "appid": "你的熊掌号ID",
    "title": "<?php echo wp_title('', false); ?>",
    "images": ["<?php the_post_thumbnail_url(); ?>"],
    "description": "<?php
        if ($post->post_excerpt) {
            $printDescription = wp_strip_all_tags($post->post_excerpt);
                } else{
            $printDescription = preg_replace('/\s+/','',mb_strimwidth(strip_tags($post->post_content),0,120,''));
        }
        echo $printDescription;
        ?>",
    "pubDate": "<?php echo get_the_date('Y-m-d\TH:i:s'); ?>",
    "upDate": "<?php echo get_the_modified_date('Y-m-d\TH:i:s'); ?>"
}
</script>
<?php endif; ?>

发表评论