首页 > wordpress > 自己制作wordpress主题

自己制作wordpress主题

2009年3月19日

对于各位对html、css、php不大明白又想自己制作个性化的wordpress主题的用户来说,面对一大堆的代码实在是很头痛的事情。这里,我提供几个通过实践筛选出来的方法,使你不需要掌握任何的CSS和PHP知识也可以制作出自己喜欢的wordpress主题:
1、templatr   http://templatr.cc/
这是目前为止我发现的功能最强大最完善的wordpress主题可视化制作程序,而且是在线制作,不需要下载任何程序,而且,最开心的是,你制作的任何一个主题,都可以下载为中文版的,彻底免去了汉化的麻烦。
使用方法:


打开templatr.cc网站(点这里),第一步在Select an Layout里选择你想要的栏目样式,有二十多种样式可供选择,第二步在Upload the Graphic stuff里上传你将要在主题中用到的图片,接下来,就开始设计了,不过,在此之前,你还是要先了解一点CSS常用术语,不然会弄糊涂的,比如:margins(外补丁)、paddings(内补丁)、border(边框)、float(浮动)等等,有不明白的地方,建议查一下CSS手册,其他的,稍微有一点点英文基础就可以弄明白哈,实在不懂,就baigoogledu吧,只需了解其含义就可以进行编辑了。在制作过程中在预览界面里之间点击需要设计的地方就可以进行编辑了,敬请发挥你的创意吧。
制作完成后,下载中文版,上传,启用,OK了。
如果对最后生成的作品不满意,那就进行再加工吧。比如,在这里制作的wordpress是没有导航栏的,如果你想要加上wordpress导航栏,怎么办呢,很简单,去下载一个带有导航栏的主题,在header.php里找到以“<div class=”nav”>”开头的一段代码,复制到你自己设计的主题header.php里的相应位置里,然后在刚才那个主题的style.css里查找#nav开头的代码,同样复制到你自己主题的style.css文件里,如果该导航栏和你主题不搭调,那么稍微修改下这段代码,或者下载一个风格近似的主题,按以上方法拷贝其导航栏,注意有些导航栏是带图片的,就要把相关图片也复制到相应目录里。
要制作一个wordpress主题,总要费点功夫的哈,否则,干脆用别人的主题好了。同时,对于那些想学习设计wordpress主题的人,我觉得从这里开始也是一个不错的选择。
总之,这个网站很好很强大,不想制作也要进去玩玩。
2、Wordpressthemegen.com
这是一款免费的wordpress主题桌面制作程序。使用非常简单,完全可视化。适合制作简洁个人blog主题。
只需下载一个小小的软件(点这里下载),安装之,运行之。
只需鼠标轻松点击几下,就可以设计出个性十足的wordpress主题。
不知道为什么,它们就是不提供导航栏设计,也许老外认为这不重要吧,同样,按上面的方法自己加一个。或者,干脆不要,我也觉得可有可无。另外,在这里生成的主题,我建议在STYLE.CSS里手动增加一下.post和.siderbar的宽度,有点小。其他的都完美啦。
3、最简单的wpthemegen
这是一个在线WP主题制作程序,使用界面非常友好非常简单,功能也很齐全,大概是目前使用最多最简单易用的WP主题定制程序。
进去看看吧,随心所遇。
以上三款,是我挑选出来的wordpress主题可视化制作程序,使用这些程序做出来的主题,应该说只是一个胚胎,可以帮你省去很多写代码的麻烦,重要的还是后面的加工,所以,多掌握一点css 和PHP知识,是必须的。
来自:向日葵网志      omanda

小武 wordpress , , , , , , ,

  1. 2009年3月19日22:31 | #1

    你好,我是从谷哥到这的,你的博客真不错,文章也写得好。有技术含量。

    一般主题 的导航栏都是一行的,我希望把它弄成二行,或是三行,如何操作,能否指点下。谢了。祝快乐。

  2. 2009年3月20日01:16 | #2

    @上海铁路时刻表
    谢谢支持。
    你的问题应该通过修改CSS就能解决,你试试这样:
    首先将导航栏的高度增高:在style.css里,找到#navigation(也可能是#nav,具体要看你的主题,在header.php里查看一下。),将#navigation{}里的height属性加大一倍,然后在#menus li {}(也可能你的主题名称不一样)内加上“white-space:nowrap;”
    你试试这样行不。

  3. 2009年3月20日13:10 | #3

    >, < 小武是不是也做软文丫。

  4. 2009年3月20日14:22 | #4

    @Lele

    :)
    呵呵,算不上软文吧。。。
    最近在做主题,看代码看晕了,找了点偷懒的办法,就跟大家分享下~

  5. 2009年3月20日14:25 | #5

    @小武

    感谢,小武

  6. 2009年3月20日16:14 | #6

    那再想请问一下,能否把我博客里的友情链接改成二栏?需要改动什么文件吗?谢谢了。

  7. 2009年3月20日17:07 | #7

    @短歌行
    不知道你要怎么样的两栏哦,我改了一个给你看下。
    你看下我的,有友情链接和网站收藏两栏,是这样的吗。
    这个很简单,你在后台“链接分类目录”里添加一个链接分类,然后加一些链接过去就可以了!

  8. 2009年3月20日17:58 | #8

    如果你是想显示成两列,只需修改STYLE.CSS既可。
    参考这篇文章:http://fairyfish.net/2008/07/28/css-problem-between-float-and-list-style-image/
    找到你的友情链接的标签,不同的主题可能不一样,主要就是两个属性要注意,一个是width要定义成整个侧边栏宽度的一半以下,然后float:left。

  9. 2009年3月20日22:00 | #9

    好的,我试试看,谢谢你了。

  10. Rhighinlehign
    2009年7月29日18:39 | #10

    18]вологодский знакомств

  1. 目前还没有任何 trackbacks 和 pingbacks.
本文的评论功能被关闭了.

ӣҸĻȾ,ɾӹȫ.
ugg boots ugg boots sale ugg boots outlet
ӣվĶ٣ÿ쿴ɾ, ұ˫Ϊ˴Ǯ;ãӲҪɾҾɾվɾipҲ㡣
ʪκ Ҹ½չ ﲡҽԺ ɹͷ ҽư ƷΰЧҩ ǿ ǰп潺 Ҹεҩ θõҽԺ ֢ Ƽʪõҩ ﲡרҽԺ ʪκ ¹ڷҺ ̿۸ lovegreen californianews