Emlog教程:文章内容页添加上一篇下一篇按钮代码

Emlog默认相邻文章按发布顺序调用当前文章的前一篇和后一篇文章,这样一来,对于内容涵盖广的网站,极大地降低了相邻文章和当前文章的关联性,对用户体验有很大的损失,而用户体验是SEO的一部分,某些程度上也会影响优化。


【文字显示代码】


操作步骤:

1、把下面的代码添加到当前主题的module.php文件:

<?php 
function nextLog($logid, $sortid, $flag, $pattern=0){
$Log_Model = new Log_Model();
if($flag == 'prev'){
$sql = " AND gid < $logid ORDER BY gid DESC";$word = '上一篇';
}else{
$sql = " AND gid > $logid ORDER BY gid ASC";$word = '下一篇';
}
$log = $Log_Model -> getLogsForHome(" AND sortid = $sortid "."$sql", 1, 1);
if($log){
foreach($log as $value):
echo $word.':';
?>
<a href="<?php echo $value['log_url'];?>" title="<?php echo $value['log_title'];?>" target="_blank"><?php echo $value['log_title'];?></a>
<?php 
endforeach;
}else{
echo $word.':没有了';
}
}
?>


2、在echo_log.php文件中调用相邻文章的位置添加调用代码:

<p><?php nextLog($logid, $sortid, 'prev');?></p> 
<p><?php nextLog($logid, $sortid, 'next');?></p>


【按钮显示代码】

说明:把以下代码复制粘贴到当前模板echo_log.php里面。

<style>
#prevlog{width:40px;height:80px;background:url(http://img.itc.cn/photo/olZ77IqbZHL) no-repeat; position:fixed;left:50%;top:380px;margin-left:-530px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:9999;}
#prevlog a,#nextlog a{width:40px;height:80px;display:block;}
#prevlog:hover,#nextlog:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
#nextlog{width:40px;height:80px;background:url(http://img.itc.cn/photo/olZ77phsS28) no-repeat; position:fixed;left:50%;top:380px;margin-left:490px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:9999;}
*html #prevlog, *html #nextlog{position: absolute;top:expression(eval(document.documentElement.scrollTop));}
</style>
<?php extract($neighborLog);if($prevLog){
echo '<div id="prevlog"><a href="'.Url::log($prevLog['gid']).'" title="'.$prevLog['title'].'"></a></div>';}
else{
echo '<div id="prevlog"><a href="#" title="没有上一篇了"></a></div>';};
if($nextLog){
echo '<div id="nextlog"><a href="'.Url::log($nextLog['gid']).'" title="'.$nextLog['title'].'"></a></div>';}
else{
echo '<div id="nextlog"><a href="#" title="没有下一篇了"></a></div>';};?>

本博客所有文章如无特别注明均为原创。作者:liuxu复制或转载请以超链接形式注明转自 刘旭博客
扫码关注刘旭SEO微信公众号,原文地址《Emlog教程:文章内容页添加上一篇下一篇按钮代码

上一篇:Emlog教程:去掉分类栏目的【这家伙很懒】

下一篇:Emlog教程:复制内容添加复制版权提醒

分享到:更多

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)