wordpress主题修改技巧给博客首页添加四格广告位-结贝号资源网

使用wordpress建站程序搭建博客的朋友或多或少都会喜欢自己动手修修改改，让自己的网站更美观、更实用。结贝号也不例外，今天偶然在蜗牛789博客上看到一个通过修改代码给博客首页添加四格广告位的方法，感觉很不错，于是在自己的网站上测试了一下，效果不错，所以把修改方法也转载过来了，有喜欢的朋友可以自己试下。

一、修改效果：

二、修改方法：

1、修改网站CSS代码：

/* 首页4格css 2018-8-28 */
.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: #FAFDFF;
 border-color: #dd911f;
 position: relative;
 z-index: 2;}
.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}
}

2、首页添加html代码：

 
 
 
 阿里云主机礼包
  高达1000元优惠券 
 建站首选阿里云主机，领取超值优惠券礼包
 点击查看
 
 
 区块链空投糖果 
 网上赚钱新选择
 免费领空投糖果，最新网上赚钱方法
 点击查看
 
 
  超值购物优惠券 
  天猫50%优惠值得买吗？ 
 淘宝、天猫省钱你还讲价吗？不如一件领取优惠券~
 点击查看
 
 
  支付宝红包真的吗 
 天天免费领红包
 支付宝首页搜索“5981405”，马上领红包！
 点击查看

美中不足的是，每次修改时都需要在index.php文章中修改内容，如果有对wordpress建站技巧比较熟悉的朋友，不妨把这个功能添加到后台里面，应该很受欢迎，如果这个高手是你，记得通知我哦~

【站长推荐】购买会员可免费下载全站资源。【提示】本站只提供资源，不提供技术支持，介意勿下！！【公告】没有基础小白不要下载，站长不教！！
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。敬请谅解! E-mail：jiebeih@foxmail.com

THE END

wordpress
# 标签：wordpress建站wordpress技巧