精仿WordPress皮肤『wp-mono』-威言威语

精仿WordPress皮肤『wp-mono』

William2010-01-14 22:25设计10,301次阅读25条评论

扫一扫手机看

此主题精简版已经发布，想使用的朋友可点击『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』

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

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

23楼
43度：

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

2012-06-25 11:14 回复
- William文章作者：
  
  这个彻底改了结构了，修改了N多源码，有CSS也玩不了了
  
  2012-06-26 23:41 回复
22楼
小磊子：

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

2012-01-06 16:19 回复
21楼
洁儿：

好喜欢博主的这个评论表情，可否求一个..

2011-09-08 09:38 回复
- William文章作者：
  
  额，右击保存一下就全有了~
  
  2011-09-08 13:21 回复
20楼
百家乐娱乐城：

不错，下载了

2010-05-30 11:53 回复
19楼
crendy：

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

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

2010-05-29 13:19 回复
18楼
crendy：

路过，！~ 博主好像很厉害！~呵呵

2010-05-29 13:08 回复
17楼
kyomic：

不错，那偶也抄一个。！

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

2010-04-25 13:37 回复
16楼
wendylam：

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

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

2010-02-25 11:00 回复
15楼
lefiy：

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

2010-02-20 01:44 回复
14楼
抛物线：

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

2010-02-03 10:52 回复
13楼
草民会所：

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

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

2010-02-01 17:10 回复
12楼
kr68.cn：

很不错的模块啊

2010-02-01 00:21 回复
11楼
吉光片羽：

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

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

2010-01-27 20:46 回复
10楼
kaisay.cn：

IE6 列表模式下侧边栏下沉

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

2010-01-24 13:28 回复
9楼
混乱羽翼：

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

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

2010-01-21 22:47 回复
8楼
左岸岛：

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

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

2010-01-20 00:39 回复
7楼
Yancy：

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

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

2010-01-17 00:37 回复
6楼
青春挽歌：

绝对相信威兄的实力！

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

2010-01-15 22:18 回复
5楼
feln：

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

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

2010-01-15 11:05 回复
4楼
任侠：

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

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

2010-01-15 11:01 回复
地板
ssiinn：

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

2010-01-15 10:02 回复
板凳
true：

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

2010-01-14 23:52 回复
沙发
popo：

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

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

2010-01-14 23:29 回复

发表评论

23楼

43度：

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

2012-06-25 11:14 回复

William文章作者：

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

2012-06-26 23:41 回复

22楼

小磊子：

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

2012-01-06 16:19 回复

21楼

洁儿：

好喜欢博主的这个评论表情，可否求一个..

2011-09-08 09:38 回复

William文章作者：

额，右击保存一下就全有了~

2011-09-08 13:21 回复

20楼

百家乐娱乐城：

不错，下载了

2010-05-30 11:53 回复

19楼

crendy：

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

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

2010-05-29 13:19 回复

18楼

路过，！~ 博主好像很厉害！~呵呵

2010-05-29 13:08 回复

17楼

kyomic：

不错，那偶也抄一个。！

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

2010-04-25 13:37 回复

16楼

wendylam：

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

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

2010-02-25 11:00 回复

15楼

lefiy：

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

2010-02-20 01:44 回复

14楼

抛物线：

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

2010-02-03 10:52 回复

13楼

草民会所：

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

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

2010-02-01 17:10 回复

12楼

kr68.cn：

很不错的模块啊

2010-02-01 00:21 回复

11楼

吉光片羽：

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

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

2010-01-27 20:46 回复

10楼

kaisay.cn：

IE6 列表模式下侧边栏下沉

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

2010-01-24 13:28 回复

9楼

混乱羽翼：

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

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

2010-01-21 22:47 回复

8楼

左岸岛：

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

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

2010-01-20 00:39 回复

7楼

Yancy：

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

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

2010-01-17 00:37 回复

6楼

青春挽歌：

绝对相信威兄的实力！

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

2010-01-15 22:18 回复

5楼

feln：

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

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

2010-01-15 11:05 回复

4楼

任侠：

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

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

2010-01-15 11:01 回复

地板

ssiinn：

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

2010-01-15 10:02 回复

板凳

true：

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

2010-01-14 23:52 回复

沙发

popo：

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

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

2010-01-14 23:29 回复

精仿WordPress皮肤『wp-mono』

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

发表评论

主题下载

最新评论

热门日志

精仿WordPress皮肤『wp-mono』

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

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

发表评论

主题下载

最新评论

热门日志