更换新主题

2015年新主题为新的一天,提前更换了主题。需要微调的地方太多了。

发现了国内和国外主题的区别,国内优秀的wp主题基本上安装即用,把你能想到的功能全部基本全部搞定了。而国外的优秀主题全部是框架,需要自动添加的东西很多。

国内的主题要是自己用些其他的功能,插件,需要动手删掉很多主题自带的代码。而国外的主题至提供了WP的基本功能。国内的主题时精装修的房子,你要想个性就要自己砸墙,国外的主题是毛坯房,建筑很牢固,想要什么需要自己添加。

响应式布局,虽然一直没花心思去研究什么是响应式的网页,主题还是进行了一些修改。修改了侧栏的style。看起来更响应。

.widget_categories ul {list-style: none;margin-left: 18px;color: #999;}
.widget_categories li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 90px 8px 0;}
.widget_categories li a:hover{background-color:#f6f6f6;text-decoration: none;}

.widget_archive ul {list-style: none;margin-left: 18px;color: #999;}
.widget_archive li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 90px 8px 0;}
.widget_archive li a:hover{background-color:#F8FCFE;text-decoration: none;}

.widget_pages ul {list-style: none;margin-left: 18px;color: #999;}
.widget_pages li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 90px 8px 0;}
.widget_pages li a:hover{background-color:#F8FCFE;text-decoration: none;}

.widget_meta ul {list-style: none;margin-left: 5px;color: #999;}
.widget_meta li a{border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px;padding:8px 20px 5px 0;}
.widget_meta li a:hover{background-color:#333333;text-decoration: none;}

为主题文章分类目录模板页面Category.php,添加了分类描述。

<?php if ( category_description() ) echo '<div class="archive-header-info">'.category_description().'</div>'; ?>

修改了全文的默认字体大小,从0.95em更改为0.88em。计划是用14px大小的字体,换算一下,差不多0.88em,使用em单位便于浏览器调整字体大小。

还有配色的问题,喜欢的色调时简洁中带着一点亮色的感觉,还没有具体的想法。

 

赞(0) 打赏
未经允许,不得转载本站任何文章:不忘初心的知与行 » 更换新主题

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏