欢迎光临!
若无相欠,怎会相见

修改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

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

版权声明:  本站原创文章,于 2017-06-30,由 Darker 发表。
转载请注明:原文地址:《修改WordPress中文章版权提示内容 | 飘零博客》
本站所有文章如果没有特殊声明均为原创。本文作者 : Darker
复制或转载请以超链接形式注明:飘零博客    
原文地址:《修改WordPress中文章版权提示内容 | 飘零博客》
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
//

欢迎光临