修改WordPress中文章版权提示内容

0x01 秀一秀

这一篇文章，来自定义WordPress中文章版权提示内容，下为效果：

0x02 准备工作

我用的这个主题的文章版权提示，我自己感觉很丑，一些自己想要表达的信息，根本显示不出来，因此只能从PHP文件中修改了，修改之前，我还做了一些准备工作，例如一些获取文章作者、文章链接、网站链接的函数，这都得先准备好。

0x03 修改步骤

Step 1 ：

找到主题文件夹下的 single.php ，它是文章显示模板页面，也就是说，要显示一篇文章，就是调用它。在浏览器界面，打开一篇文章，用浏览器的审查元素功能，我们可以看到：

这表明，文章是在“article-content”中显示。用编辑器查询，在single.php中找到”article-content”，进行修改

<article class="article-content">
    <?php _the_ads($name='ads_post_01', $class='asb-post asb-post-01') ?>
    <?php the_content(); ?>
</article>

修改后

<article class="article-content">
	<?php _the_ads($name='ads_post_01', $class='asb-post asb-post-01') ?>
        <?php the_content(); 
        echo '<blockquote><strong>版权声明:</strong>&nbsp&nbsp本站原创文章，于&nbsp'.get_the_time('Y-m-d').'，由&nbsp<span id="a1"><a href="'.get_bloginfo('url').'" title="来自:'.get_bloginfo('name').'"><strong>'.get_the_author_meta('nickname').'</a></strong></span>&nbsp发表。<strong><br/>转载请注明：</strong>原文地址：<a href="'.get_permalink().'" title="本文固定链接 '.get_permalink().'">《'. get_the_title() .'&nbsp|&nbsp'.get_bloginfo('name').'》</a></blockquote>'?>
</article>

效果如下

Step 2 ：

上面只是在文章最后加上提示信息，但是，在主题的自带的版权提示区，还没有修改。我们开始修改。还是如同Step 1中的，先审查元素，我们查到，这个主题的版权提示区为 class=”post-copyright”，同样，我们用编辑器在single.php中搜索，将原始代码改为下面。（原始代码忘记保存了）

<!-- 版权信息 -->
<?php if( 1 ){
	echo '<div class="post-copyright">本站所有文章<strong>如果没有特殊声明</strong>均为原创。本文作者&nbsp:&nbsp<span><a href="'.get_bloginfo('url') .'" title="来自:'.get_bloginfo('name').'">'.get_the_author_meta('nickname').'</a></span><br/>复制或转载请以<strong>超链接形式</strong>注明：<a href="' . get_bloginfo('url').'" title="欢迎来到'.get_bloginfo('name').'">'. get_bloginfo('name').'</a>&nbsp&nbsp&nbsp&nbsp</strong><br/>原文地址：<a href="'.get_permalink().'" title="本文固定链接 '.get_permalink().'">《'. get_the_title() .'&nbsp|&nbsp'.get_bloginfo('name').'》</a></div>';
} ?>

效果如下

Step 3 ：CSS修改

光改上方的一些代码，其结果还是不是很好看，这就需要修改与主题相匹配的CSS样式了。经我的查找，控制这些布局的CSS样式是在主题文件夹下的CSS目录的 main.css 文件，第一个不用修改CSS，但是主题版权区的就需要进行修改了，还是找到post-copyright，进行下列修改

.post-copyright {
	background-color: #eee;
	font-size: 12px;
	padding: 8px 30px;
	border-radius: 2px;
	color: #aaa;
	text-align: center;
	margin-bottom: 18px;
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
	text-decoration: none;
}
.post-copyright:hover {
	background-color: #45B6F7;
	color: #fff;
}
.post-copyright:hover a {
	color: #fff;
}

修改后，当然，其中的一些布局，可以按照自己的心意去修改

.post-copyright {
	background-color: #d9d9d9;
	font-size: 15px;
	padding: 8px 30px;
	border-radius: 2px;
	color: #4A4A4A;
	text-align: center;
	margin-bottom: 18px;
}
.post-copyright a, .post-copyright a:hover {
	color: #45b6f7;
	text-decoration: none;
}
.post-copyright:hover {
	background-color: #C4C4C4;
	color: #4A4A4A;
}
/*.post-copyright:hover a {
	color: #ff5e52;
}*/

.post-copyright a:hover{
	color: #ff5e52;
}

以上修改全部完成

0x04 Over

我们可以先在本地修改，特别是在本地搭建好服务器后修改，我们可以实时看到修改结果，完成后再把文件上传服务器中的网站中，就可以看到自己想要的界面了，这样就比较方便了。希望能帮到你！