自力博客 » wordpress http://www.hzlzh.com HzlzH's Blog 记录分享经验技术 Tue, 07 Sep 2010 09:12:32 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 [网站加速]之优化网站Yslow评分到99 http://www.hzlzh.com/yslow-grade-a-and-source-99/ http://www.hzlzh.com/yslow-grade-a-and-source-99/#comments Sun, 29 Aug 2010 09:59:06 +0000 HzlzH http://www.hzlzh.com/?p=768 网站访问速度一直是站长最最关注的问题之一，本文介绍如何利用一些可行的办法来加速你的站点！

使用工具：Firefox + Firebug + Yslow!

优化对象：.htaccess | CSS | Javascript | Google analytics

网站环境：Linux 虚拟主机 + WordPress

最终效果：首页：www.hzlzh.com Yslow 评分 99，等级 A，如图：

hzlzh建议：勿盲目追求分数，以实际效果为佳。

yslow

PS：这里注意：Yslow 有三种评分模式，HzlzH又自定义了第四种，本文就是采用第4中模式，如下：
YSlow V2            23项中的22项测评全选
Classic V1           只有13项测评
Small Site/Blog    14项测评适合blog
WordPress      去掉 Use a Content Delivery Network (CDN) 和 Use cookie-free domains 这两项，因为小站不需要考虑的。

下面开始：

1、安装好环境，进行第一次测试，记下分数和不合格的地方；

2、合并减少CSS/JS 文件的请求数量；
    这个很好理解，把现有的多个JS和CSS 文件写在一起，理想的网站是这样的：全站只调用 1个 javascript，1个CSS 样式表，1张包含了所有需要的图片；比如hzlzh尽量在往这里做：

1个css：http://www.hzlzh.com/wp-content/themes/dot-a/style.css.php   注意后缀php，第3步中解释！
2个js：[google analytics]的ga.js 和一个合并本站JQ效果后的 [google jQuery]的 jquery.min.js
2个png：img.png  和   tag.png

3、Gzip开启；
如果你的网站连Gzip 都没开启，那就不用继续优化了！相关的Gzip压缩率检测网站有：
http://www.whatsmyip.org/http_compression/
http://tool.chinaz.com/Gzips/
http://gzip.iamzz.com/
http://gzip.zzbaike.com/
    实现方法很多：可以在后台Cpanel中直接开启，或者很多Linux主机已经默认打开，如果检测到没有开启，可参看下面两种方法：
    一、将网站使用的CSS 或这 js 文件用php 进行 Gzip 压缩，
         做法是：在原有的 xxx.js 或xxx.css 文件的头尾分别加上下面代码，并保存成.php 格式，之后调用！

头：<?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');}header("Content-Type: text/javascript"); ?>
或   <?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');}header("Content-type: text/css"); ?>
尾：<?php if(extension_loaded('zlib')) {ob_end_flush();} ?>

    二、通过 .htaccess 开启Gzip，
          说明：由于不同的要求使用的代码不同，暂不提供范例，自行搜索。仅补充单独给JS 文件启用Gzip 的方法：

AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

4、优化 Configure entity tags 项

在.htaccess中添加一行：FileETag none

说明：设置‘FileETag None’可以使响应头不再包含ETag字段，达到加速效果。

5、优化 Add Expires headers 项

在 .htaccess 中添加下面代码：

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A600
ExpiresByType image/x-icon A2592000
ExpiresByType application/javascript A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A604800
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/plain A86400
ExpiresByType application/x-shockwave-flash A2592000
ExpiresByType video/x-flv A2592000
ExpiresByType application/pdf A2592000
ExpiresByType text/html A600
</IfModule>

除此之外一些简单的优化，如：img 没有添加 alt 标签之类的，就不讨论了，都是很好优化的。

-------------------分割线----------------------

如果你没有使用了 Google analytics，此时的分数应该是 99，评级 A，但是对于Google analytics用户就需要进一步了，因为你发现分数大约是98.

原因是：站点加载了 google 的统计代码  ga.js。Yslow 报下面的提示；

There is 1 Javacript script found in the head of the document
* http://www.google-analytics.com/ga.js

这时候就有两个选择：
1、卸载 我所介绍过的 强大的Google analytics；

2、自己托管ga.js ，也就是用本地的ga.js，如：http://www.hzlzh.com/js/ga.js

hzlzh选择了后者，但是要注意，一旦Google 更新了ga.js 你使用旧版的话，统计代码就立即失效了，这也是为什么要调用最新统计代码的原因，但是还是能解决：可以使用 Linux 的 conr job 命令 设置一个更新ga.js 的 svn，比如每天 wget 更新一次，这样就可以避免这个问题。

同样 Google analytics官方的帮助文档中也提到了这个问题：虽不鼓励，但不禁止

Google recommends you don't do this, but does not say you can't.

   具体怎么做？  附 cron ssh命令 传送门 和  脚本文件

使用Linux的 cron crontab来每天执行一个 .sh 脚本文件一次，或者在ga.js 更新不是很频繁的如今，依靠手动更新也是可行的。

最后注意：不同的主机，不同的程序，不同的主题，都有不同的优化瓶颈，根据本文思路，不断寻找解决方案来攻克吧！

Q&A，

Q1：zqjilove：有一点不理解，将CSS的后缀改成php，有什么意义很用途？

A：并不是单纯的把后缀css 改成php，而是使用php 的gzip函数包裹着css文件，也就是压缩的效果，访客请求php文件很小，下载后会解压成css，达到加速作用。

Q2：需要.htaccess 文件的模板？

A：提供 hzlzh.com 站点的 .htaccess 给大家下载！注意：之前省略了一部分WordPress自带的 规则，请不要删除你自己的。

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《[网站加速]之优化网站Yslow评分到99》

相关文章

]]> http://www.hzlzh.com/yslow-grade-a-and-source-99/feed/ 49 Google Analytics 网站点击分布图[小荐] http://www.hzlzh.com/google-analytics-site-overlay/ http://www.hzlzh.com/google-analytics-site-overlay/#comments Thu, 19 Aug 2010 13:05:08 +0000 HzlzH http://www.hzlzh.com/?p=761 引言：在某SEO狂人 Eric N次的 Google Analytics 推荐之后，我终于在上个月重新启用了新版的 Google Analytics。
结果：撤下了使用 3年的 51.la 和 使用 30天的 百度统计。

下面介绍其中一个 Google Analytics （以下简称 GA）的技巧：

GA优点：(仅举两点)

1、异步加载代码，降低对网站加载速度的影响；
     如果你网站在加载末期，超过30%的时间用于 载入统计代码的JS部分，那么可以说是很不划算的。而这几乎成了统计工具的特色，于是GA 的异步加载模式就出现了，异步加载的模式大致就是下面这个图中的流程：异步代码放在 <head></head>之间

google-analytics

2、对于Yslow 指数 (Yahoo! 的一个火狐 Firebug 工具) 甚优，使分数到 A (90分以上) 是很容易实现的。
     如果你参考 Yslow 来优化网站的时候，会发现 统计代码 往往会是影响最终得分的重要因素。比如我用过的51.la 加载那张GIF就很费力，而GA就不怎么存在这个问题。

GA缺点：不能查看实时在线的数据和访客，只能隔天看（更正）。这一点可以通过 hack 的方法攻克，具体方法可以去搜索教程。

GA第三个优点就是：网站内点击量分布图

这个功能相当拉风，或许有些站长还没有体验过，那么就不要在 OUT 了。
使用路径：[GA控制台]--[内容]--[网站内点击量分布图]，截图如下：

google-analytics-hzlzh.com

从图中可以形象的看出一段时间内，网站上所有 内链 的 点击情况和转换率，其实就是把GA的数据用JS在你站上每个内链上浮动的显示出来。
这个有什么用呢？

很容易理解，如果你发现首页某个内链几个月内都没有人点过，试问还有留下来的必要么？或者至少你需要改变布局的位置吧。

再者，当你发现某个你不是很在意的链接被人狂点，甚是火爆时，如果这样的链接还放在角落里是不是太明智了呢？

所以说，运用网站统计的数据来架构和布局网站样式，乃通往高质量用户体验的必经之路。
其实，用户体验的优化 和 广告转化率的优化 是互通的，只不过一个的目标是 用户，另一个是 收益罢了！

再举个例子：我看了 52joomla 站长的分布图：首页放了个 [收藏本站] 的链接（隶属内链），在可视化的分布图中显示有很多人点了，这才知道原来还是有很多人喜欢直接收藏这个功能的，于是我考虑除了添加 目前右上角的那个  Delicious 收藏按钮以外，直接的浏览器收藏功能貌似也是很有必要的。

总的来说：网站的布局仅仅满足个性的需要，不过毕竟网站是给人看的，尊重统计数据，分析访客习惯才是另一个王道。所以站长们赶紧看看自己站上有哪些链接是 [占着XX不XX的] 空架子吧。

ps: 统计代码还放在尾部？你 OUT 啦~~~~~~(玩笑话)

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《Google Analytics 网站点击分布图[小荐]》

相关文章

]]> http://www.hzlzh.com/google-analytics-site-overlay/feed/ 36 关于wordpress版权的设置 http://www.hzlzh.com/about-wordpress-copyright/ http://www.hzlzh.com/about-wordpress-copyright/#comments Sun, 15 Aug 2010 07:18:48 +0000 HzlzH http://www.hzlzh.com/?p=760 引言：HzlzH被全站采集了，觉得很有意思，于是对 wordpress 版权方面修改了下！

1、使用 知识共享许可协议 授权博客文章

在 博客 Footer 添加添加授权协议，选用的是 署名-非商业性使用-相同方式共享 3.0。
这个协议大家并不陌生，话说在互联网上最能保护自己署名的协议就是它了，一般看到这些协议的人都会在转载时写明来源的。
  跟 zww 讨论了下，也参照了一些他的设置，

本博客规定的是：转载需注明原文出处，不可商用我的作品，修改或演绎 我的作品也必须以同样的协议发布。

2、除 单独文章页面和Feed页面，均摘要输出

好处：减少全站的重内容；增加文章在搜索引擎中的 权重，也就是SEO；避免被采集；
       这一点是新主题 Dot-a 之前没有考虑的，现在做了修改如下：

将 index.php 中的  the_content(__('Read more')); 替换为

 <?php if(is_category() || is_archive() || is_home() ) {
     the_excerpt();
 } else {
     the_content(__('Read more'));
 } ?>

将 achieve.php 中的 the_content(__('Read more')); 替换成 the_excerpt();
PS: 若要修改 摘要的 输出字数 和 [...] 需在 wp-include/formatting.php 中搜索 wp_trim_excerpt() 这个函数即可

3、为 单独文章 和 RSS输出 添加版权信息

在functions.php 中加入以下函数即可：注意 红色部分是个锚，指向 Footer 的id="copyright" 的DIV。

function copyright($content) {
	if(is_single()||is_feed()) {
		$content.='<div style="border-left:3px solid #999999;padding-left:5px;">
<span style="font-weight: bold;">版权所有&copy; HzlzH </span>| 本文采用 <a title="署名-非商业性使用-相同方式共享" href="#copyright">BY-NC-SA</a> 进行授权
<br/>
转载需注明 转自: 《<a href="'.get_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a>》
</div>';
	}
	return $content;
}
add_filter ('the_content', 'copyright');

总结：至此，本博客只有 单独页面 和 feed 输出是全文，且有明确的版权说明，而且我有去掉了一个插件wp-copyrighted-post
         相信下一次介绍我最新的插件列表的时候，绝对少于10个插件。

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《关于wordpress版权的设置》

相关文章

]]> http://www.hzlzh.com/about-wordpress-copyright/feed/ 60 优化wordpress文字显示CSS样式 http://www.hzlzh.com/optimize-wordpress-font-css/ http://www.hzlzh.com/optimize-wordpress-font-css/#comments Wed, 11 Aug 2010 15:14:34 +0000 HzlzH http://www.hzlzh.com/?p=758 引言：博客最重要的就是文字，所以开始优化！

优化目标：或清晰，或犀利，或浑厚的文字样式，有亲和力的文字字体，舒适的文字尺寸。

优化思路：对主题模板的CSS样式表，如：style.css 进行优化，添加必要的样式代码，达到上述目的！

具体步骤：（以中文字体为主）

1、文字尺寸的选择：

通常网站的文字在12px-14px这个范围，太大或太小必然不和谐！因此要合理选择，比如hzlzh选择了13px

预览：（注：Chrome仅支持 >= 12px 的尺寸！）

这货 font-size:12px
这货 font-size:13px
这货 font-size:14px

2、文字字体的选择：

不多说，也暂不讨论WOFF开放字体格式，献上hzlzh 的 设置；

font-family:'Microsoft YaHei', Arial, helvetica, Tahoma, sans-serif;

说明：这个css属性浏览器是左优先匹配的！'Microsoft YaHei' 即 微软雅黑 是针对 Chrome这类浏览器的，否则默认的字体有多难看应该知道哦，
      其次就是后面几个 Arial，不多讲了，保证各种设备上的显示兼容性的字体。

3、文字阴影样式设置：

text-shadow 这个CSS属性，可以实现对字体的进一步美化，效果有 浑厚，犀利，外凸，内嵌，发光，模糊，等等~
      使用的时候不要太过火，一切以阅读友好度为佳！

预览：请使用 IE 以外的浏览器方可。

发光属性 text-shadow:0px 0px 1px #6374AB;
内嵌清晰 text-shadow:0px 0px 1px #DDDDDD;
红色投影效果 text-shadow:1px 1px 1px #A52A2A;
浅蓝位移 text-shadow:5px 11px 1px #0075C0;
深蓝模糊 text-shadow: 3px 5px 4px #0000CD;
 
说明：text-shadow属性有4个参数，依次是阴影 水平位移，垂直位移，模糊程度，颜色。
      hzlzh 使用的是:  text-shadow:1px 1px 1px #FFFFFF; 也就是文字周围有白色的轮廓，显的更为明显，清晰。
      当然也可以使用  text-shadow:1px 1px 1px #AAAAAA; 这样文字就有另一种浑厚的清晰感觉了。

4、文章行间距设置：

略。。。这个真的是因网站而异，我用的是  line-height:1.6em; 只要觉得适中即可！

5、选中文章颜色设置：

预览效果：  按住  Ctrl + A 即可！

加入以下代码：（注，IE无效）

selection{background-color:#63C;color:#FFF;}
a::selection{background-color:#0C0;color:#FFF;}
::-moz-selection{background:#63C;color:#FFF;}
a::-moz-selection{background-color:#0C0;color:#FFF;}

总结：根据不同站的配色情况，酌情调整，一定能得到最佳效果！
      经过上面几步的优化，你的网站或许会给人耳目一新的感觉-------舒适，友善，便于阅读！

阴影效果最好不要设置全局，比如下面：LOGO，description，文章和侧边栏 和 页脚使用不同效果！

body{font:13px/18px Microsoft YaHei,Arial,Helvetica,sans-serif;}
.post_content,{text-shadow:0 0 1px #CCCCCC;}
#logo,#description,#footer {text-shadow:1px 1px 1px #FFFFFF;}

PS：本文无视 IE 及其全家！

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《优化wordpress文字显示CSS样式》

相关文章

]]> http://www.hzlzh.com/optimize-wordpress-font-css/feed/ 58 WordPress整合Google自定义搜索 http://www.hzlzh.com/wordpress-google-site-search/ http://www.hzlzh.com/wordpress-google-site-search/#comments Sat, 07 Aug 2010 14:32:24 +0000 HzlzH http://www.hzlzh.com/?p=756 以前一直用的google自定义搜索，只不过那是旧版的，自从换了 dot-a 这个主题，很多折腾过的效果和功能都要从新加上了。
废话少说，开始做咯：

效果：本站顶部的 站内搜索 功能！

推荐指数：★★★★★

推荐理由：高速Ajax加载，减少主机负担，自定义CSS，无广告，自定义展示结果，高亮搜索关键词，Adsense集成，Analytics 集成

具体方法：

1、用 Google帐号登录 http://www.google.com/cse/

2、创建一个 自定义搜索引擎，填写相关信息，选择标准版，搜索网站 填写如下格式：
         www.hzlzh.com/*

3、进入控制面板 可以获得，诸如：搜索引擎的唯一 ID： 011726169853656484522:gvikl69lrew

----------- 分  割  线 ----------以下开始在WordPress中操作------------

4、（又要用到Wordpress页面模版这个功能，不了解的可以看这里 WordPress页面模板的使用及短代码调用 ）
     在桌面创建一个名为 cse.php 的文件，之后上传到 WP 主题目录中，[注意这里的代码不完全是Google 生成的，添加了正则传参部分]文件内容如下：

<?php
/*
Template Name: cse
*/
?>
<?php get_header();  ?>
<div>
  <div>
    <div id="cse" style="width: 100%;">正在从Google 加载搜索结果......</div>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
  google.load('search', '1', {language : 'zh-CN'});
  google.setOnLoadCallback(function(){
        var customSearchControl = new google.search.CustomSearchControl('011726169853656484522:gvikl69lrew');
        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
        customSearchControl.draw('cse');
        var match = location.search.match(/q=([^&]*)(&|$)/);
        if(match && match[1]){
            var search = decodeURIComponent(match[1]);
            customSearchControl.execute(search);
        }
    });
</script>
    <link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />
  </div>
  <?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>

5、在WP后台新建一个页面，名字随便，选择页面模板 cse 就是刚刚传上去的那个文件。之后点击发表页面，但隐藏不限是。
    访问：新建的页面，诸如：http://www.hzlzh.com/search 这个是hzlzh 建的那个页面。此时你会发现出现了以个google的搜索条，并且可以使用了。

6、现在我们有了一个正常使用的search 页面，下面开始对首页的搜索条进行修改，注意上面和下面代码中 红色 部分，这个根据不同的博客，不一样，用了一个正则来处理传递参数，比如hzlzh的：

<form method="get" id="searchform" action="http://www.hzlzh.com/search">
<div><input type="text" value="Click Enter..." name="q" id="search_input" onfocus="this.value = this.value == this.defaultValue ? '' : this.value" onblur="this.value = this.value == '' ? this.defaultValue : this.value" /></div>
<div><input type="submit" alt="search" id="search_button" /></div>
</form>

7、大功告成，现在你要做的就是优化 CSS，使之看起来跟你的博客很搭！在Google控制面板选择 [外观]-[搜索元素]-[压缩视图]-[自定样式]

8、如果是主题作者，建议在后台加入search选项，集成这个功能，唉~~折腾！

PS：Google Site Search 和 Google analytics 和 Google adsense 都是相当的完美，自己折腾去吧~

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《WordPress整合Google自定义搜索》

相关文章

]]> http://www.hzlzh.com/wordpress-google-site-search/feed/ 74 精简wordpress评论[再编辑]及相关功能 http://www.hzlzh.com/wordpress-comment-re-edit/ http://www.hzlzh.com/wordpress-comment-re-edit/#comments Mon, 02 Aug 2010 15:13:06 +0000 HzlzH http://www.hzlzh.com/?p=752 功能描述：WordPress提交评论未刷新页面之前，可以[再编辑]！

文件来源：WordPress jQuery-Ajax-Comments v1.29 by Willin Kan

精简原因：原版的提交过程过于耗时，为了提高访客友好度，特此删除了一些不必要的功能。

修改后文件下载：网盘镜像下载  修改方式为：注释掉代码法，所以可以在源码中看到细节。

删除分步注解： [修改需考虑，请君自斟酌]

在 comment.php
1、去除 本站注册用户才可评论的判断；

在 comments-ajax.php
2、去除  comment_id_not_found | comments_close | comment_on_draft | comment_on_trash | post_password_required 等判断，
     分别是 找不到评论ID，关闭评论，草稿评论，垃圾评论，密码文章评论等判断。

3、去除 检查重复评论功能，因为要查数据库来判断是否重复，耗掉了时间。

4、去除 评论太快提示功能，同样要查数据库，耗时间，这个功能是为了防止Spam的，但是WP若装了Askismet，短时间内的重复评论会直接进入Spam，所以还是去掉得了，增加一点评论提交的速度。

特别回复：Askiter 同学，关于我站评论后 再编辑 的实现方法，我就不啰嗦了，直接 zww 传送门--->原生AJAX评论

这个功能真的很不错，推荐添加上！

Q&A

Q: 若速度优化效果不是很明显怎么回事？

A: 建议先登出系统，模拟访客提交评论。因为有的博主开启了email回复插件，所以admin回复的时候会很慢，正常！

Q: 下载到的这三个文件怎么使用？

A: 参看上面的传送门吧。

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《精简wordpress评论[再编辑]及相关功能》

相关文章

]]> http://www.hzlzh.com/wordpress-comment-re-edit/feed/ 65 关于这次网站改版 http://www.hzlzh.com/about-site-revision/ http://www.hzlzh.com/about-site-revision/#comments Sun, 25 Jul 2010 10:18:10 +0000 HzlzH http://www.hzlzh.com/?p=747 主题名：Dot-A  [A theme with a lot of dots.]

特点：简洁，灰白，点线，

完成度：80%+

你看到的就是基本雏形，未完成也先用上了，为此，我禁用了好几个插件和页面，各种修改，各种调试，很多页面尚存问题，预计一个月左右才能修好，实在是太忙了。

反正慢慢完善，一点一点改，不急不急。

为了过 W3C XHTML 和 CSS 2.1 验证，去掉了很多代码，如：圆角，文字阴影，透明度属性等等，感觉都是浮云，以后都要加上来。
附传送门: W3C CSS验证通过 | W3C HTML验证通过  决定脱离这个束缚！

为了兼容 IE6，放弃了更多，

好吧，第一次放出主题，肯定N多不足，也希望大家多多提意见，

1、最外围边框用圆角好还是方角？

2、虚线是不是使用过多？[毕竟主题叫 Dot-A]

3、超级链接的颜色是不是 蓝色更好？

4、我累了，帮我挑，谢谢！

太累了，闪人，请暂且无视各种的不足！谢谢~~

最后，隆重的 FUCK IE6 及其全家！

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《关于这次网站改版》

相关文章

]]> http://www.hzlzh.com/about-site-revision/feed/ 66 网站改版，预告一下[闲话版] http://www.hzlzh.com/blog-revision-previews/ http://www.hzlzh.com/blog-revision-previews/#comments Thu, 22 Jul 2010 13:30:06 +0000 HzlzH http://www.hzlzh.com/?p=735 凡事有准备的都是最好，于是有了本文。最近没有更博，不要奇怪，本站将要换新颜，忙着迎接2012！

1、本站改版

      本周末应该会把新主题换上，做了很久了，这将是我第2个自制主题。第1个呢？嘿嘿，那个搁浅状态，因为蓝色调的我不喜欢，就没继续做了。新主题暂定名为 Dot-A ，绝非直面意思，注意有个连字符哦，汉语意思在文末。是一款灰白色调的清单简约主题，自用，共享。届时会先在本站使用，之后添加后台功能，再考虑发布。主题制作过程还是蛮顺利的，借鉴了一个外国朋友的框架，却发现那人原来是借鉴 MG12 的，然后评论的样式，特别是觉得 ZWW 的评论样式相当美观，于是准备仿着改改，评论提交的AJAX效果自然也要用 Willin Kan 那个经典的案例，测试效果很好。总之要感谢这些前人栽树，后人只需要专注于使用和排版即可！感谢上面三位~~~

2、WP插件

      我做的那个 腾讯微博 同步的WP插件，已经被官方收录，插件wordpress.org页面，已经更新到 v1.0.3了，之后还修改了几个小bug和调用说明文件，现在就等大家试用反馈，然后更新 v1.0.4 版，或考虑加入sina微博的调取功能。

3、友情链接清理

      这玩意好久没碰了，我的友链中有些不是同类型博客，改版后将通知清除，比如一些生活了的博客，或商业类的站点。

4、敲定高亮插件

      目前使用的代码高亮插件对编辑器切换支持很好，但是在RSS Feed 中不输出高亮代码，只是pre 格式。因为是JS在加载后渲染实现的高亮，这也理所当然。 周末要决定使用某个高亮插件，也不排除手动转义代码的可能，总之，要为今后少折腾打下基础！
      要求：1、正文和Feed都可高亮输出； 2、可以成功复制代码没有多余字符； 3、后台编辑时切换浏览器不会改变代码；[悬赏+神秘礼物]

5、收工，抽空继续 倒腾-啊  |  Dot  [dɔt] 名词：点状物 - A [ei,ə] 序数词：1

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《网站改版，预告一下[闲话版]》

相关文章

]]> http://www.hzlzh.com/blog-revision-previews/feed/ 34 网站应该适当的SMO|没有OpenID的日子真累 http://www.hzlzh.com/openid-and-site-smo/ http://www.hzlzh.com/openid-and-site-smo/#comments Sun, 18 Jul 2010 14:09:56 +0000 HzlzH http://www.hzlzh.com/?p=734 首先扫盲：
OpenID 很多人都知道了吧，我以前也介绍过 注册 OpenID|使用博客域名登录支持OpenID的网站 ，简单的说就是一个号登遍天下网站，免去了注册和记密码之痛；

SMO，？？？不知道这是啥？木有关系，Wiki传送门，EN?好吧，百度百科 传送门

简单的说：就是社会化网络的优化，这点比较像SEO，比如很多大IT公司都有自己的 Facebook 和 Twitter 帐号等等，在这上面的宣传，推广，甚至售后，销售等等建立口碑！

遭受域名抢注之痛的站长更应该知道，先下手为强，后来者遭殃的道理吧。所以很有必要把一些对自己有意义的ID早早的注掉，免得迟则生变！
hzlzh 下午翻腾了N个邮箱，N封邮件，然后有注册了很多国内国外出名不出名的互联网服务，然后整理做了个新Page。

-->>>【工具/社交】   页面，这个本文主要针对这个页面的【国外类】和【国内类】两个条目。

作用：方便自己使用，方便朋友交流，利于SMO，提醒自己有这个服务，免得翻邮箱！

好了跑题了，OpenID，因为这玩意不普及，搞的我刚刚连续登录了不下20个网站，一般人都是各种帐号，各种密码，各种忘记密码！！！

      说到这个SMO，能做的太多了，很多朋友都在 Twitter 或 其他微博上活跃着，各有个的想法，我就当抛砖引玉了，在SMO没有成为SEO那样杯具之前，大家有想法就快行动吧。

帐号登录方面只有 Google和Yahoo表现不错，支持的很好，好几个服务都是一键登录几个社区，赞一下！

累了不说了，这个页面一看便知：------->【工具/社交】  [萝莉状]：XX引擎最优化，人家最讨厌这个啦！

最后，奖励【神器】一个 批量检查社交网站用户名是否被注册服务 [注：千万不要成为 注册哥，适度即可！]

除了上面那个，还有个轻量级的这类网站  ud.com 可以去试试！

希望你有所收获......AD一下~~~~奶茶我只喜欢 Twitter 和 腾讯微博

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《网站应该适当的SMO|没有OpenID的日子真累》

相关文章

]]> http://www.hzlzh.com/openid-and-site-smo/feed/ 39 WordPress归档页面模板，按日期列出所有文章 http://www.hzlzh.com/wordpress-achieve-page-tempelete/ http://www.hzlzh.com/wordpress-achieve-page-tempelete/#comments Thu, 15 Jul 2010 15:16:00 +0000 HzlzH http://www.hzlzh.com/?p=733 效果见：HzlzH的 文章归档 页面 （本站新增的页面）

描述：输出全站所有文章标题及链接URL，按发表的日期（按月）归档，无需插件，使用WP原生函数，可加入 jQuery 滑动展开效果

用途：

1、方便查看旧文章，便于写作时引用链接；

2、利于SEO，要知道sitemap就是这个道理差不多；

3、这货博客得有，这个真得有；

步骤：

1、桌面新建名为 my-archive.php 文件，写入以下代码，申明这是一个wordpress模板文件，以前说过模板的用法

<?php
/*
Template Name: my-archive
*/
?>
<span id="control" style="cursor:pointer;color:#666666;text-shadow:0 0 2px #66CD00;">全部展开/收起</span>
<div class="my-archive">
<?php
	$previous_year = $year = 0;
	$previous_month = $month = 0;
	$ul_open = false;
	$myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
?>
<?php foreach($myposts as $post) : ?>
<?php
	setup_postdata($post);
	$year = mysql2date('Y', $post->post_date);
	$month = mysql2date('n', $post->post_date);
	$day = mysql2date('j', $post->post_date);
?>
<?php if($year != $previous_year || $month != $previous_month) : ?>
<?php if($ul_open == true) : ?>
</ul>
	<?php endif; ?>
	<h3><?php the_time('Y年 m月'); ?></h3>
<ul>
	<?php $ul_open = true; ?>
	<?php endif; ?>
	<?php $previous_year = $year; $previous_month = $month; ?>
<li><span><?php the_time('m-d'); ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span><span>&nbsp;<?php if(function_exists('the_views')) { the_views(); } ?></span>
	<?php comments_popup_link( __( '评论 (0)', 'farlee' ), __( '评论 (1)', 'farlee' ), __( '评论 (%)', 'farlee' ), 'comments-link', __('评论关闭', 'farlee')); ?></li>
<?php endforeach; ?>
</ul>
</div>

2、上传文件到 wordpress 使用的主题目录下，然后去后台新建“页面”，会发现有选择模板的选项：选择-->my-archive

3、写个页面名字，直接发表，不需要正文内容。

说明：上面的是核心代码，要想得到更好的效果，需要再美化下 CSS 和 使用 jQuery等，
     由于个人的主题模板不一样，固share了我的 模板文件，感兴趣的，自己参考吧！
直接打开源码-->【my-archive.php.txt】

懒得 DIY的同学，可以使用这个插件轻松完成归档页面制作， wp-easyarchives  ，

话说，hzlzh是尽量不用插件的，少一个是一个！呵呵

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《WordPress归档页面模板，按日期列出所有文章》

相关文章

]]> http://www.hzlzh.com/wordpress-achieve-page-tempelete/feed/ 66