让代码更简单

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

重要:本文最后更新于2018-12-25 17:07:58,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

刚刚收到一名网友留言,问我怎么将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了!

感觉很棒!可以赞赏支持我哟~

2 打赏

评论 (0)

登录后评论
QQ咨询 邮件咨询 狗哥推荐