关闭边栏(ESC)打开边栏(ESC)
今晚一个黑友问起了这个效果,其实这个也是昨晚临时兴起弄的一个效果,只是把原来的侧边栏改了下样式,使它能横排着,因为本站的文章页是全屏的,没有了侧边栏了,所以如果要用到这个效果的话,你在小工具那设置文章的非固定侧边栏的时候只能选一个文章展示,并设置显示的文章数为:5,然后在调用的时候,只显示前4个文章,为了好看吧。
一、小工具中设好文章侧边栏,固定的栏就不要有东西哦。
二、在外观-编辑-找到主题根目下找到文章页面:single.php,在你想出现随机文章的位置上插上:
1 |
<?php get_sidebar(); ?> |
三、在single.php中写入以下样式,或在自定义中写也行:
1 2 3 4 5 |
/* 侧边栏改写*/ .widget-hotpost-image .widget-hotpost-image-item {display: inline-block;width: 24%;} .widget-hotpost-image .widget-hotpost-image-item:last-child {display: none} .widget .widget-title {padding:4px 20px;background: #fff;display: inline-block;border-radius: 3px;color: #999;border: 1px solid #ccc;font-weight: normal;} .affix {display: none} |
改了真的好看多了,首页也改了,导航也改了,每天来都不一样,666666
是呀,一天改一点,慢慢优化,感谢来访