用Amaze UI制作Wordpress主题

2015-01-26 17:16:06

如题,苦逼的期末考试终于完了,索性RP值可以,所以都过了~哈哈哒,别的学校都放假了,我们这还要做一周单片机的课设….由于有学霸这种生物的存在,所以课设基本不用担心了。一句话就是这几天想做(xian)点(de)什(dan)么(teng)。看到Amaze UI正在蓬勃发展,作为中国人的第一个开源项目,虽然跟bootstrap还有一定差距,但相信会越来越好的~趁着闲着就玩玩呗,正好一直想做Wordpress主题,就一起吧。

制作完就打包发布吧…原谅我的装13,版本为Walker1.0,Walker取“自行者无疆”。

lal

先上一张图~比较简陋,不过第一次就原谅自己了。

huaban

huaban (1)

将浏览器缩小至手机比例,可见Amaze UI对移动端的适应还是蛮不错的。

ama

总用时一天,上午学习了下Wordpress主题的制作,下午用Amaze UI实战完成,感觉Amaze UI在文档编写上存在很多问题,很多说明比较含糊,示例也比较少,不过样式还是比较漂亮,对移动端的兼容也很好,值得期待。

最后分享下学习资源:

WordPress主题制作入门:http://www.ludou.org/create-wordpress-themes-prepare.html

WordPress函数参考:http://codex.wordpress.org/Function_Reference

Amaze UI:http://amazeui.org/

成品主题想要的拿去~哈哈http://pan.baidu.com/s/1mgIaSoo

欢迎留言交流。

修改WordPress中the_excerpt()函数截取中文的长度

方法一:修改wordpress文件,直接把函数的输出长度改为需要的长度。 这个方法改起来很简单,找到wp-includes下的formatting.php文件,查找function wptrimexcerpt($text)函数,找到excerpt_length,把相对应的55修改成自己喜欢的数值即可。 这个方法的优点是修改简单,但是缺点也很明显,侵入了wordpress的文件,一旦博客升级这个方法就会失效。 方法二:在主题 functions.php 文件加入: [php] function custom_excerpt_length( $length ) { return 200; } add_filter( ‘excerpt_length’, ‘custom_excerpt_length’, 999 ); [/php]

居中问题

垂直居中 div/text垂直居中: 父级div:display:table 子元素: display: table-cell; vertical-align: middle; img垂直居中: 父级div: 设置line-height; img:vertical-align: middle; 不确定宽高的div水平居中: 父级div  text-align:center 子级div  display:inline-block