威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

精仿WordPress皮肤『wp-mono』

威言威语仿制PJBlog主题,经典的黑白主题,完美的仿制,外观基本类似。
精仿WordPress皮肤『wp-mono』

此主题精简版已经发布,想使用的朋友可点击 『Weisay Mono』精简版

自从看到WordPress的主题monochrome之后,就越发喜欢这套皮肤,这是一位日本人设计的,这套皮肤做的很细腻,图片的处理上做的很好。

PJBlog使用此类风格还是有难度的,因为PJBlog的标签比较固定,没有WordPress那么灵活,所以真的想使用这个皮肤的话要修改很多东西。

经过好些日子的不断调整,现在已经基本完成了这套皮肤从Wordpress到PJBlog的转化,并且对PJBlog的全静态,半静态,全动态都支持。这里感谢我同学王晔的大力支持。

有时候越是难实现的皮肤越是有挑战力度。

这套皮肤是在戒聊提供的v300上修改的,352那个版本我使用了下,问题太多,不推荐使用。因为PJ3是彻底谢幕了,PJ4出来也不知道是何时,所以也不用担心升级的事情了,因而可以大胆的动手术了。

首先是整体的结构,为了省事我把PJ的文章页的结构改为WP文章页的结构,这样方便CSS的引用。

小日历,本来使用的是论坛某位大大的版本,那个版本就是比较的固定,不怎么好调整结构,就是上面是年月,下面是日,于是就在他的基础上写了新的小日历,三种状态都支持(我准备将他从这套风格中抽出来,敬请期待),我修改的小日历是将年、月、日分开显示的,这样可以通过CSS变换出各种式样,如果不想显示其中的某一项可以直接CSS控制,年代取的是4位的,如:2010,当然也可以显示2位,想怎么调整就怎么调整,简单、方便、美观。

分类,Tags,评论,查看次数的显示,为实现这些效果已经将PJ的程序改的面目全非了。

Gravatar头像的位置调整,原始的Gravatar头像位置不怎么好添加一些效果,位置也比较呆板,将其拖到了评论框(留言框)的外面,增加其美观度。修改了留言本开启Gravatar头像下留言显示2个头像的问题,让其只显示一个头像,留下邮箱的就显示邮箱头像,没有则是系统默认选择的头像,更加的人性化一些!

为了完美支持PJBlog,我可是下了一番功夫,考虑了很多问题,比如:置顶日志,加密日志,私密日志的显示,三个状态的完美支持。

当然了,还有很多的小细节,基本保证了与WP风格的类似。

小小的先预览下:

PJBlog仿WordPress主题『Weisay Mono』

您可能还会对这些文章感兴趣!

精仿WordPress皮肤『wp-mono』:目前有 25 条评论

  1. 43度
    23楼
    43度:Google Chrome 21.0.1171.0 Windows 7

    左边样式,怎么弄的,css文件可不可以共享一下 :cool:

    2012-06-25 11:14 回复
    • William
      WilliamGoogle Chrome 19.0.1084.52 Windows 7

      @43度这个彻底改了结构了,修改了N多源码,有CSS也玩不了了

      2012-06-26 23:41 回复
  2. 小磊子
    22楼
    小磊子:360安全浏览器 Windows 7

    很感谢楼主的热心精神,支持

    2012-01-06 16:19 回复
  3. 洁儿
    21楼
    洁儿:360安全浏览器 Windows XP

    :shock: 好喜欢博主的这个评论表情,可否求一个.. :cry:

    2011-09-08 09:38 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry