远方的海
远方的海,WordPress,免费
2015 Aug 03 16 : 40

WordPress在文章底部自动加上版权信息

您当前的位置: 首页 > WordPress > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

我们在用WordPress发表文章时,经常需要在文章底部加上原文链接和版权信息,这里给出一个在文章页面,自动加上版权信息的方法和对应的CSS样式表。

添加HTML代码

版权信息的样式如下,其中版权的©使用了Icomoon图标, ,如果你的主题没有加载icomoom,可以查看增加Icomoon的教程

WordPress在文章底部自动加上版权信息

打开Wordpress外观编辑,在文章页面也就是single.php中的适当位置,加入以下代码。这个位置一般在文章的div后面。比如本站,本站的版权是加在<div class="post-content"><?php the_content(''); ?></div>之后的。


<div id="cc">
 <span class="icon-cc"> </span>//这里使用了Icomoon,没有Icomoon字体的删除此行
 <p2>
 版权声明:本站所有文章和资源使用
 <a href="https://www.seavia.com/goto.php?url=http://creativecommons.org/licenses/by-nc-sa/3.0/cn/" target="_blank" rel="nofollow" title="CC BY-NC-SA 3.0 CN协议"
 target="_blank" rel="nofollow">
 CC BY-NC-SA 3.0 CN协议
 </a>
 发布,转载应当以相同方式注明并注明文章来自“远方的海 ->
 <a href="<?php the_permalink(); ?>" target="_blank" title="<?php the_title(); ?>"
 rel="bookmark">
 <?php the_title(); ?>
 </a>
 ”。在页面右边可以分享本文哦!
 </p2>
</div>

编辑CSS样式

style.css中加入以下代码,就可以实现和本站一样的样式了。

#cc {
 background: #f4f4f4;
 margin-top: 20px;
 padding: 5px 20px;
 border: 1px solid #e7e7e7;
 -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07)-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.07);
 box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07);
}
p2 {
 font-family: "微软雅黑";
 color: #666;
}

好文!分享给朋友,或者点个赞吧~

文章信息

分类:WordPress

您可能也会喜欢

发表回复

Post Comment


  1. ScottJu :

    你这个css样式粘贴进去没反应。但是上面的代码起作用了。其实我只是想要你这个背景色。

    2015-10-12
    • Sven水神 :

      @ScottJu 背景就是灰色,加上shadow属性。

      2015-10-12