随着互联网的快速发展,越来越多的企业和个人开始利用WordPress搭建自己的网站。WordPress作为全球最受欢迎的博客平台和内容管理系统,拥有强大的功能和丰富的插件。而在众多功能中,广告功能无疑是最吸引人的。WordPress广告代码究竟是什么呢?如何高效利用广告代码提升网站收益呢?本文将为您详细解答。
一、WordPress广告代码概述
WordPress广告代码是指在WordPress网站中插入的广告代码,用于展示各种形式的广告,如横幅广告、文本链广告、插页广告等。通过合理运用广告代码,网站可以实现广告收益的最大化。
二、WordPress广告代码类型
1. 横幅广告(Banner Ads)
横幅广告是最常见的广告形式,通常位于网站顶部、底部或侧边栏。横幅广告分为多种尺寸,如728×90、300×250等。
2. 文本链广告(Text Link Ads)
文本链广告是以文字形式呈现的广告,通常以蓝色字体显示,并带有下划线。点击后可跳转到广告商的网站。
3. 插页广告(Interstitial Ads)
插页广告是一种全屏广告,通常在用户浏览过程中突然弹出。插页广告分为静态和动态两种形式。
4. 视频广告(Video Ads)
视频广告是一种以视频形式呈现的广告,可在用户浏览网站时自动播放。
三、如何获取WordPress广告代码
1. 广告联盟
广告联盟是提供广告代码的平台,如百度联盟、谷歌AdSense等。注册广告联盟后,您可以根据需求选择合适的广告形式和尺寸,获取相应的广告代码。
2. 广告平台
一些广告平台如百度推广、360推广等,也提供丰富的广告形式和尺寸,您可以根据需求获取相应的广告代码。
3. 广告主
若您有特定的广告主,可直接联系广告主获取广告代码。
四、WordPress广告代码插入方法
1. 通过插件插入
WordPress拥有丰富的广告插件,如AdSense、AdRotate等。安装并激活插件后,按照插件说明插入广告代码。
2. 通过主题功能插入
部分WordPress主题提供广告位功能,您可以直接在主题设置中插入广告代码。
3. 手动插入
您可以在WordPress后台的“外观”>“编辑”中,找到相应位置的代码,手动插入广告代码。
五、如何优化WordPress广告代码
1. 合理布局
根据网站布局和用户浏览习惯,合理设置广告位置,提高广告曝光率。
2. 选择合适的广告形式
根据网站内容和用户需求,选择合适的广告形式,如横幅广告、文本链广告等。
3. 注意广告尺寸
不同的广告尺寸对用户体验和广告效果有较大影响。建议选择与网站布局相匹配的尺寸。
4. 定期更换广告内容
定期更换广告内容,避免用户产生审美疲劳,提高广告点击率。
5. 遵守广告联盟规则
严格遵守广告联盟规则,确保广告内容合法合规。
六、案例分析
以下是一个WordPress网站通过广告代码提升收益的案例分析:
| 广告位置 | 广告形式 | 广告尺寸 | 广告点击率 | 广告收益 |
|---|---|---|---|---|
| 顶部横幅 | 横幅广告 | 728×90 | 2.5% | 100元/天 |
| 侧边栏 | 文本链广告 | 300×250 | 1.5% | 80元/天 |
| 底部横幅 | 横幅广告 | 300×250 | 1.2% | 60元/天 |
通过合理布局和优化广告代码,该网站每日广告收益可达240元。
总结
WordPress广告代码是提升网站收益的重要手段。通过了解广告代码的类型、获取方法、插入方法以及优化技巧,您可以在WordPress网站中实现广告收益的最大化。希望本文对您有所帮助!
如何在wordpress主题中添加设置页面
将自己设计的题发布或是销售是一件很棒的事情,但并不是每一个主题使用者都有很熟练的HTML/CSS技巧。但是如果在主题中整合一个设置选项页面,就可以使那些完全不懂代码的用户能够很容易地根据他们的喜好来修改主题。下面我将告诉大家如何从零开始做一个最简单的主题选项页(下图为最终效果)。
我们的最终目的是什么?
在开始之前,要先了解我们的最终目的是什么?我们主题可以自行定制哪些内容?这些是需要你在设计主题前就应该考虑好的。
每个主题都可以有很多的可编辑元素,本例中我将通过实现下面这三个方面的定制来说明如何给主题增加设置选项页,你应该要有自己更好的想法。
改变主题配色方案;
增加两个广告位内容;
自定是否显示搜索框;
1、创建所需的文件
在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。创建设置选项页的代码需要放置在主题目录下的functions.php文件中。如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页
首先第一步需要在后台建立一个空白页面供我们使用。我们通过add_aaction来实现这一步。Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。因此,可以利用这些来实现我们所需的功能。这是我们创建选项页的最基本的功能。
<?php
//设置选项页
functionthemeoptions_admin_menu()
{
//在控制面板的侧边栏添加设置选项页链接
add_theme_page(“主题设置”,“主题选项”,‘edit_themes’,basename(__FILE__),‘themeoptions_page’);
}
functionthemeoptions_page()
{
//设置选项页面的主要功能
}
add_action(‘admin_menu’,‘themeoptions_admin_menu’);
?>
themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page()的参数为:
页面标题:主题设置
菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):当前文件;
执行的函数:themeoptions_page;
现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段
现在我们就可以在刚创建的空白页面上添加我们的选项和字段。这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page()函数内。首先,我们先添加一个class=”wrap”的div容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
<divclass=“wrap”>
<divid=“icon-themes”class=“icon32″><br/></div>
<h2>主题设置</h2>
<formmethod=“POST”action=“”>
<inputtype=“hidden”name=“update_themeoptions”value=“true”/>
<p><inputtype=“submit”name=“submit”id=“submit”class=“buttonbutton-primary”value=“保存更改”></p>
</form>
</div>
在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。现在的效果为:
现在我们已经创建了设置选项页的基本结构,下面我们开始根据之前制定的内容进行完善:
首先,我们要允许主题使用者可以更改颜色方案。对于这一点,我们需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。这一点,我们通过添加复选框来实现。
代码如下:
functionthemeoptions_page()
{
//这是产生主题选项页面的主要功能
?>
<div>
<divid=“icon-themes”><br/></div>
<h2>主题设置</h2>
<formmethod=“POST”action=“”>
<inputtype=“hidden”name=“update_themeoptions”value=“true”/>
<h4>主题配色方案</h4>
<selectname=“colour”>
<?php$colour=get_option(‘mytheme_colour’);?>
<optionvalue=“gray”<?phpif($colour==’gray’){echo‘selected’;}?>>灰色</option>
<optionvalue=“blue”<?phpif($colour==’blue’){echo‘selected’;}?>>浅蓝</option>
<optionvalue=“pink”<?phpif($colour==’pink’){echo‘selected’;}?>>粉红</option>
</select>
<h4>图片广告位(1)</h4>
<p><inputtype=“text”name=“ad1image”id=“ad1image”size=“32”value=“<?phpechoget_option(‘mytheme_ad1image’);?>”/>广告图片</p>
<p><inputtype=“text”name=“ad1url”id=“ad1url”size=“32”value=“<?phpechoget_option(‘mytheme_ad1url’);?>”/>广告链接</p>
<h4>图片广告位(2)</h4>
<p><inputtype=“text”name=“ad2image”id=“ad2image”size=“32”value=“<?phpechoget_option(‘mytheme_ad2image’);?>”/>广告图片</p>
<p><inputtype=“text”name=“ad2url”id=“ad2url”size=“32”value=“<?phpechoget_option(‘mytheme_ad2url’);?>”/>广告链接</p>
<h4><inputtype=“checkbox”name=“display_search”id=“display_search”<?phpechoget_option(‘mytheme_display_search’);?>/>显示搜索框</h4><p><inputtype=“submit”name=“bcn_admin_options”value=“更新数据”/></p>
</form>
</div>
<?php
}
到这里选项页面的内容就已经基本构建完毕了。
4、数据库更新
到目前为止,我们已经创建了一个主题选项页面,下一步要做的就是如何将数据透过POST提交的wordpress数据库。要做到这一点,需要创建一个新的功能函数themeoptions_update(),这个函数将会被themeoptions_page()调用,所以将下面的代码添加到themeoptions_page()函数的最上面。
if($_POST[‘update_themeoptions’]==’true’){themeoptions_update();}
下一步是增加一个更新函数。
functionthemeoptions_update()
{
//数据更新验证
update_option(‘mytheme_colour’,$_POST[‘colour’]);
update_option(‘mytheme_ad1image’,$_POST[‘ad1image’]);
update_option(‘mytheme_ad1url’,$_POST[‘ad1url’]);
update_option(‘mytheme_ad2image’,$_POST[‘ad2image’]);
update_option(‘mytheme_ad2url’,$_POST[‘ad2url’]);
if($_POST[‘display_search’]==’on’){$display=‘checked’;}else{$display=”;}
update_option(‘mytheme_display_search’,$display);
}
5、调用选项定制主题
我们主题的默认样式文件为style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的blue.css、pink.css,style.css为默认的灰色。
为了切换配色方案样式表,需要在主题header中加入以下代码:
<linkrel=“stylesheet”href=“<?phpbloginfo(‘stylesheet_directory’);?>/default.css”type=“text/css”>
<linkrel=“stylesheet”href=“<?phpbloginfo(‘stylesheet_directory’);?>/<?phpechoget_option(‘mytheme_colour’);?>.css”type=“text/css”>
增加广告位图片—在你想要放置广告的地方添加以下代码:
<ahref=“<?phpechoget_option(‘mytheme_ad1url’);?>”><imgsrc=“<?phpechoget_option(‘mytheme_ad1image’);?>”height=“125”width=“125”/></a>
<ahref=“<?phpechoget_option(‘mytheme_ad2url’);?>”><imgsrc=“<?phpechoget_option(‘mytheme_ad2image’);?>”height=“125”width=“125”/></a>
是否显示搜索框—在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示:
<?phpif(get_option(‘mytheme_display_search’)==‘checked’){?>
<h3>搜索框</h3>
<formmethod=“get”id=“searchform”action=“<?phpechoesc_url(home_url(‘/’));?>”>
<inputtype=“text”name=“s”id=“s”placeholder=“<?phpesc_attr_e(‘Search’,’85Ryan’);?>”/>
<inputtype=“submit”name=“submit”id=“searchsubmit”value=“搜索”/>
</form>
<?php}?>
8款wordpress相关文章推荐插件,帮你留住访客
8款WordPress相关文章推荐插件,帮你留住访客
作为一个站长,我们更希望用户在自己的网站上多停留一会,甚至多浏览几篇文章,而不是浏览了一下目录大致之后就离去。其中一个比较有效的方法就是采用相关文章推荐,来提高访客停留时间和页面浏览量(PV)。现在很多站长采用WordPress程序来建站,而WordPress程序默认是没有相关文章推荐的功能的,但可以通过插件来实现。下面给大家推荐8个最受用户喜欢的WordPress相关文章插件,鼓励网站访客一篇又一篇文章地不停去阅读。
一、YARPP
YARPP,全称Yet Another Related Posts Plugin,意思是“又一个相关文章插件”,用户超过3百万,是最受欢迎的展示网站上相关内容的WordPress插件。
特点:YARPP能够自动选择更为精准的相关文章,从而提高访问者的点击率。定制:有许多选项可以进行定制,可以设置出于你网站设计风格相匹配的样式。展示文章的缩略图并链接到对应的文章,可以增加文章的吸引力并提升点击率,也可以设置为只显示文字链接。位置:你还可以决定相关文章的显示位置,是在文章底部还是侧边栏。安装:YARPP插件安装和使用都很简单。如果你想在相关文章里显示广告,可以选择该插件的高级版。
二、Contextual Related Posts
Contextual Related Posts,上下文相关文章插件,不仅扫描文章的标题以展示相关的文章(和其他插件一样),还会在你写作时扫描文章内容来提供更为精准的相似文章用以展示。
特点:提供缓存功能,以加快载入相关文章的速度;可定制性高,带有custom CSS选项(自定义CSS)。兼容:能很好地兼容网站上已有的shortcodes(短代码,简码),widgets(挂件,小工具),以及自定义的文章类型等。使用:Contextual Related Posts插件简单易用,只要安装并启用,就可以在你网站上开始展示相关文章了。
三、Jetpack– Related Post Module
Jetpack插件包,是Automattic发布一系列插件的合集。
启用:如果你安装并激活了Jetpack插件包,然后在WordPress管理后台,找到【Jetpack】->【Jetpack】,在整个插件集中找到这个模块,点击Activate(启用,激活)按钮。配置:点击【Configure(配置)】按钮,自动转到设置页面,有两个选项可以勾选:1).显示“Relate”标题,将相关文章区域和正文区域隔开;2).使用大而醒目的页面布局。优势:这个插件可以很快捷地在网站上添加相关文章内容,尤其是你已经安装了Jetpack插件包的话。
四、Content.ad
Content.ad有许多功能,因此这个插件也是在WordPress用户中很受欢迎的一个选择。
特点:有很多可以定制的选项来很好的展示网站内容,即便在手机上也效果很好。同时,该插件还提供广告选项,你可以通过在相关内容区域展示广告商的内容来获得收入。安装:这个插件非常容易安装,这点与其他插件一样;但是你需要注册一个账户才能使用。注册账户是免费的。支持:如果你使用该插件过程中遇到问题,还可以获得免费的技术支持。
五、Shareaholic
Shareaholic,意思是“沉醉于分享”,是个可以帮你提升网站流量的一站式服务。
功能:安装该插件,通过展示广告商的广告,可以提高你网站的收入;同时,还包含有社交网站分享以及加关注,以及推介链接等。特点:这个插件简单易用,并且支持个性化设置。同时,该插件还可以很好的支持PC端以及手机屏幕等移动设备。性能:这个插件代码干净,不会影响网站的加载速度。
六、Editorial Assistant
Editorial Assistant,意思是“编辑助手,助理编辑”,该插件没有投放广告获取收入的机会,但确实可以展示自己的相关文章。
特点:还可以显示其他博客网站上的相关文章,如果那些博客网站也安装了该插件的话。理念:如果你和其他博主都撰写同一主题的文章,那么你可以帮助别人提升网站流量,作为回报,别人也可以帮你的网站提升流量。使用:这个插件很容易使用,并且还可以让你自己选择相关文章,让你根据掌控全站的经验来更好地提升用户体验。
七、WordPress Related Posts
WordPress Related Posts,这个名字就是“WordPress相关文章”,和上面的Editorial Assistant系同一家公司开发,同样用来展示相关文章;不过有一些不同之处。
特点:这个插件也内置有缓存功能。功能:在网站页脚部分插入相关文章;同时你可以选择自己网站上之前的文章,或者显示使用同一插件其他博主的文章。使用:插件使用简单,只要上传并启用插件,就可以了。这个插件也可以高度定制,并且在Android和iPhone设备上看起来都很棒。
八、Yuzo
Yuzo插件是一款可以高度定制的轻量级插件,可以在你的WordPress网站上显示相关的文章。
设计:该插件采用极简风格设计,因此不管你的网站是什么外观,这个插件的显示效果都应该很不错。特点:与其他大多数类似插件一样,这个插件很好安装。该插件不提供展示广告获取收入的机会;不过确实可以在你的新文章下面精确展示站内相关的旧文章。使用:你还可以手动选择相关文章进行展示,这样会有更大的机会留住网站访问者。该插件作者还在自己网站提供免费的技术支持(英文)。
这些插件各有特色,可以根据你的网站需求和风格选择合适的插件来留住访客。
如何优化WordPress文章的SEO
很多人都用wordpress做自己的网站
虽然wordpress的免费主题在网络上已经有成千上万个了,但是在我看来,很多主题都是不符合SEO优化的
这些主题不但不美观,而且大部分充斥着作者的暗链、广告,其实对站长们的伤害很大,为了帮助同学们更好的使用wordpress进行自己网站的优化,我决定出一个wordpress系列的教程,给大家做个参考,第一篇我们讲讲wordpress主题代码的优化
WordPress主题代码优化wordpress代码优化的核心在于:代码能少则少,以提高网站加载速度为核心目的!优化你的代码,如果你的网站是放在虚拟空间,不要让你的网站加载时间超过5秒以上;如果是放在VPS中,不要让你的网站加载时间超过3秒以上
为什么我这样说呢?那是因为百度对网站的打开速度有硬性的审核标准,甚至在百度站长工具中还特地推出了页面优化建议工具
这意味着百度是希望站长优化自己网站的打开速度的
如果你的网站打开速度慢则很有可能被降权
那怎么做主题代码优化呢?请大家不要着急,我接下来给大家一个重要的解决方案:将我们的主题代码优化到最精简
其最重要的是优化table嵌套、header优化、js和css的合并分离优化
1、table嵌套:我看了很多的wordpress免费主题,为了简单,采用大量的table嵌套,而浏览器在加载table的时候,是需要将程序完全加载才能渲染出来的,有一些主题甚至缺少table的关闭标签,导致浏览器无法正常渲染而卡在table标签处
做网站,应该尽量少用table标签,采用div+css的方式来绘制表格可以更好的提高网站打开速度
2、header优化:大家可以查看一下自己网站的header标签,是否有一大堆不知道什么用的meta标签?(某使用wordpress默认模版的网站):一大堆乱七八糟的链接和注释,甚至引用了其他网站的文件,众所周知,只要你的代码中引用了文件,那么浏览器就会去加载完这些文件才会继续执行之后的代码,如果其他网站的文件丢失了,那么浏览器将会花大量时间等待这个文件响应,而这些都是会增加网站打开时间的
而我的网站则通过精简,只保留搜索引擎需要的meta信息和必要的文件链接,从而使得header更加简洁和高效,:3、js和css的合并分离优化:很多网站的所有js和css代码,都是写在一个文件里面的,这样虽然方便了管理,但是会导致页面加载的时候,需要加载很多不必要的代码,导致时间加长
而我的解决方法就是将每个页面都需要的js和css分别放置在一个文件内,而其他每个页面特有的js和css,则自己独立创建文件,针对性的引用
比如共同的css都放在style
css中,首页才有的css就写在style-home
css中,只有在首页才引用,其他页面则不引用,这样就可以大大提高网站的加载速度了
看了上面的几个优化要点,大家肯定还有疑问
所以,我接下来给大家看看我自己做的现成的案例,大家可以直接看我优化的广西育龙单招网,网址是,通过源代码大家不难发现,我的源代码已经做到最精简的程度了,没有table嵌套,header没有多余的内容,js和css只有必要的才添加
没有多余的代码,自然加载速度可以优化到最快
总结当然,网站的打开速度除了代码以外,还有很多地方要注意,这仅仅是其中一个细节,但相信也是站长们都需要关注的
下一篇文章我们会讲如何做好wordpress的SEO优化之插件篇,感兴趣的朋友敬请等待佳文出炉!







