当前位置: 博客 /  WordPress  / WordPress每篇文章末尾增加转载权限等信息

WordPress每篇文章末尾增加转载权限等信息

我的每一篇文章后面都跟随着一块转载版权的提示,包括作品许可方式和转载注明的一些信息。

那么怎样可以达到这样每一篇自动增加的效果呢?

Step1. 复制代码到functions.php

WordPress里面有你使用的主题,在你当前主题下有一个functions.php文件,打开这个文件,复制以下代码到文件。

// 调用文章末尾增加版权
add_filter ( 'the_content', 'wp_copyright' ); // 文章末尾增加版权
//文章末尾加版权声明函数
function wp_copyright($content) {
if (is_single ()) {
$content .= '
<div class="bolg_license">
<p>本作品采用<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">知识共享署名-相同方式共享 4.0 国际许可协议</a>进行许可。</p>
<p>本站文章除注明转载外,均为本站原创或编译。
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。</p>
<p>转载请注明:文章转载自 Fly To The Dream - f2td.com <a href="'.get_bloginfo('url').'">【'.get_bloginfo('name').'】</a></p><p>本文标题:'.get_the_title().'</p>
<p>本文地址:<a href="'.get_permalink().'">'.get_permalink().'</a></p></div>';
}
return $content;
}

从上面代码可以看到在<div class="bolg_license">内有5个<p>标签,就是对应了文章后面转载权限的5行。

我后期也会修改,所以显示的内容会稍有不同,你也可以按照自己的爱好修改展示的信息。

Step2. 修改样式

接下来可以修改样式,只要修改.bolg_license的css文件就可以了

此处我的css样式为:

.bolg_license{
  font-size: .875rem;
  line-height: 26px;
  position: relative;
  margin-top: 60px;
  padding:10px 15px;
  padding-right: 0px;
  color: #4a4a4a;
  background:rgba(247,247,247,0.6);
}
.bolg_license p{
  margin:5px
}
.bolg_license:before{
  position: absolute;
  top: 0px;
  left: 0;
  width: 3px;
  height: 100%;
  content: '';
  background: #009688;
}

- END -