回复页面制作中……
折腾…继续折腾,花了一个下午的时间做出两个评论栏的样式,一个是古董型的,花了大部分的时间来处理细节,感觉比较好看,但功能就实在太单调了!另外一个是看教程做出来的支持原生嵌套回复的,基本就是改改代码,然后用上别人做好的CSS,那效果就一个字—丑!= =!
现在在考虑是基于第一个重新设计增加些功能呢?还是基于第二个重新设计界面呢?纠结啊,对第一个蛮有感觉的,但做成这样的样式都不知道怎么加嵌套功能才不会打破原有格局。
方案一:
折腾…继续折腾,花了一个下午的时间做出两个评论栏的样式,一个是古董型的,花了大部分的时间来处理细节,感觉比较好看,但功能就实在太单调了!另外一个是看教程做出来的支持原生嵌套回复的,基本就是改改代码,然后用上别人做好的CSS,那效果就一个字—丑!= =!
现在在考虑是基于第一个重新设计增加些功能呢?还是基于第二个重新设计界面呢?纠结啊,对第一个蛮有感觉的,但做成这样的样式都不知道怎么加嵌套功能才不会打破原有格局。
方案一:
忙了近一个星期,终于把主题的雏形做出来了。好几年没玩网页设计了,以前玩过Dreamweaver,做过个人主页,懂点HTML,现在网页设计基本都用xhtml+css来做了,不得不感叹技术进步的很快。
WordPress主题非常的多,但我上个月已经换了三个主题了……,期间对这三款主题进行反复折腾,三个主题都被我改到烂,然后扔了……不过在这过程中学习到不少知识,对主题的基本构造有了一定的了解。于是我找了不少主题制作的教程来看,如:我爱水煮鱼的教程那么你想创建 WordPress 主题吗?、幸福收藏夹的WordPress主题制作完全指南、WordPress啦出的wordpress主题制教程作电子书等。其中以我爱水煮鱼的教程为主,我现在这个主题的框架就是看着水煮鱼的教程一个个字母敲出来的。
主题做到一半的时候发现有点力不从心了,于是决定系统的学习一遍xhtml+css,在过了一遍后很多问题都豁然开朗了,接下来做起来顺手了不少。如果你想学习xhtml+css就去W3school吧,我看了好几种这方面的教程,数W3school的教程做的最好!活到老,学到老。接下来我会继续学习JavaScript 、DHTML 甚至于听说很让人抓狂的AJAX O(∩_∩)O。
我会不断的对这主题进行改进,比如评论部分就非常糟糕了,还是用水煮鱼给的代码,连头像都不支持= =,预计会增加一些CMS样式,界面也可能会大改……如果你有好的意见或建议,欢迎提出来,我会虚心接受的。:)
最近闲了点,抽点时间给博客添加了防盗链功能,运用.htaccess文件来实现。
.htaccess文件(分布式配置文件)提供了针对每个目录改变配置的方法,即在一个特定的目录中放置一个包含指令的文件,其中的指令作用于此目录及其所有子目录。htaccess功能非常的强大,可以实现非常多的功能。
以下是我的htaccess文件,文件直接放在你要保护的目录下面,如你要保护网站根目录下的DOWN目录或IMG目录,则直接放在DOWN/IMG文件夹里面就可以了。
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$ [NC]
RewriteCond %{HTTP_REFERER} !onlysb.com [NC]
RewriteCond %{HTTP_REFERER} !zhuaxia.com [NC]
RewriteCond %{HTTP_REFERER} !google.com [NC]
RewriteCond %{HTTP_REFERER} !baidu.com [NC]
RewriteCond %{HTTP_REFERER} !bloglines.com [NC]
RewriteCond %{HTTP_REFERER} !feedsky.com [NC]
RewriteCond %{HTTP_REFERER} !xianguo.com [NC]
RewriteCond %{HTTP_REFERER} !feedcat.net [NC]
RewriteRule .(jpg|gif|png|bmp|swf|jpeg|rar|zip) http://onlysb.com/shaobing.gif [R,NC,L]RewriteCond %{HTTP_REFERER} ****
这部分代码意为如果请求不是来自本站或是列表中的信任站点,则判断是盗链。(onlysb.com为本站域名,其它为一些搜索引擎或feed托管网站,请结合自身实际自行修改)
则转发至
RewriteRule .(jpg|gif|png|bmp|swf|jpeg|rar|zip) http://onlysb.com/shaobing.gif [R,NC,L]
(jpg|gif|png|bmp|swf|jpeg|rar|zip)括号内为要保护的文件后缀,可自行添加。
http://onlysb.com/shaobing.gif 为要转发的图片(此图片最好使用外链或尽量压缩图片大小,以节约流量,我使用的图才2kb大。
防盗链只是htaccess的一部分功能而已,如果你想学习更多的htaccess信息,你可访问
用了一阵子Techified,这款英文CMS主题功能强大,外观简洁又不失活力。我主要对其进行了简单的汉化和修改,以期能更符合国人的浏览习惯。
想比原版主题,修改版本主要有以下区别
1、对主题外观部分的字句进行了汉化,对整款主题的字体样式进行了修改,修改后默认是微软雅黑字体,稍微调整了字体的大小和颜色。
2、原主题侧边栏很空,修改后加入最新日志、最新评论、热门日志、标签这些功能。
3、侧边栏上边的Email订阅进行修改,加入了一些主要的FEED链接,方便订阅。
4、原主题footer部分进行了加密,修改后提供解密版本,方便加入备案、统计等信息。
5、主题整体页面比较长,又没返回顶部功能。修改后加入此功能,因为主题和jQuery冲突,只能采用纯CSS样式,代码来自prower的Prower V3主题,再次感谢。
6、原主题index页面标题下的日期作者等样式做了修改,删掉BOOKMARK功能(主要面对国外用户,考虑用国内的同样功能的代推,但加载速度实在是太慢,严重影响主页的加载,删掉了。)
7、原主题需要Popularity Contest 插件支持,修改后放弃此插件改用占用资源更低,功能一样强大的WP-PostViews Plus插件,相关代码已经修改好了。
8、

收藏&分享作出修改加入收藏,推荐鲜果热文等功能。
主题在所有主流浏览器下测试显示正常,压缩包里包含新版的必备插件,其中WP-RecentComments插件里面的代码有个细微修改,请使用修改后的版本,否则在firefox下评论栏会错位。如果遇到此主题的任何问题,欢迎回复,在我力所能及的情况下会尽量帮忙的。
点击下载:Techified汉化修改版1.0
预览一、图片(随便找了个国外的截图网站,仅供参考,默认是雅黑字体)
预览二、Google网页快照(可能会失效) 继续阅读余下的内容 »
不得不说Techified是一款堪称完美的主题,虽然在主题在中文显示有些瑕疵,但总的来说瑕不掩瑜。目前国内已经有数人对Techified主题进行了汉化,有趣的是,每人汉化的版本都有些差异。而汉化的结果在WordPress中文论坛评论也是褒贬不一,因为在汉化的过程中有些功能被阉割掉了,较之原版失色不少!
我现在用的Techified主题是自己修改的。侧边栏我修改了下,并简单的汉化了几个字句,以符合国人的浏览习惯。前几天,我的域名备案终于审下来,终于要下决心改掉footer了。搜索了下,目前主要有两种方法,有直接阉割footer_content.php,有的把footer_content.php集成到footer.php文件里。
我尝试了用IT狂人给出的footer代码,发现如果直接替换原文件,footer_content会跑到侧边栏去!后来反复鼓搞了这段代码,终于不会白屏,也不会错位了。
代码如下:(直接用此代码替换掉footer.php)
<div id="”footer_area”"> <div id="”footer_area_content”"> <!--p include (TEMPLATEPATH . ‘/footer_content.php’);--></div> </div> <div id="”footer_bottom”"> <div id="”footer_bottom_content”"> Copyright © <!--p echo gmdate(__(’Y'));--> <a href="”<?php">”><!--p bloginfo(’name’);--></a>. <a href="”http://www.technologytricks.com/techified-just-another-premium-wordpress-themes/”">Techified</a> theme by <a href="”http://www.ifreecellphones.com/”">Cell Phones</a>. Supported by <a href="”http://www.ifreecellphones.com/cheap-verizon-wireless-phones.asp”">Verizon Wireless</a>, <a href="”http://www.ifreecellphones.com/cheap-t-mobile-phones.asp”">T-Mobile</a> & <a href="”http://www.ifreecellphones.com/cheap-sprint-pcs-phones.asp”">Sprint</a></div> </div>
发现一个问题,代码插件会直接把前面两个闭合标签清除,请在上面那段代码前面加个两个< /div> (无空格),否则会出错
这就完美解决了,记得别把人家的版权给删了,这种行为先不说是不道德,就是稍微懂wordpress的人看到了也会一脸鄙夷。