WordPress主题ProwerV6发布下载

Prower V6

距离Prower V5主题发布已经有一年多了,是时间更新一下新主题了。

使用非IE浏览器(包括IE内核的)或是IE9以上版本的浏览器进行访问,获得更好的浏览体验。

Prower V6版的新主题增加了WordPress的日志形式支持(主要是每个日志前的小ICON图标,可以在编写日志的时候设置形式类别,具体的形式表现还没做差异化处理),不过只做了一部分的:日志、相册、视频、音频,主要是这几个平时用得多。以及进行了简单的屏幕适配。其它部分与V5版本差不多,依然是简洁为主的一栏式,宽分辨率的屏幕下可以显示侧边栏。

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

在大于1280的分辨率下,侧边栏内容显示,它是这样的:

ProwerV61281

在小于或等于1280分辨率的情况下,侧边栏被隐藏掉:

ProwerV61280

当然,iPad的横屏模式下,显示与小于1280的分辨率显示是一样的:

ProwerV6iPadL

iPad的竖屏模式下,则使用了与iPhone一样的显示模式,除去了内容之外的那些辅衬元素:

ProwerV6iPadP

iPhone下的显示,当然之前有朋友留言提醒说导航栏过多时,会被隐藏掉,这里修正了这个问题,当导航栏超出屏幕宽度时,是可以拖动导航栏以显示被隐藏掉的导航内容的:

ProwerV6iPod

内容页全貌:

prowerv6post

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

底部广告修改,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;}

同修改头部颜色一样,修改background、border-top、box-shadow、color及text-shadow的颜色值,另外再修改#footer a这里的链接文字颜色

请点击下载:ProwerV6主题

非常重要的,请在使用的过程中保留主题底部关于这个主题的链接,谢谢!

reeoo.com - web design inspiration

136条评论

  1. 空空裤兜说道:

    色调变了 挺大气的

  2. yaozuo3292说道:

    蓝色更沉静。美。

  3. loosky说道:

    这个很不错。

  4. micah.shi说道:

    期待,v5用的感觉非常好。

  5. 懒鱼说道:

    期待,简洁大气,不错

  6. Lucius说道:

    很大气啊,期待博主放出的那一天!

  7. oenhan说道:

    期待放出,什么时候能看到呀

  8. 啄木游弋说道:

    蓝色的header凸显简洁大气,很赞的视觉效果。

  9. Jingquan说道:

    期待中,什么时候发布?

  10. 1102说道:

    期待这个版本的发布,博主辛苦。

  11. baoernic说道:

    还是感觉5是个经典。

  12. 左岸读书说道:

    我不在用你的第一代。

  13. 左岸读书说道:

    是还在用。

  14. 左岸读书说道:

    我希望这个是两栏的,只有一栏,好多东西放不了。

  15. chenxiyi说道:

    仍然很好看 支持博主

  16. WOW说道:

    这个主题………………………………………………………………………………………………………………………我靠,屌爆了~~~

  17. 蓝冰说道:

    期待下~

  18. 九尾猫说道:

    超喜欢这个主题啊,期待放出!

  19. huangisaiah说道:

    小建议:
    1.comment处的发表评论按钮太大太方太突兀,倒不如原来v5版本
    2.comment处的评论框,为何不与评论区域和文章区域等宽
    3.comment的评论头像不与时间和ID水平居中?还是有意为之
    4.既然标签处有对阅读数的“查看”,也应该有对tag的“标签”两个文字
    5.顶部header的图片,一定不要只有蓝色版本……如果不考虑多颜色,请告知blue_bg.png的颜色取值好方便修改……
    6.在我对v5的自适应感到不满并开始寻找新主题时,v6“如约而至”。命运如此安排~希望主题尽早完善并发布!

    • huangisaiah说道:

      改正:
      1.发表评论按钮宽可适当减,长应适当加
      2.tag处的“标签”文字说明已经在icon处有了,我失言
      3.

      • ingpj说道:

        你在删除楼主主题广告时 产生了空格。评论按钮才会那样

    • huangisaiah说道:

      3.移动端的菜单栏处,面对过多的菜单,如何适配窄屏幕的手机?移动端可以考虑做成多栏菜单
      4.文章之间缺乏分隔线,移动端阅读时容易把标题和正文中的标题弄混(参见CSS选择器一文的移动端)
      5.移动端,comment区域,在窄屏幕下,“发表评论”四字会与“电子邮件地址不会被公开。 必填项已用 * 标注”重叠,下移一行怎么样
      6.

      • 摄氏度说道:

        嗯,非常感谢你的建议,所以说主题还有一些问题没有完善,还需要修改,然后才会发布。

  20. lghxeon说道:

    什么时间可以发布呢?好期待啊!。。。。谢谢!

  21. 唐赛儿说道:

    支持哦 哈哈 很漂亮

  22. 阿呆说道:

    路过!

  23. 常阳时光说道:

    wow,看到我的头像在截图里面了……

  24. 狼桃说道:

    很简约又有调调的主题,适合写点自己的心情

  25. Jingquan说道:

    哈哈,终于发布了,支持。

  26. Jingquan说道:

    博主?你的是文章缩短,怎么我的显示全文?

  27. Lucius说道:

    很不错,拿走了,十分感谢

  28. 读万卷说道:

    非常感谢 这个主题很好看 我使用你的主题修改的网站 http://www.duwanjuan.cn

  29. 乐大叔说道:

    在Android的平板竖屏下显示效果不是很好,两边的留白太多,导致中间内容很挤,同时头部的搜索框跟博客副标题在一行导致了内容重叠的问题,建议修正一下,可以直接采用手机打开的界面即可,简洁大方就成,我是用Nexus7测试的,效果截图可以去这里看下http://pan.baidu.com/share/link?shareid=463208&uk=3507813563

    • hi说道:

      可能是你的浏览器开启了PC浏览模式,切换回移动浏览看看,我的界面适配很好。

      • 乐大叔说道:

        是因为chrome的原因哈,不是PC浏览模式的缘故,我连手机上装chrome去打开,都错位了

        • 摄氏度说道:

          不对呀,我测试过不管是iOS或是Android上的Chrome都没有问题的,屏幕适配是正确的。

          • 乐大叔说道:

            我分别用两台Nexus7和一台MX2手机都测试了,只要是Chrome就适配出问题,不管是我自己装上,还是浏览博主的站,都有问题

            • 摄氏度说道:

              这个问题就太怪异了,你对这几个设备的Chrome有做其它的设置吗?还是就是默认的。因为我测试了Google Nexus 4还有iPad还有iPhone这几个设备里的Chrome都没有出现过问题。

              • 乐大叔说道:

                恩,我确定没有任何特殊的设置,这几天我拿同事的Nexus7用chrome试了,也有问题,但是我XT910上的Chrome又没问题,很奇怪

  30. 李明说道:

    请问点击页面后,被点击的页面名称上面那个三角箭头是怎么实现的?谢谢

    • 摄氏度说道:

      当前页面或是栏目下会自动生成一个class,针对这个写样式就行。

评论已关闭。