dux修改index.php,DUX主题全站底部推广区修改（wordpress教程）

点击购买一个针对dux主题的美化修改教程，使用dux主题功能很强大，用的人也多，不过要想修改可就麻烦了，因为这套主题的代码编写，想要修改的话，是功能的差，因为开始设计的时候就没有考虑让用户随意修改的意图，

表示很多教程对于别的主题能用，但是到了dux主题就失效了，好啦，爱每天分享说说如何修改dux主题的底部样式，

就是我们全站底部推广区，这里给出修改后的美化效果

修改前：

修改后：

修改代码

带后台功能的修改方法：(最重要的是先把两个图片放到你的img文件夹里，图片自行设计，暂不提供，图片名称可看CSS)

1、先添加样式，在你的主题样式表中main.css找到合适的位置放入以下代码即可。

.main-info {

width: 100%;

height: 300px;

padding-top: 68px;

background: url(../img/backgroundwall.jpg) repeat-x;

}

.main-info dl {

width: 950px;

margin: 0 auto;

height: 140px;

background: url(../img/blue_bg.png) repeat;

}

.main-info dl dt {

width: 100%;

padding: 30px 0 6px;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 36px;

color: #fff;

text-align: center;

font-family: "微软雅黑";

}

.main-info dl dd {

width: 100%;

text-align: center;

color: #fff;

font-size: 20px;

font-family: Verdana, Geneva, sans-serif;

font-family: "微软雅黑";

}

.main-info dl dd a {

display: inline-block;

height: 32px;

line-height: 32px;

margin-left: 10px;

padding: 0 12px;

font-size: 16px;

color: #fff;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

background: #E87E16;

}

.main-info dl dd a:hover {

background: #FF7E00;

}

@media screen and (max-width: 650px){

.main-info {

display: none;

}

}

找到主题根目录下option.php打开编辑。

找到全站推广区代码，在推广标题下载添加一个推广标题，定义ID为footer_brand_title-1，代码如下

$options[] = array(

'name' => __('推广标题', 'haoui'),

'id' => 'footer_brand_title-1',

'desc' => '建议20字内',

'std' => '爱每天分享wwwaimeit.com',

'type' => 'text');

找到主题根目录下文件夹modules，编辑mo_footer_brand.php文件，将以下代码全部替换上去。

'._hui('footer_brand_btn_text_'.$i).'';

}

}

?>

到这里就修改介绍了，上面的推广语大家可以自定义，其他的没有太多需要强调的，请大家先做好相对应的文件备份即可。