代码狗

当前位置:代码狗 > Wordpress > 正文

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

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

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

赞(1) 打赏

评论 抢沙发

×

请作者吃根烤肠!

支付宝