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>

    粉丝关注按钮添加完成

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

  • 相关阅读:
    关于input输入框placeholder属性的样式问题
    关于input输入框checkbox类型的样式问题
    三层构架
    盒模型
    line height
    sql
    继承
    对象
    正则表达式
    事件
  • 原文地址:https://www.cnblogs.com/dedehtml/p/9914097.html
Copyright © 2011-2022 走看看