彼岸雨云

注明文章版权信息以及相关日志 - typecho折腾小记一

---

本来早就想折腾这两个小功能的，苦于一直忙于其它事情，今天终于鼓起勇气来折腾一下了。

折腾列表：
1、注明文章版权信息
2、添加上一篇、下一篇文章标题显示
3、根据标签显示相关日志，显示8条相关

考虑到内容页的美观，把版权信息和上下篇与标签显示放在一起，代码如下：

<div class="entry_meta">
<ul>
    <li><?php _e('本文标签'); ?>：<?php $this->tags(', ', true, 'none'); ?></li>
    <li><?php _e('文章链接'); ?>：<a href="<?php $this->permalink() ?>" title="<?php $this->title() ?>"><?php $this->permalink() ?></a> [<a href="#" onclick="copy_code('<?php $this->permalink() ?>'); return false;"><?php _e('复制'); ?></a>] (<?php _e('转载时请注明本文出处及文章链接'); ?>)</li>
    <li><?php _e('上一篇'); ?> >：<?php $this->thePrev(); ?></li>
    <li><?php _e('下一篇'); ?> >：<?php $this->theNext(); ?></li>
</ul>
</div>

[复制]的JS代码：

<script type="text/javascript">
function copy_code(text) {
  if (window.clipboardData) {
    window.clipboardData.setData("Text", text)
	alert("已经成功复制到剪贴板！");
  } else {
	var x=prompt('你的浏览器可能不能正常复制\n请你手动进行：',text);
  }
  //return false;
}
</script>

相关日志代码：

<?php $this->related(8)->to($relatedPosts); ?>
<?php if ($relatedPosts->have()): ?> 
<div class="relatedPosts">
<h4><?php _e('还有这些可能你也想看看'); ?>：</h4>            
<ul>
	<?php while ($relatedPosts->next()): ?>
	<li><a href="<?php $relatedPosts->permalink(); ?>" title="<?php $relatedPosts->title(); ?>"><?php $relatedPosts->title(); ?></a></li>
	<?php endwhile; ?>
</ul>
</div>
<?php endif; ?>

对应的CSS如下：

.entry_meta { padding-top: 20px}
.entry_meta li { list-style: none; margin: 0}
.relatedPosts { border-top: 1px solid #eee; padding-top: 20px}
.relatedPosts h4 { font-size: 14px; font-weight: bold; margin-bottom: 5px}
.relatedPosts li { margin-left: 15px}

上面的样式是对应于typecho 默认模板而写，你可以根据自己所用模板随意更改，直到自己满意为止，如需帮助，请留言或者用邮箱联系我，我会尽可能地给予帮助~

• typecho 版权信息 相关日志 折腾
• 所属分类：学习研究
• 文章链接：http://www.byends.com/study/typecho-zheteng-1.html [复制]
• 欢迎转载：转载时请注明本文出处及文章链接
• 上一篇 »：一个银又度七夕
• 下一篇 »：试用腾讯企业邮箱