Zblog西京同城老白极简三栏主题修改备忘录

本文记载西京同城老白极简三栏主题修改细节备忘，目前已记录20多个修改点，供自己查看。

（1）移动端点击菜单按钮下拉菜单去掉全屏宽度，宽度改为240px style.min.css

.mainl{display:none;width:240px;position:fixed;top:45px;left:0;right:0;z-index:122;background-color:#fff}.

（2）PC端和移动端同时修改导航菜单栏行高 ，减小行高为36px, style.min.css

.widget_navbar li a{display:block;line-height:36px;text-align:center;font-size:16px;letter-spacing:.5px}

.nav ul ul li a{display:block;line-height:36px;text-align:center;font-size:16px;letter-spacing:.5px;padding:0 30px}

（3）修改移动端文章正文页边距过大，20减小10px, style.min.css

.article_content{padding:10px}

（4）修改文章正文标题页下显示内容，让电脑端显示一些内容在移动端不一样，修改post-single.php文件，加入判断

<div class="info">
{if ydjijian_is_mobile()}
<span><i class="fa fa-navicon"></i><a href="{$article.Category.Url}" title="{$article.Category.Name}">{$article.Category.Name}</a></span>
<span><i class="fa fa-clock-o"></i>{$article.Time('Y-m-d')}</span>
<span><i class="fa fa-eye"></i>{$article.ViewNums}</span>
<span><i class="fa fa-commenting-o"></i>{$article.CommNums}</span>
{else}
<span><i class="fa fa-navicon"></i><a href="{$article.Category.Url}" title="{$article.Category.Name}">{$article.Category.Name}</a></span>
<span><i class="fa fa-user"></i><a href="{$article.Author.Url}">{$article.Author.StaticName}</a></span>
<span><i class="fa fa-clock-o"></i>{$article.Time('Y-m-d H:i')}</span>
<span><i class="fa fa-eye"></i>{$article.ViewNums}</span>
<span><i class="fa fa-commenting-o"></i>{$article.CommNums}</span>
{/if}
</div>

（4）二级菜单划过改为绿色背景style.min.css

.widget_navbar li:hover>a{background-color:#d6623d;color:#fff}.widget_navbar li ul li:hover>a{background-color:#05c160;color:#fff}

（5）菜单加入图标，参考下面网站

https://www.thinkcmf.com/font/font_awesome/icons.html