当前位置: 首页 > 设计 > 正文
avatar

威言威语仿制PJBlog主题,经典的黑白主题,完美的仿制,外观基本类似。

此主题精简版已经发布,想使用的朋友可点击 『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风格的类似。

小小的先预览下:

本文固定链接: http://www.weisay.com/blog/imitate-wordpress-theme.html | 威言威语

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

  1. avatar
    23楼
    43度 Google Chrome Windows

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

    2012-06-25 11:14 [回复]
    • avatar
      William Google Chrome Windows

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

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

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

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

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

    2011-09-08 09:38 [回复]
    • avatar
      William Maxthon Windows

      额,右击保存一下就全有了~ :lol:

      2011-09-08 13:21 [回复]
  4. 不错,下载了

    2010-05-30 11:53 [回复]
  5. avatar
    19楼
    crendy Unknow Browser Unknow Os

    博主 你那个文章分类 怎么弄左边 而且其他插件都在右侧边的 啊?
    http://www.crendy.cn

    William 于 2010-05-29 04:01 PM 回复
    这个是通过修改代码实现的,修改了很多代码,将分类之类的定位到了左边。

    2010-05-29 13:19 [回复]
  6. avatar
    18楼
    crendy Unknow Browser Unknow Os

    路过,!~ 博主好像很厉害!~呵呵

    2010-05-29 13:08 [回复]
  7. avatar
    17楼
    kyomic Unknow Browser Unknow Os

    不错,那偶也抄一个。!

    William 于 2010-04-26 01:22 AM 回复
    你那个修改之后也很不错,不过我倒是觉得如果只有小日历的话,再加个作者感觉有点怪怪的,不如直接只有日历看着舒服。

    2010-04-25 13:37 [回复]
  8. avatar
    16楼
    wendylam Unknow Browser Unknow Os

    不错阿。。。
    我做设计的。谢谢。www.i-pz.cn

    William 于 2010-02-25 11:28 AM 回复
    看了你的站,很不错~

    2010-02-25 11:00 [回复]
  9. avatar
    15楼
    lefiy Unknow Browser Unknow Os

    很不错,不知道博主什么时候能放出来给大家分享?

    2010-02-20 01:44 [回复]
  10. avatar
    14楼
    抛物线 Unknow Browser Unknow Os

    不知道什么时候自己能用上

    2010-02-03 10:52 [回复]
  11. avatar
    13楼
    草民会所 Unknow Browser Unknow Os

    —_—|| 您真厉害.不细看我还和我的分不出呢.我就用的WP…

    William 于 2010-02-01 09:37 PM 回复
    呵呵,仿这套皮肤也花了很长时间了~

    2010-02-01 17:10 [回复]
  12. avatar
    12楼
    kr68.cn Unknow Browser Unknow Os

    很不错的模块啊

    2010-02-01 00:21 [回复]
  13. avatar
    11楼
    吉光片羽 Unknow Browser Unknow Os

    不错!但是牺牲应该蛮大,呵呵,要是移植到PJ4上,估计又得动大手术了,呵呵。

    William 于 2010-01-27 11:15 PM 回复
    哈哈,到时候再说,PJ4还不知道何时出来呢,那个急不来~

    2010-01-27 20:46 [回复]
  14. avatar
    10楼
    kaisay.cn Unknow Browser Unknow Os

    IE6 列表模式下侧边栏下沉

    William 于 2010-01-24 03:15 PM 回复
    是的,谢谢提醒,已经修正了~

    2010-01-24 13:28 [回复]
  15. avatar
    9楼
    混乱羽翼 Unknow Browser Unknow Os

    哇。。看了第一眼,吓我一跳。。。
    我还以为又一个wordpress呢…
    看起来蛮不错。。不过有些细节上还是不如wp,嘿嘿

    William 于 2010-01-22 10:47 AM 回复
    呵呵,改了有一些日子了,毕竟是PJBlog,不是WordPress,肯定有点PJ的特色了。顶部的导航与原来的还有些差距,有点小遗憾。

    2010-01-21 22:47 [回复]
  16. avatar
    8楼
    左岸岛 Unknow Browser Unknow Os

    哇~~一段时间没逛网了,威兄又出大作啦~~很喜欢这款的,当时在WP上看到,可惜当时没PJ版的~

    William 于 2010-01-20 08:43 PM 回复
    呵呵,花了很久才改好的。博客源码面目全非了~

    2010-01-20 00:39 [回复]
  17. avatar
    7楼
    Yancy Unknow Browser Unknow Os

    哇 果然是威言威语制作强人,前来支持下。

    William 于 2010-01-17 02:08 PM 回复
    哈哈,谢谢支持~

    2010-01-17 00:37 [回复]
  18. avatar
    6楼
    青春挽歌 Unknow Browser Unknow Os

    绝对相信威兄的实力!

    William 于 2010-01-15 11:20 PM 回复
    哈哈,也有同学的帮忙,不然还真弄不起来。

    2010-01-15 22:18 [回复]
  19. avatar
    5楼
    feln Unknow Browser Unknow Os

    可惜我不用PJ了 皮肤确实很好 尤其是文章左边的标签~

    William 于 2010-01-15 01:22 PM 回复
    呵呵,改了很多的文件,让其标签自由化

    2010-01-15 11:05 [回复]
  20. avatar
    4楼
    任侠 Unknow Browser Unknow Os

    貌似几天前你博客就是这身装扮。。

    William 于 2010-01-15 01:21 PM 回复
    前些日子只是做了一个大概,一些细节部分没有完全的搞好。

    2010-01-15 11:01 [回复]
  21. avatar
    地板
    ssiinn Unknow Browser Unknow Os

    估计“true”的意思是说评论框中,昵称,密码,邮箱,网址的输入框长度不一样,特别是邮箱后面有个(邮箱仅管理员可见)字样,字太多导致换行了,不整洁了。
    这个皮相当的好,非常喜欢,就是不知道博主到时候能不能共享给广大pjbloger呢?期待哦。
    [reply=William,2010-01-15 01:21 PM]你说的倒是不错,我要修改修改。
    共享还要等段时间,要经过一段时间的测试,有些刚刚修改好的。[/reply]

    2010-01-15 10:02 [回复]
  22. avatar
    板凳
    true Unknow Browser Unknow Os

    这个评论区域太大了啊。简化点啊。。。。
    [reply=William,2010-01-15 00:11 AM]评论区域太大?
    不是很明白你的意思,貌似PJ的评论就是这样的~[/reply]

    2010-01-14 23:52 [回复]
  23. avatar
    沙发
    popo Unknow Browser Unknow Os

    看得出,做这个是个大工程。

    William 于 2010-01-15 00:02 AM 回复
    是的,绝对的一个大工程~

    2010-01-14 23:29 [回复]

发表评论

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

快捷键:Ctrl+Enter