DUX主题添加四格广告推荐版块 为WordPress添加广告位的方法
 |  |  |  |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
很多人在询问VPS加油站博客首页的四格广告位是如何添加的，这里VPS加油站就和大家分享一下为WordPress添加广告位的方法，效果图如下：
WordPress添加广告位教程1、为主题首页添加html代码
要想实现VPS加油站前面介绍的效果，我们首先需要在自己的主题“index.php”文件中添加一段html代码。代码如下。如果想像蜗牛789一样显示在“最新发布”之上，只需把代码添加在主题“index.php”文件中的“ <div class=”title”>”之后即可：
<div class="asb asb-indexd asb-indexd-01"><div class="container"> <ul class="eboxx"><li class="eboxx-i eboxx-01"> <h4>RackNerd便宜vps</h4> <p>10美元左右一年，支持支付宝，美国九个机房可选</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-02"> <h4>搬瓦工，建站必选</h4> <p>三网往返CN2 GIA，香港，美国，日本软银机房可选</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-03"> <h4>vultr可随意换ip</h4> <p>充10美元送100美元，支持支付宝，全球22个机房</p> <a class="btn btn-sm btn-primary" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-04"> <h4>宝塔面板-建站必备</h4> <p>送3188元大礼包，防火墙防CC、专业插件免费用</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> </ul></div></div> <div class="asb asb-indexd asb-indexd-01"><div class="container"> <ul class="eboxx"><li class="eboxx-i eboxx-01"> <h4>RackNerd便宜vps</h4> <p>10美元左右一年，支持支付宝，美国九个机房可选</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-02"> <h4>搬瓦工，建站必选</h4> <p>三网往返CN2 GIA，香港，美国，日本软银机房可选</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-03"> <h4>vultr可随意换ip</h4> <p>充10美元送100美元，支持支付宝，全球22个机房</p> <a class="btn btn-sm btn-primary" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-04"> <h4>宝塔面板-建站必备</h4> <p>送3188元大礼包，防火墙防CC、专业插件免费用</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> </ul></div></div> <div class="asb asb-indexd asb-indexd-01"><div class="container"> <ul class="eboxx"><li class="eboxx-i eboxx-01"> <h4>RackNerd便宜vps</h4> <p>10美元左右一年，支持支付宝，美国九个机房可选</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-02"> <h4>搬瓦工，建站必选</h4> <p>三网往返CN2 GIA，香港，美国，日本软银机房可选</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-03"> <h4>vultr可随意换ip</h4> <p>充10美元送100美元，支持支付宝，全球22个机房</p> <a class="btn btn-sm btn-primary" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> <li class="eboxx-i eboxx-04"> <h4>宝塔面板-建站必备</h4> <p>送3188元大礼包，防火墙防CC、专业插件免费用</p> <a class="btn btn-sm btn-danger" target="_blank" rel="nofollow" h="https://www.vpsjyz.com">点击查看</a> </li> </ul></div></div>其中代码中的汉字部分和链接地址，大家可以根据自己的时间情况进行修改。如果要增加两排推荐框，那么只需在主题“index.php”文件中添加两段上面的代码即可。
2、为主题css文件添加一段css样式代码
第二步就是为为主题css文件添加一段css样式代码。一般添加在主题的“main.css”文件当中。需要添加的css样式代码代码如下：
.eboxx {overflow: hidden;font-size: 12px;text-align: center;background-color: #fff;margin-bottom: 10px;}.eboxx h4 {font-size: 14px;color: #444;margin: 10px 0;}.eboxx-i {position: relative;float: left;width: 25%;padding: 18px;background-color: #fff;color: #777;}.eboxx-01, .eboxx-02, .eboxx-03, .eboxx-04 {border-right: 2px solid #eee;}.eboxx-i:hover {background-color: #F9F9F9;}.eboxx-i p {height: 36px;overflow: hidden;color: #bbb;}@media (max-width: 1024px) {.eboxx .btn-default {display: none;}.eboxx h4 {height: 20px;overflow: hidden;}}@media (max-width: 860px) {.eboxx .eboxx-100 {display: none;}.eboxx-i {width: 25%;}.eboxx-04 {border-right: none;}}@media (max-width: 640px) {.eboxx-i {width: 50%;}.eboxx-01 {border-bottom: 2px solid #eee;}.eboxx-02 {border-right: none;border-bottom: 2px solid #eee;}}@media (max-width: 480px) {.eboxx-i {padding: 10px 15px 15px;}.eboxx h4 {margin-bottom: 0;}.eboxx-i p {margin: 5px 0}}.eboxx {overflow: hidden;font-size: 12px;text-align: center;background-color: #fff;margin-bottom: 10px;}.eboxx h4 {font-size: 14px;color: #444;margin: 10px 0;}.eboxx-i {position: relative;float: left;width: 25%;padding: 18px;background-color: #fff;color: #777;}.eboxx-01, .eboxx-02, .eboxx-03, .eboxx-04 {border-right: 2px solid #eee;}.eboxx-i:hover {background-color: #F9F9F9;}.eboxx-i p {height: 36px;overflow: hidden;color: #bbb;}@media (max-width: 1024px) {.eboxx .btn-default {display: none;}.eboxx h4 {height: 20px;overflow: hidden;}}@media (max-width: 860px) {.eboxx .eboxx-100 {display: none;}.eboxx-i {width: 25%;}.eboxx-04 {border-right: none;}}@media (max-width: 640px) {.eboxx-i {width: 50%;}.eboxx-01 {border-bottom: 2px solid #eee;}.eboxx-02 {border-right: none;border-bottom: 2px solid #eee;}}@media (max-width: 480px) {.eboxx-i {padding: 10px 15px 15px;}.eboxx h4 {margin-bottom: 0;}.eboxx-i p {margin: 5px 0}}.eboxx {overflow: hidden;font-size: 12px;text-align: center;background-color: #fff;margin-bottom: 10px;}.eboxx h4 {font-size: 14px;color: #444;margin: 10px 0;}.eboxx-i {position: relative;float: left;width: 25%;padding: 18px;background-color: #fff;color: #777;}.eboxx-01, .eboxx-02, .eboxx-03, .eboxx-04 {border-right: 2px solid #eee;}.eboxx-i:hover {background-color: #F9F9F9;}.eboxx-i p {height: 36px;overflow: hidden;color: #bbb;}@media (max-width: 1024px) {.eboxx .btn-default {display: none;}.eboxx h4 {height: 20px;overflow: hidden;}}@media (max-width: 860px) {.eboxx .eboxx-100 {display: none;}.eboxx-i {width: 25%;}.eboxx-04 {border-right: none;}}@media (max-width: 640px) {.eboxx-i {width: 50%;}.eboxx-01 {border-bottom: 2px solid #eee;}.eboxx-02 {border-right: none;border-bottom: 2px solid #eee;}}@media (max-width: 480px) {.eboxx-i {padding: 10px 15px 15px;}.eboxx h4 {margin-bottom: 0;}.eboxx-i p {margin: 5px 0}}两段代码添加完成后，如果你为站点开启了CDN加速，需要刷新整站缓存才能看到实际效果了。
[免费VPS]历史优惠活动内容
猜你可能想看的VPS
- Pump Cloud→$42.49 月 1GB 内存 20GB NVMe虚拟空间(主机)
- AnyueHost→1200 元 月 E3-1265LV3 8GB 内存日本VPS[主机]
- 特别烂-Letbox→洛杉矶 VPS 2 核 2G 内存 20G NVM全球[VPS测评]
- 纵横数据中秋促销→江苏宿迁移动 BGP100G 高防物理服务器 无视 C全球[VPS测评]
- Krypt 第二款新套餐→Intel Xeon E-2286G 4.0 全球[VPS测评]
- 疯狂猜成语 图猜成语一个黑色人站在三个房子旁边还有一个红色箭头是什么成语全球[VPS测评]
- Uovz→2200 元 月 E5-2620*2 16GB 内存 240G全球[VPS测评]
- HostKvm 双节促销 全场8折 新上架韩国VPS plan2/Pla韩国VPS[主机]
- ZJI上线香港华为云 E3 CPU 便宜服务器，下单立减300元，优惠后香港VPS[主机]
- Superspeed.sh 一键脚本测试搬瓦工 VPS上传下载速度和延迟全球[VPS测评]
- Jogjahost-26$ 月 印度尼西亚 2C4G40G硬盘 G口不限全球[VPS测评]
- UOvZ → 2G 内存 20G 储存 500G流量 100M带宽 徐州全球[VPS测评]
- 什么是IconFont ？iconfont 的使用和解析全球[VPS测评]
- VPS成立BurjeelHoldings全球[VPS测评]
- 世界杯季疫情突发，跨境电商订单排队，义乌商人面临难题全球[VPS测评]
- 华凯易佰同比扭亏跨境电商行业回暖H2旺季将至中报追踪全球[VPS测评]
- 冀青云怎么样?香港CN2-GIA vps月28元/香港NTT 月9元香港VPS[主机]
- 做跨境电商，如何打造私域流量？全球[VPS测评]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱?香港VPS[主机]
- 企鹅小屋：深港IPLC节点，0.25元/G流量，不用不花钱全球[VPS测评]
- 潮科技｜阿里云发布第七代高主频云服务器ECS和含光800云服务器全球[VPS测评]
- 麻花云双12年终盛典：香港云主机9元起,老客户续费6折;安徽BGP线路v香港VPS[主机]
- 酷锐云：元旦钜惠_美国CN2VPS低至20元/月_1核2G香港云主机低至美国VPS[主机]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱?香港VPS[主机]
- 快速云：云计算分类和云计算的特点全球[VPS测评]
- 宝塔面板怎么放行端口?宝塔面板放行端口的方法全球[VPS测评]
- 如何根据业务需求选择合适的云服务器配置？全球[VPS测评]
- 云计算的大门依旧没向雷军敞开全球[VPS测评]
- CombCloud,香港沙田cn2vps终身七折起,高质量网络稳定低延迟香港VPS[主机]
- 跨境电商拔节生长关键期，宁波政协委员月谈会精准助力！全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-163997.html