WordPress简约大气主题：Prower V6

430次阅读

共计 2050 个字符，预计需要花费 6 分钟才能阅读完成。

今天推荐给大家的是 @摄氏度的简约大气的博客主题 Prower V6，如果你喜欢安静地写文章，追求简约时尚，那这款主题或许适合你！

Prower V6 版的新主题增加了 WordPress 的日志形式支持（主要是每个日志前的小 ICON 图标，可以在编写日志的时候设置形式类别，具体的形式表现还没做差异化处理），不过只做了一部分的：日志、相册、视频、音频，主要是这几个平时用得多。

Prower V6 进行了简单的屏幕适配。对屏幕的适配原则是，在大屏上尽量多显示一些相关内容，而在小屏上则是以内容显示为主，这里大屏与小屏的区分，除了以 PC、移动设备进行区分外，屏幕分辨率小于 1280 的都被我划分在小屏的行列里，而大于 1280 分辨率的屏幕则归划为大屏，也就是只有在大于 1280 分辨率的情况下，才会显示侧边栏内容，其它的屏幕上是不显示侧边栏内容的。

Prower V6 主题有两处广告，分别是在底部以及内容页中间一处，需要修改这两处广告的朋友请到主题的以下两处修改，删除代码或是替换为自己的广告都可以，当然我还是希望使用的朋友能尽量保留一下我的广告，算是对我的支持，广告中的内容都是我自己做的产品。

底部广告修改，footer.php 文件，删除或是修改代码：

<div id="sponsor">
<a href="http://reader.mx/?utm_source=prower&utm_medium=web&utm_campaign=banner" target="_blank"><img src="http://media.reeoo.com/readermx.jpg" width="250″ height="100″ alt="ReaderMX" title="ReaderMX"></a>
<a href="http://faq.wopus.org" target="_blank"><img src="http://media.reeoo.com/faq_side.png" width="250″ height="100″ alt="WordPress 问答" title="WordPress 问答"></a>
<a href="http://reeoo.com" target="_blank"><img src="http://media.reeoo.com/reeoo.jpg" width="250″ height="100″ alt="精美网页设计欣赏" title="精美网页设计欣赏"></a>
</div>

内容中间部分广告修改，single.php 文件，删除或是修改代码：

<div><a title="web design inspiraiton" href="http://reeoo.com" target="_blank"><img alt="reeoo.com – web design inspiration" src="http://media.reeoo.com/reeoo_728.jpg" width="728″ height="90″ /></a></div>

另外，如果还想修改主题的头部或是底部的背景图及底色的话，请至主题的 images 文件夹里替换相应图片及修改 style.css 里的相应颜色代码。

头部背景图(blue_bg.png)，颜色代码为：

#header {background:#0067aa url(images/blue_bg.png) repeat; border-bottom:1px solid #005b97; box-shadow:0 1px 5px #003f68; width:100%; padding:5% 0; color:#90d5ff; text-shadow:1px 1px #005b97; z-index:1; position:relative;}

修改这里的 background、border-bottom、box-shadow、color 以及 text-shadow 的颜色值，分别是背景底色、下边框色、阴影颜色、文字颜色及文字阴影颜色

底部背景图为(gray_bg.png)，颜色代码为：

#footer {background:#888f96 url(images/gray_bg.png) repeat; border-top:1px solid #fff; box-shadow:inset 0 2px 5px #555; font-size:0.8em; padding-bottom:1em; padding-top:1em; color:#292f34; text-shadow:1px 1px #adafb1;}
#footer a {color:#292f34;}