hdwiki教程17:hdwiki移动词条页添加编辑、分享、词条信息、相关词条等功能模块
首页 > 技术设计 > HDwiki教程    作者:呓城   2020年3月31日 23:58 星期二   热度:336°   百度已收录  
时间:2020-3-31 23:58   热度:336° 

hdwiki移动版词条模板特别简陋,除了词条内容外没有任何信息,连站名logo都没有,作为ugc百科平台肯定是不行的

前面头部模板logo、搜索、词条创建、个人中心均添加

移动词条页模板还可以添加

1、编辑、分享功能

在标题标签下:<h1 class="wikititl">{$doc['doctitle']}</h1>添加


  <div class="subordinate">
    <span class="editteam"> <a href="javascript:void(0)" id="ding" class="digg" data-num="{$doc['votes']}" onClick="vote(this)">{lang ding}<span class="cblue">&#91;{$doc['votes']}&#93;</span></a> <a class="share_link" id="share_link">{lang share}</a> <!--{if !empty($userid)}--><a class="favorite"  id="doc_favorite" did="{$doc['did']}" title="{lang keepToSpace}">收藏</a> <!--{/if}--><a class="comment" href="{url comment-view-$doc['did']}">{lang publishComment}<span class="cblue">&#91;{$doc[comments]}&#93;</span></a> <a id="editImage" href="{url doc-edit-$doc['did']}" class="edit_ct" onClick="return doc_is_locked()">{lang editDoc}</a>
    <label class="share_btn" id="share_btn" style="display:none">
      <input id="sitename" name="sitename" value="{$setting['site_name']}" type="hidden">
      <input id="firstimg" name="firstimg" value="{$firstimg}" type="hidden">      
	<div class="bdsharebuttonbox" data-tag="share_1">
      <strong>分享到</strong>
	  <div class="bshare-custom"><div class="bsPromo bsPromo2"></div><a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto" class="bshare-more">分享到</a><a title="分享到QQ空间" class="bshare-qzone">QQ空间</a><a title="分享到新浪微博" class="bshare-sinaminiblog">新浪微博</a><a title="分享到人人网" class="bshare-renren">人人网</a><a title="分享到微信" class="bshare-weixin" href="javascript:void(0);">微信</a><a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);">QQ好友</a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count" style="float: none;">62.9K</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
		</div>
	</label>
    <script language="javascript"src='js/share.js'></script>
    </span> </div>
以上代码均复制pc模板,顶、收藏按钮无用,评论是pc页面无优化,分享正常,编辑进行了移动化,比较简洁。



2、词条信息



  
		  <div class="columns ctxx">
			<h2 class="col-h2">{lang docMessage}</h2>
			<!--{if $author}-->
			<!--{if !isset($lasteditor) || (isset($lasteditor) && $lasteditor['uid']!=$author['uid'])}-->
			<dl class="col-dl twhp2" style="padding:15px">
			  <dd><a href="{url user-space-$author['uid']}" target="_blank"  class="a-img1"> <img alt="{$author['username']}" title="{$author['username']}" src="<!--{if $author[image]}-->$author[image]<!--{else}-->style/default/user_l.jpg<!--{/if}-->" width="50" height="50" /> </a></dd>
			  <dt><a href="{url user-space-$author['uid']}" target="_blank">{$author['username']}</a> <em class="f12"><img src="style/default/jb.gif" title="{lang gold}"> {$author['credit1']}</em></dt>
			  <dd><span class="gray9" style="color:{$author['color']}">{$author['grouptitle']}</span> <span title="{lang userstars} {$author['stars']}" class="u-stars">
				<!--{for $i=0; $i<$author['userstars'][3]; $i++}--><img src="style/default/star_level3.gif"/>       <!--{/for}-->
				<!--{for $i=0; $i<$author['userstars'][2]; $i++}--><img src="style/default/star_level2.gif"/><!--{/for}-->
				<!--{for $i=0; $i<$author['userstars'][1]; $i++}--><img src="style/default/star_level1.gif"/><!--{/for}-->
				</span></dd>
			</dl>
			<!--{/if}-->
			<!--{/if}-->
			<!--{if $author_removed}-->
			<dl class="col-dl twhp2" style="padding:15px">
			  <dd><a class="a-img1"> <img alt="{lang haveDel}" src="style/default/user_l.jpg" width="50" height="50" /></a></dd>
			  <dt class="gray9">{lang userHaveDel}</dt>
			  <dd class="gray9">{lang creator}</dd>
			</dl>
			<!--{/if}-->
			<!--{if isset($lasteditor) }-->
			<dl class="col-dl twhp2" style="padding:15px">
			  <dd><a href="{url user-space-$lasteditor['uid']}" target="_blank"  class="a-img1"> <img alt="{$lasteditor['username']}" title="{$lasteditor['username']}" src="<!--{if $lasteditor[image]}-->$lasteditor[image]<!--{else}-->style/default/user_l.jpg<!--{/if}-->" width="50" height="50" /> </a></dd>
			  <dt><a href="{url user-space-$lasteditor['uid']}" target="_blank">{$lasteditor['username']}</a> <em class="f12"><img src="style/default/jb.gif" title="{lang gold}"> {$lasteditor['credit1']}</em></dt>
			  <dd><span class="gray9" style="color:{$lasteditor['color']}" >{$lasteditor['grouptitle']}</span> <span title="{lang userstars} {$lasteditor['stars']}" class="u-stars">
				<!--{for $i=0; $i<$lasteditor['userstars'][3]; $i++}--><img src="style/default/star_level3.gif"/><!--{/for}-->
				<!--{for $i=0; $i<$lasteditor['userstars'][2]; $i++}--><img src="style/default/star_level2.gif"/><!--{/for}-->
				<!--{for $i=0; $i<$lasteditor['userstars'][1]; $i++}--><img src="style/default/star_level1.gif"/><!--{/for}-->
				</span></dd>
			</dl>
			<!--{/if}-->
			<!--{if $lasteditor_removed}-->
			<dl class="col-dl twhp2" style="padding:15px">
			  <dd><a class="a-img1"> <img alt="{lang haveDel}" src="style/default/user_l.jpg" width="50" height="50" /></a></dd>
			  <dt class="gray9">{lang userHaveDel}</dt>
			  <dd class="gray9">{lang recentEditor}</dd>
			</dl>
			<!--{/if}-->
			<ul class="col-ul" style="border-top: #e9e9e9 solid 1px;padding:15px">
			  <li><span class="gray">{lang viewTimes}:</span>{$doc['views']} {lang times}</li>
			  <!--{if $doc['editions'] }-->
              <li><span class="gray">{lang editTimes}:</span>{$doc['editions']}{lang times} </li>
			  <!--{/if}-->
			  <li><span class="gray">{lang updateTime}:</span>{$doc['lastedit']}</li>


3、相关词条



		  <div class="columns">
			<h2 class="col-h2">{lang docRelation}</h2>
			<!--{if $relate}-->
			<!--studyfox - 相关词条 添加-->
			<!--<a href="javascript:void(0)" onclick="relateddoc('block')" class="more clink">{lang add}</a>-->
			<!--{/if}-->
			<ul class="col-ul" id='related_doc' 
			<!--{if empty($relatelist)}-->
			style="display:none"
			<!--{/if}-->
			<!--{if !empty($relatelist)}-->
			style="min-height:215px"
			<!--{/if}-->
			>
			<!--{loop $relatelist $key $relate}-->
			<li class="h105"><a href="/doc-view-$relate['did'].html" title="$relate['title']"><img src="$relate['head']" width="75" height="75" /><p></p>$relate['title']</a></li>
			<!--<li class="disc"><a href="index.php?doc-innerlink-{eval echo urlencode($relate)}" target="_blank" title="{$relate}">{$relate}</a></li>-->
			<!--{/loop}-->
			</ul>
		  </div>
		


网红百科(baike.zdyrs.com),网红资料、网络流行语、社会事件大百科全书!

呓城呓语,微信公众号(yichengyiyu),呓城的互联网、产品、运营学习总结,生活感悟自留地。  

产品运营

二维码加载中...
本文作者:呓城      文章标题: hdwiki教程17:hdwiki移动词条页添加编辑、分享、词条信息、相关词条等功能模块
本文地址:http://yicheng.zdyrs.com/hdwiki/822.html
版权声明:若无注明,本文皆为“呓城之城”原创,转载请保留文章出处。
88单号网 一单一用 免费试用 免费单号 快递单号www.88danhaowang.com

返回顶部    首页    芝麻开门  
版权所有:呓城之城    开博时间:2014年1月1日 主题:寒光博客   程序:emlog    鄂ICP备12012714号      sitemap