刚开始建立WordPress博客的时候对于自定义域不是很了解,之后通过搜索相关知识:发现原来WordPress自定义域可以做很多事情,今天断桥残雪就说说WordPress自定义域三个用处:给某一日记添加js或者CSS,给加密的日志添加密码提示信息、首页显示日志缩略图。
给某一日记添加js或者CSS
WordPress 在发布日志时会对过滤一些Javascript、CSS内容,所以我们无法直接把JS、CSS直接写到日志,当然我们可以通过修改主题来实现。可是如果修改主题,把JS或者CSS的内容添加到 header.php 文件中,那么博客所有的页面都会加载这些内容,这样势必会造成整个博客效率下降。所以这个时候我们可以通过 WordPress 自定义域来给某篇的日志单独加载Javascript 和CSS。文章最后再介绍一种管理WordPress自定义域的小技巧工具。
假设我们给日志单独加载JS、CSS的自定义域名称是 head_JS_CSS。那么你首先需要把下面这段代码复制到你主题根目录下的 functions.php 文件中:
function head_JS_CSS(){
if (is_single() || is_page()) {
global $post;
$head_JS_CSS = get_post_meta($post->ID, 'head_JS_CSS', true);
echo $head_JS_CSS;
}
}
add_action("wp_head","head_JS_CSS");
现在你在添加日志的时候,在WordPress自定义域区域,创建一个新的名称为:”head_JS_CSS”自定义域,在“值”输入你要单独为这篇日志加载的 Javascript 代码或者 CSS 即可。
继续阅读全文……
今天发现一篇不错的文章,特来转载一下,方便学习使用。
英文地址:http://www.impressivewebs.com/7-javascript-differences-between-firefox-ie/
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中,作者介绍了7个JavaScript在IE和Firefox中存在的差异。
另外断桥残雪刚刚整理了一部分javascript在IE和Firefox下的差异写法:《Javascript在IE与Firefox下的差异写法总结》
1. CSS “float” 值
访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为”header”的<div>的 background-color值,我们使用如下句法:
document.getElementById("header").style.backgroundColor= "#ccc";
但由于”float“这个词是一个JavaScript保留字,因此我们不能用 object.style.float来访问,这里,我们可以在两种浏览器中这么做:
在IE中这样写:
document.getElementById("header").style.styleFloat = "left";
在Firefox中这样写:
document.getElementById("header").style.cssFloat = "left";
继续阅读全文……
最近一直在观察淘江湖钱庄抽奖的技巧,最后终于要我找到技巧啦~不敢独享,与大家分享,大家如果抽到的请推荐本人的博客,大家如果没有抽到也就当是娱乐一场~
对于淘江湖钱庄的抽奖很多人是盲目的抽,而不去总结规律,其实其中是有规律可循的,就像断桥残雪跟同事开始一个劲的瞎抽,结果9000多的金币砸进去了,还是什么都没有抽到,而现在我几乎是不轻易出手,一出手就应该有所斩获~下面综合说说我的抽奖技巧吧~
晒成果
断桥残雪之前一直用大号攒金币,大号抽奖中过一次,是在金币很少的情况下,昨天开始用小号来抽奖,大号来兑奖,昨天根据总结的经验,晚上九点半抽奖中了一个玩偶一张抵价券,凌晨0点趴到电脑上抽奖,可是由于起得太晚,结果到了0点10分才上的去网,没办法想抽的东西都没了~就去睡觉啦~
下面是我得到战果:

断桥残雪昨天抽到的奖品
继续阅读全文……
2010年新年就要到了,我在之前的博客推荐过六款WordPress圣诞插件,并且推荐了一款漂亮的WordPress圣诞新年主题,今天我再给大家推荐一款WordPress新年插件,本插件是由国人开发的哦~当然要支持一下啦~其实在开始推荐的六款WordPress圣诞插件中就有一款是这个人开发的插件了~废话不多说,开始正式介绍插件啦~
老规矩先上截图:

WordPress新年插件
主要效果是在页面的右上角做一个翻页效果的Flash。
继续阅读全文……
随着jQuery的风靡,有很多关于jQuery选择器的文章,可是很多人没有系统的学过或者总结过jQuery的选择器使用方法,本文主要跟大家讨论一下jQuery的选择器的用法,针对于不同的jQuery用户,从基础说起,带您领略jQuery强大的选择器。
在跟大家分享自己的jQuery选择器的使用方法之前,我想跟大家说一个Tip,当你使用jQuery选择器的时候,有时候我们却不一定使用jQuery的选择器里面的函数,而是要简单的返回HTML对象,如果使用getElementById之类选择出HTML对象,就比较麻烦了,再说我们强大的jQuery选择器就浪费了,在这里我通过Firebug查看了jQuery选择器返回的对象,发现原来$(”#id”)[0]就是我们要的HTML对象,比如我们要取其中的innerHTML就可以使用$()[0].innerHTML。
关于jQuery选择器
通过jQuery的参考手册 我们可以看见jQuery的选择器分为:基本、层次、简单筛选、内容、可见性筛选、属性筛选、子元素、表单以及表单及其属性,共九种选择器类型,本文主要介绍基本选择器、属性、简单筛选、内容筛选这几个常用的选择器。如果能熟练掌握这几个选择器,那么我们的jQuery选择器就已经很熟练了
jQuery基本选择器
jQuery的选择器跟CSS的选择器很接近,甚至于跟CSS的选择器统一,这样就比较容易学习,简单选择器就是我们常用的CSS的ID和Class选择器,例如下面的代码把id为world的html内容改为“Hello World!”
继续阅读全文……
在jQuery浏览器判断出错之后,我曾经写过一篇问章《jQuery浏览器判断一个bug,以及修改建议》,说到了jQuery浏览器判断函数$.browser的修改意见,今天我再写两个js判断浏览器的函数。
浏览器判断的对象mybrowser
var browserName = navigator.userAgent.toLowerCase();
mybrowser = {
version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1],
safari: /webkit/i.test(browserName) && !this.chrome,
opera: /opera/i.test(browserName),
firefox:/firefox/i.test(browserName),
ie: /msie/i.test(browserName) && !/opera/.test(browserName),
mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome,
chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)
}
继续阅读全文……
今天看了一下jQuery1.4Alpha2的代码,发现jQuery1.4Alpha2中的浏览器判断仍然没有添加对Chrome的判断,这是我想起了以前写过的一篇文章——《jQuery浏览器判断一个bug,以及修改建议》。我使用的测试代码如下:
<script src="http://code.jquery.com/jquery-1.4a2.js"></script>
<script>
alert($.browser.safari);
</script>
上面的代码在chrome中仍然是true,对于现在chrome的流行,jQuery1.4竟然漠视,不知道何解?
jQuery1.4中的源代码如下:
browser: {
version: (/.*?(?:firefox|safari|opera|msie)[\/ ]([\d.]+)/.exec(userAgent) || [0,'0'])[1],
safari: /safari/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
firefox: /firefox/.test( userAgent )
}
jQuery.browser.mozilla = /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent );
断桥残雪部落格再次提醒如果用到jQuery浏览器函数的,要特别处理一下chrome跟safari~不要导致判断错误,如果jQuery1.4正式版修复了这个bug,那就更好啦~
关于浏览判断函数可以参考以下两篇文章:
1、《jQuery浏览器判断一个bug,以及修改建议》
2、《js判断浏览器的函数,可区分chrome,safari》
由于搜狗云输入法提出一种新的概念,我们发现原来浏览器的收藏书签也可以这样玩~哈哈~我在云输入法发布最早就分析过云输入法(搜狗云输入法的简单分析),今天公司同事写了一篇教程,使用google API浏览器书签中添加网页划词翻译工具,感觉不错,特转了分享之,原文地址:教程:编写放在收藏夹里的网页划词翻译工具
随着互联网技术的发展,越来越多的传统计算机应用被移植到了web上,目前流行起了一种“放在收藏夹里的工具”,点一下收藏书签,无需安装运行,便可以开始使用强大的功能。
比如搜狗云输入法(搜狗云输入法的简单分析)、人间网转帖工具等,都是应用了这种方式。
这种方式的优点是显而易见的:
· 无需安装,随点随用;
· 跨操作系统、跨平台,只要有浏览器就可以使用;
· 程序放在服务器上,可以随时更新升级;
· …
这种看似很强大的应用,其实它的原理很简单,实现也很容易,今天我们就基于这一理念,利用google翻译API,一起做一个简单的网页划词翻译工具,和大家一起学习和理解这一种创新的互联网应用模式。
继续阅读全文……
又快到了一年一次的人类大迁移啦,怎样掌握最新的票务信息时当前每一个想回家的人最想做的事情,之前跟我同住的同事用自己的电脑wGet监控回家的飞机票信息,如果有打折机票就使用飞信接口自动发送到自己的手机上~
快到放寒假的时候,有些学生没有订票或者要自己去车站买票,可是不知道什么时候开始发售20天车票,今天我突发奇想,想用php抓取某一火车站的公告(以福州火车站为例)自动生成Rss,可以使用谷歌Reader订阅,甚至可以使用飞信的PHP接口发送最新的消息到自己的手机,这是一个思想,以后要有什么事情可以巧用谷歌Reader啦~(*^__^*) 嘻嘻……~挺聪明的方法~自己夸一夸~
言归正传,下面开始用php来写一个抓取火车站公告,并且自动生成RSS的php程序。
原理分析
使用cURL(cURL用法详解请查阅文章《cURL常用的几个PHP函数》)请求网页,使用PHP的正则匹配来匹配出想要的最新公告链接地址,以及公告信息的文章名称。然后使用一个PHP类RSS.class.php(详细用法以及下载地址,请查阅文章《PHP生成RSS类:RSS.class.php》)生成Rss文件。
使用google Reader订阅这个php地址就可以啦。
继续阅读全文……