站长视角
用户至上

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

hostwinds vps

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

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

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了!

关于 傲云

傲云,为您的网站提供全球顶级IDC资源!提供秒级响应、性能卓越、安全稳定的云计算服务,助力企业快速发展。

赞(0) 打赏
未经允许不得转载:傲盾互联-帮助文档 » DUX主题修改首页轮播图为通栏模式
标签:
香港L5630 8G SSD240G 3IP 5M原价850,5.1活动价511,续费同价
无限容量免费空间,正版cPanel中文或Plesk面板

傲云-专注国外VPS,国外服务器,国外主机,测评及优惠码

广告联系投稿联系

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏