DUX主题修改首页轮播图为通栏模式-贝壳主机网

提示：如果官网是英文页面，建议使用谷歌浏览器能同步翻译页面。点击下载【谷歌浏览器最新绿色便携版】
注意：部分文章发布时间较长，可能存在未知因素，购买时建议在本站搜索商家名称，先充分了解商家动态。
交流：唯一投稿邮箱：hostvps@88.com。

刚刚收到一名网友留言，问我怎么将dux主题的首页轮播图改成通栏模式。我一听，这个问题还是比较简单的，但是在评论中一两句话又说不清楚，于是在次写下一篇文章，供各位网友参考！

我改了之后的首页如下图所示，因为图片还是以前的短图，所以两边是空的，看起来比较怪，只要改了图片就好了。

DUX主题修改首页轮播图为通栏模式

实现步骤如下：

一、打开dux主题文件夹，找到index.php首页模板文件，将其中判断是不是第一页的代码调整位置，代码的意思是，不是第一页不显示轮播图。

<?php  
if( $paged==1 && _hui('focusslide_s') ){ 
 _moloader('mo_slider', false);
 mo_slider('focusslide');
 } 
?>

找到上述代码，将其剪切至<section class=”container”>这个标签之后。

二、打开主题目录下的sidebar.php侧边栏模板文件，给侧边栏增加一个css，也可以直接在后台增加css,看自己的习惯了。

<aside class="sidebar">

改为：

<aside class="sidebar" style=" padding-top: 32px;">

到此修改完成了，只需将首页轮播图的图片大小传大点就OK了！

About 贝壳

【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。

DUX主题修改首页轮播图为通栏模式