禁用了广告插件,手工添加广告

wordpress在插件效率方面确实做的不怎么样,用的插件多了,会严重拖累网站的速度.特别是在你的网站本身访问速度就不怎么快的情况下,这种情况会更加严重.

以前没怎么管博客,访问慢一点也能忍受.现在真的想做好博客,这样的速度我就不能接受了.想着逐步禁用插件,自已手工更改源码来实现插件的功能,最终要实现博客0插件的目标!

我的博客总共用了十来个插件,我最先拿来开刀的就是广告插件 easy adsense .这个插件挺大的,全部文件加起来近100k,这在插件里绝对是重量级的!而它实现的功能也比较单一,感觉作者把这个插件做的太臃肿了.

我的更改办法是 查看有启用插件访问博客输出网页的源码 先是在文章页,文章主体前找到的网页源码如下

<span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="ezAdsense adsense adsense-leadin"</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="float:right;margin:12px;"</span><span style="color: #0000ff">></span>广告代码<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>

其中的class值肯定是easy adsense这个插件赋予的,我们不要它,那我最终只要把

<span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="float:right;margin:12px;"</span><span style="color: #0000ff">></span>广告代码<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>

插入到主题 文章页面模板 (single.php) 的文章主体的PHP代码 <?php the_content(); ?>前就好了. 但在实现操作中,我还是遇到问题了,我把代码改好之后,禁用了easy adsense插件之后,访问我的博客看效果,排版出了很大的问题.大家可以看看下图

he

 

原来启用插件的效果不是这样,大家也可以看下

he1

我找了半天还是没有找到解决的办法,没办法,只好去wordpress论坛发贴请问人问题出在哪里?有一个高手很快就找到问题出在哪里了,原来是我把广告的代码放在了文章主体的DIV层的上面了,这样wordpress会把广告和文章主体当作两个层来对待,肯定就会出现如上图的效果了.

找到了问题的所在,事情就好办了.

重新找到 文章页面模板 (single.php),把上面第二条广告代码放在<?php the_content(); ?>前就好了,上次我是放在<div class=”content”>的前面!

最终的代码如下

<span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="content"</span><span style="color: #0000ff">></span><br />                <span style="color: #008000"><!--edit--></span><br />                <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="float:right;margin:8px;"</span><span style="color: #0000ff">></span>广告代码<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span><br />                <span style="color: #008000"><!--editend--></span><br /><br />                    <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> <span style="color: #ff0000">the_content</span>(); ?<span style="color: #0000ff">></span><br />                    <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="fixed"</span><span style="color: #0000ff">></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span><br />                <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>

在上段代码中,我还更改了广告层和文章主体的边距 原来是12px,被我改成8px,这个就看各人需要了.

更好之后再看下网页效果,总算是让我满意了.

搞定文章页之后,再来弄博客首页第一篇文章的广告

这个在修改的过程中倒没遇到什么问题,一次搞定,给出我的步骤

1. 找到 索引页模版 (index.php),找到控制文章索引的PHP代码,我这个主题很容易就找到了,和文章页一样,也有一个控制文章显示的层 <div class=”content”> 我就跟刚才一样,在这个标签的下面添加了广告代码.

2. 由于主页会显示很多文章,我们一般都是在第一篇上显示,这里就要加一个PHP判断语句,判断文章为首页第一篇才输出广告,否则就不输出,代码如下

<span style="color: #0000ff"><?</span><span style="color: #800000">php</span> <span style="color: #ff0000">if</span> ($<span style="color: #ff0000">wp_query-</span><span style="color: #0000ff">></span>current_post == 0) : ?<span style="color: #0000ff">></span>

最终的代码为

<span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">="content"</span><span style="color: #0000ff">></span><br />                    <br />                    <span style="color: #008000"><!--edit--></span><br />                    <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> <span style="color: #ff0000">if</span> ($<span style="color: #ff0000">wp_query-</span><span style="color: #0000ff">></span>current_post == 0) : ?<span style="color: #0000ff">></span><br />           <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">="float:right;margin:8px;"</span><span style="color: #0000ff">></span><br />           广告代码            <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span><br />                                         <span style="color: #0000ff"><?</span><span style="color: #800000">php</span> <span style="color: #ff0000">endif</span>; ?<span style="color: #0000ff">></span><br />                                         <span style="color: #008000"><!--editend--></span><br />
改好之后,保存访问下,总算是弄好了!呼呼!
在这里说一下,对于广告的显示,你还可以有更多的控制,比如你不喜欢放在右边,你可以把float的值改为left,更多的控制可以搜索下 CSS style有哪些值,根据你的需要修改.

总算是把广告弄好了,下次再搞那个在每篇文章下加入一段声明的插件.

还有,最好是在有修改代码的地方加一个注释,以便下次修改的时候能立刻知道曾经修改过什么地方.在代码中加注释是一个很好的习惯.

对于广告的放置,我个人认为放得多不如放得巧,在合适的位置出现的广告能抵得过你百个千个!每个页出现的广告最好也不要超过两个,要不会严重影响访客体验!

发表评论

邮箱地址不会被公开。 必填项已用*标注