zoukankan      html  css  js  c++  java
  • 织梦内容页做熊掌号主页展现和添加粉丝关注按钮

    粉丝关注展示效果

    号主页展现实现教程

    1、申请和开通百度熊掌号,并且能正常使用熊掌号里的这些功能,这些基础操作这里不做介绍

    2、熊掌号-我的功能-粉丝关注-获得熊掌号ID

    3、织梦内容页模板在</head>前面加入

    <link rel="canonical" href="{dede:global.cfg_basehost/}{dede:field.id runphp=yes}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}">
    <script src="//msite.baidu.com/sdk/c.js?appid=1601133444348076"></script>
    <script type="application/ld+json">
    {
    	"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
    	"@id": "{dede:global.cfg_basehost/}{dede:field.id runphp=yes}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",
    	"appid": "1601133444348076",
    	"title": "{dede:field.title/}",
    	"images": [{dede:field.body function=getBodypics(@me,3)/}],
    	"pubDate": "{dede:field.pubdate function="MyDate('Y-m-dTH:i:s',@me)"/}"
    }
    </script>

    上面代码中那2个id1601133444348076改成你自己的熊掌号id,如图:

    4、图片这一块,有文章内容图片就输出3张,没有就不输出,自动加逗号隔开,所以需要在 /include/extend.func.php 这个文件最下面加入一个函数

    /**
     *  文章内容提取图片(多张)自定义输出
     *
     * @access    public
     * @param     string  $string  	文档内容
     * @param     string  $num  	输出几张
     * @return    string
     */
    if(!function_exists('getBodypics'))
    {
    	function getBodypics($string, $num)
    	{
    		global $cfg_basehost;
    		preg_match_all("/<img([^>]*)s*src=('|")([^'"]+)('|")/",$string,$matches);
    		$imgsrc_arr = array_unique($matches[3]);
    		$count = count($imgsrc_arr);
    		$i = 0;
    		$result = '';
    		foreach($imgsrc_arr as $imgsrc)
    		{
    			if($i == $num) break;
    			
    			$result .= ($result=='' ? '"'.$cfg_basehost.$imgsrc.'"' : ','.'"'.$cfg_basehost.$imgsrc.'"');
    			$i++;
    		}
    		return $result;
    	}
    }

    号主页展现完成

    添加粉丝关注按钮

    1、添加熊掌号ID声明,这个上面的第3步已经加了,所以略过

    2、添加关注功能代码

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

    粉丝关注按钮添加完成

    重新生成内容页,刷新看效果。

  • 相关阅读:
    同步手绘板——将View的内容映射成Bitmap转图片导出
    同步手绘板——关于二维码连接
    同步手绘板——PC端实现画板
    同步手绘板——二维码验证登录
    同步手绘板——android端取色
    同步手绘板——android端下笔后颜色变化
    同步手绘板——重点难点及实现想法
    Beta版总结会议
    团队成员绩效评分
    2015/6/9 站立会议以及索引卡更新
  • 原文地址:https://www.cnblogs.com/dedehtml/p/9914097.html
Copyright © 2011-2022 走看看