标签: php

HTML5 自定义属性 data-* 和 jQuery.data 详解

html5 dataset新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取。它的数量不受限制,并且也能由javascript动态修改,也支持CSS选择器进行样式设置。这使得data属性特别灵活,也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5 Dataset 存储的实际应用,以及包括jQuery在内的四种存取方式。

HTML5 Dataset 存储的例子

为一个元素分配data属性存储数据,例如这是一个span元素,它的内容是一首音乐的名称,我们为其HTML标签里直接预置这首歌的更多信息,在HTML源码上看起来可以这样来写:

<span id="music-latch" class="musique"
data-date="2013"
data-genre="Electronic"
data-album="Settle (Deluxe)"
data-artist="Disclosure"
data-composer="Howard Lawrence & Guy Lawrence">
Latch (feat. Sam Smith)
</span>

这样,我们就很简单的为这首歌在span标签里直接内嵌了其专辑、艺术家和流派信息。

为WordPress添加面包屑导航 (Breadcrumbs)

breadcrumbs面包屑导航,即breadcrumbs,是一种在互联网上很流行的导航条格式,它可以清楚地告诉浏览者现在在网站上的位置,并提供他们向上一级继续阅读的机会。

例如下图即是一个面包屑导航:

scrsht 2013-08-16 下午5.05.28

wordpress原生没有此类导航条的功能,需要借助插件或者自己修改主题文件来实现。但是我今天介绍的是不需要任何插件,只需添加几行代码即可自由定制的面包屑导航 (Breadcrumbs)添加方法。

备份WordPress到Google Drive: UpdraftPlus

wordpress google driveGoogle Drive为免费用户提供了15GB的空间,如果是收费版本,容量将会更大:这对于中小型站点的wordpress备份完全足够,如果你不打算在上面存储其它非常大的东西的话。如果能将Wordpress博客的所有数据全部备份到Google Drive,则可以充分利用此空间,并保证你的数据的安全,防止哪天服务器出现问题,或者网站被恶意破坏,备份数据丢失。UpdraftPlus可以帮助你备份所有的数据库文件、上传的文件甚至插件数据,可谓是最完美的wordpress备份工具。并且updraftPlus默认分卷传输,大大减小服务器不响应从而中断连接的情况。现在详细介绍如何使用updraftPlus来备份wordpress到Google Drive。

Wordpress 备份到 Google Drive 教程

updraftPlus可以在wordpress插件官网,或者作者官网下载,也可以在后台搜索。

安装好后默认的备份文件夹是wp-content/updraft,推荐在设置中更改,但要在设置中排除备份文件夹所在的位置。

关于其他updraftPlus的设置及其强大的功能,在此不再赘述。

jQuery hash 插件

jquery.hash.logo

URL中的hash,也就是网址井号后面的部分,其实是一块宝地,它能创建浏览历史,也能存储一些简单数据。从Twitter开始Hash被用来定义Ajax内容,虽然如今已被HTML5的pushState所替代。这里介绍jQuery Hash 插件,可以帮助你完成简单数据的存储。

Hash存储数据有什么用

首先传统URL传递数据的弊端是,对搜索引擎不友好,搜索引擎会认为 /example和/example?key=val是不同的网址,然而hash则不同,搜索引擎认为 /example 和 /exmaple#;key=val 会是两个完全相同的网页。此外,用hash存储数据也不必刷新页面。

hash可以作为一种本地临时存储的解决方案,正如cookie那样。可以在url中保存临时的用户状态这是cookie做不了的。例如含有Ajax页面的刷新,就可以直接利用hash存储当前的状态。再例如你可以配合Hashchange监听来完成一些事情。

这算是一个尝试,虽然目前少有人在hash存数据上作文章,但是如果你真的需要,可以用这个插件参考一下。

让网站统计工具不统计自己:WordPress技巧

有不少好的网站分析工具比如Google Analytics量子统计、国内的CNZZ等都是挺不错的统计工具,每天看流量表的时候总是会疑惑,这当中又有多少是自己的呢?怎么样可以实现不统计到自己呢?于是果断上网Google了一下,还果然发现了方法。下面是介绍:

不统计特定IP的用户,如果你是静态IP

如果你使用的是固定IP或者固定的IP段,那这个问题就好办了,不统计你指定的IP或IP段即可。

<?php

$iipp = ’ ‘ . $_SERVER["REMOTE_ADDR"]; 

// 将以下 X.X.X.X 改成你的IP或IP地址段

//place your ip instead of X.X.X.X

if ( strpos($iipp,’X.X.X.X′) === false ) :
?>

//你的统计代码

//your track code goes there

<?php endif; ?>

 

排除多个IP或IP地址段,请继续阅读》》