wordpress真是个神奇的东西

确切的讲,我应该是2011年11月初开始接触wordpress的。再那之前的两个月里,因为办公室恰好有一天闲置的电脑,就想着怎么充分利用起来,然后建个网站的想法就蹦了出来。经过一番折腾和摸索,用一个叫做帝国内容管理系统(ECMS)的建站程序,搭建了我这辈子第一个真正意义上的个人网站,网站的名字是FM517。

老板的名字里有一个“锋”字,我们的办公室门牌号是517,所以我们经常自称“锋蜜517”。网站运行了几天就被我扔掉了,不知道是个人技术原因还是怎么的,感觉ECMS太庞杂,而且定制性也不强,做出来的网站大同小异,遂果断放弃。

后来在颐和园路5号网站上,看到他们是用wordpress开发的,提到了wordpress是多么受欢迎,多么的容易进行个性化定制。一番百度、谷歌之后,果断在本地电脑上搭建了wordpress测试站,由此开始了我与它的“缘分”。

wordpress安装实在是太简单,挑选主题却让人很纠结,主题太多,挑出一个中意的来,实在是一件很费脑筋的事情;再加上我骨子里应该是有一些不安定因素的,因此就开始探索着自己制作主题。我的第一个主题,其实完全就是把我爱水煮鱼的教程给粘贴复制了一遍,经过这一遍之后,已经大体明了了一个wordpress主题需要哪些文件来驱动,以及最富盛名的wordpress loop结构。

第一个主题纯属练手,没有上线运行就被我扔了。主题制作继续进行,在这个过程中我的公卫研究生网站上线,开始给它穿我自己制作的衣服,第一件真正穿上的衣服丑的要命,以至于我在wp论坛宣传的时候直接用了我的小丑站这么一个标题。再后来,仿制了一款蓝色主题,框架是我自己的,背景设置以及大背景图片是别人的。

蓝色epiman截图

公卫研究生

再往后,北京大学教学促进通讯要更换主题,使用一个叫做blank-theme的框架,又做了一个偏灰色调的主题,不过这个主题让我很不满意,尤其是顶部一点都不协调,挤挤歪歪的,不过没办法,领导要求做成什么样子就得做成什么样子,受制于人。下面的截图是我的初稿,看看通讯现在实际的效果就知道我为什么不满意了。

思念色pkullt主题

啄木游弋的主题

做了几次主题之后,我发现这实在是一件非常耗费时间和精力的事情。作为一个具有基本功能的主题,抛开很炫的各种动态效果,其实构架还是比较简单的,主体架构就是一个loop循环,那么哪里最耗费时间呢?个人感觉毫无疑问是css的编写,css才真正是一个主题的核心文件,也是一个主题不同于其他主题的最关键之处;而我在主题制作中最大的难点也存在css里面,因为没有很敏感的平面设计思维,你不知道怎样布局是恰当的,比如字体用什么,字号用多大,背景色如何搭配,背景图如何选择,各种行间距、段间距、各种对齐、各种居中,很让人头痛。

所以我自己做出来的主题,不用别人说,自己看上去就觉得非常不professional,向上面的pkullt主题,有个人一眼就看出来,说“是你自己进行了修改吧?”,也是,怎么调试,和专业设计人员做出来的都有很大的差距。

wordpress官方网站有一句宣传语,”code is poetry” ,代码如诗。我觉得css语言更像是优美的诗歌,又像是马良手中的画笔,它可以在小小的显示器屏幕上,描绘出各种各样无与伦比的美丽图画。正是基于对css以及wordpress的喜爱,我不停的学习制作各种主题。现在网站用的这款橘黄色主题,是我做的比较满意的第三款主题,也算是仿制的其实,主要吸收了love the orange、万戈主题的外观特色制作而来。

本来是打算orange主题制作完成后,暂时要“歇业整顿”,毕竟我还有不少事情要忙。可前几天看微凉的风的小站,觉得他用的fatmouse的一款主题特别清爽喜人,他说是从pjblog主题请人仿制过来的。后来去网上找到了这款pjblog版的主题,看很多人对它评价挺高的,就手痒忍不住了,正好乘着周末,用将近两天的时间仿制了一番。把它成功的从pjblog皮肤给翻译成了wordpress主题。嘿嘿,看效果图。

I-purple主题

啄木游弋仿制主题

目前是具备了一个主题的基本功能,我觉得单纯个人用来写生活博客应该是足够了,毕竟内容才是王道。不过还想等以后把它整的功能更强大一些,最好是打造成我自己的starter theme。当然外观应该不会有太大改变了,主要是想以后弄点比较炫的效果加上什么js,什么ajax。不过这是后话了。短期内我是不能再折腾了,再折腾我就要shi了。

大爱wordpress,大爱css,over,希望你也喜欢。要是能给我的主题提点意见就更赞了。

回复

  1. 一念花开 的头像

    仿真主题应该很费时间吧。

    1. 啄木游弋 的头像
      啄木游弋

      费时间是真的,但乐在其中也是真的,不足为外人道。

  2. yao先生 的头像

    通过WP里面扒皮教程而来,谢谢分享

    1. 啄木游弋 的头像
      啄木游弋

      不客气,我也是个小菜鸟,正在享受wp魅力的小菜鸟,欢迎一起分享讨论哈。

  3. giant888 的头像

    感觉这个过程很费事的,呵呵

    1. 啄木游弋 的头像
      啄木游弋

      主要是css的美化很费精力,各个php文件的架构倒是差不多一样的,直接照抄照搬了。不过,尽管费事,但乐趣也在其中。

  4. 饭团同学x 的头像

    其实我觉得主题看得顺眼就好,内容更重要吧= =
    ——虽然有的时候喜欢找主题胜过写东西

    1. 啄木游弋 的头像
      啄木游弋

      恩恩,我也是觉得内容更重要,但看到好看的主题还是忍不住去仿制。找主题太费脑细胞,都能挑花眼。

  5. 睡着的水 的头像
    1. 啄木游弋 的头像
      啄木游弋

      の,最新一篇不就是扒皮教程了吗?扒皮的基本方法也就是我提到的那些了。或者你想看更详细的?给个具体的想法,要是我能做到,我会慢慢写的。当然,我也是初级菜鸟,才刚开始学习没多久。

  6. [ 小牆懷疑這可能是 Spam! ]
    […] #navigation{margin-left: 20px;} #navigation ul, #navigation ul li { margin: 0; padding: 0; } #navigation > ul > li { float: left; list-style: none; position: relative; margin-left:10px;} #navigation > ul > li > a { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white; padding: 10px 10px; text-align: center; text-decoration: none; background-color: transparent; } #navigation > ul > li > ul { position: absolute; top: 36px; left: 0; display: none; } #navigation > ul > li:hover > ul { display: block; } #navigation > ul > li:hover > a { background-color: #ee5500; } #navigation > ul > li > ul > li { list-style: none; } #navigation > ul > li > ul > li > a { width: 100px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; padding: 5px 10px; text-align: left; text-decoration: none; background-color: #ea7521; border-top: 1px solid #fff; } #navigation > ul > li > ul > li > a:hover { background-color: #ee5500; } « wordpress真是个神奇的东西 […]

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

You may also enjoy…