DUX-for-typecho 添加侧边栏滑动显示内容

2020-05-11T23:50:00

看到DUX主题有左右滑动显示内容的边框栏,这样看着毕竟美观一点,但是凭着皮尺部的尺寸葫芦画瓢弄修复一下,这样看着毕竟协调一点。

简单教程

  • 打开主题下sidebar.php文件

搜索以下内容

<?php if (!empty($this->options->sidebarBlock) && in_array('ShowRecentPosts', $this->options->sidebarBlock)): ?>
    <div class="widget widget-tops">
        <ul class="widget-nav"><li class="active">最新文章</li></ul>
        <ul class="widget-navcontent">
            <li class="item item-01 active">
                <ul>
<?php $this->widget('Widget_Contents_Post_Recent','pageSize=6')->to($post); ?>
<?php while($post->next()): ?>
                    <li><time><?php $post->date('m-d'); ?></time><a href="<?php $post->permalink(); ?>" title="<?php $post->title(); ?>"><?php $post->title(); ?></a></li>
<?php endwhile; ?>
                </ul>
            </li>
        </ul>
    </div>
<?php endif; ?>

替换成以下内容

<!--站点信息栏-->
<?php if (!empty($this->options->sidebarBlock) && in_array('ShowRecentPosts', $this->options->sidebarBlock)): ?>
    <div class="widget widget-tops">
        <ul class="widget-nav"><li class="active">最新文章</li>
        <li class="active">最新文章</li>
        <li class="">热门文章</li>        
        <li class="">强烈推荐</li>
        <li class="">联系我们</li></ul>
        <ul class="widget-navcontent">
            <li class="item item-01 active">
                <ul>
<?php $this->widget('Widget_Contents_Post_Recent','pageSize=6')->to($post); ?>
<?php while($post->next()): ?>
                    <li><time><?php $post->date('m-d'); ?></time><a href="<?php $post->permalink(); ?>" title="<?php $post->title(); ?>"><?php $post->title(); ?></a></li>
<?php endwhile; ?>
        </ul>
    </li>
    <li class="item item-02">
        <ul>
            测试
        </ul>
    </li>
    <li class="item item-03">
        <ul>
            测试
        </ul>
    </li>
    <li class="item item-04">
        <ul>
            测试
        </ul>
    </li>
</ul>
</div>
<?php endif; ?>

这里要自己DIY内容,我不知道你们喜欢什么风格的。

让看看效果吧。是不是跟WP版的一模一样。哈哈!

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »