网站实现“页面载入中…”效果

       前几天，逛顺水横流博客时发现了一个“页面载入中…”效果。这个功能对于我的博客不合适，但这确实是个很不错的功能。为以后查找方便，做个笔记吧！

      方法来自糖醋排骨，点击查看。具体步骤如下：

1.结果
本效果完成后的效果就是你在打开本站每一个页面的时候会出现一个半透明遮罩一个loading画面然后页面载入完以后遮罩消失的效果（点击时也会消失）。

2.思路
这个半透明遮罩首先被载入，这样他才能在一开始就出现，他上面有一张图片和一段文字告诉浏览者这是在loading，而不是笔记本快没电了或者什么；然后，页面的DOM就Ready了，这个时候为了验证各种库(比如我所使用的jQuery)载入完毕，CSS也下载完了，我们使用jQuery语句来使这个遮罩层隐藏起来，这个时候这个效果就完成了。

Read more →

pagecookery搭建个性独立微博、整合wordpress侧边栏输出

如果问现在最火爆的网络应用是什么？无疑非微博莫属了！国外属twitter莫属，国内应是新浪微博和腾讯微博的天下。至于为何这140字的应用会发展的如此强大，我们也不得而知，我想也许是宅男宅女也来越多了吧～哥也算个～既然，微博如此的时尚那我们也晚点更时尚一点的吧，整个自己的微博。

网络上开源免费的微博程序很多，wordpress也有很多的插件可以实现微博的功能，好的东西一款就够，我还是比较钟爱pagecookery，基于php+MySQL，小傻瓜微博客演示地址：http://www.xshagua.com/say/

官方网站：http://pagecookery.com/ 下载安装包。

一、安装过程

安装指引

Step 1: 用文字编辑器修改 config.php 文件。

Step 2: 上传文件至 FTP 目录下, 并设置 cache 目录, uploads 目录, config.wordpress.php, config.language.php, rss.xml, music.json, photos.json 文件属性 (CHMOD) 为 777.

Step 3: 进入 PHPMyAdmin 建立一个与设置中同名的数据库 (如果已经有数据库了这步请跳过).

Step 4: 用浏览器访问网站开始安装, 输入将要建立的管理员用户名和密码.

Step 5: 大功告成, 登录网站设置一下。

• 安装后效果图：（借花献佛一下哈～）

二、整合wordpress侧边栏

可以用wordpress自带的xml导入功能整合。效果可见右侧“Xshagua微博”

Read more →

WordPress3.0.*开启多站点功能

      众所周知Drupal的多站点功能是很棒的，而现在的joomla1.6和先前的wordpress没有此功能绝对是很大的缺陷。曾因此打算玩Movable Type，而现在wordpress完全实现了这个功能。

   以前看到过统计Wordpress MU有95%的代码与wordpress相同。当时就想官方干嘛不开发个插件实现这个功能呢！愿望实现了，原来wordpress3.0的多站点功能(Multisite)默认是没有开启的，需要手动修改设置，后台管理才会出现功能选项按钮。

WordPress3.0多站点功能(Multisite)开启设置方法 ：

Read more →

WordPress主题文件及php函数调用命令

     最近在改主题时总是感觉不顺手，先前实用的inove主题自己也改了改的不满意换了，又使用wilin kan大哥的A9主题，说实话这是我见过的最牛的主题，个人也非常喜欢。但是由于这款主题很完美自己无从下手去改，也放弃了（手贱啊！）！

     现在实用的是wpink主题很不错，自己也该了很多。也写了篇wpink主题修改日记(详细教程)，但都是因为只是按照网友们的经验直接照搬或稍加修改。毕竟他们的修改方式和自己的想法不尽相同，无法改出自己理想的效果。兴趣来了，开始学习wordpress模板制作，一时间在网上疯狂的搜集教程，开始学！下面是一些wordpress主题所包含的文件和一些php调用函数和指令，希望对想制作或想修改一款自己喜欢的童鞋有帮助。

WordPress基本模板文件

一套完整的WordPress模板应至少具有如下文件：

style.css : CSS(样式表)文件
index.php : 主页模板
archive.php : Archive/Category模板
404.php : Not Found 错误页模板
comments.php : 留言/回复模板
footer.php : Footer模板
header.php : Header模板
sidebar.php : 侧栏模板
page.php : 内容页(Page)模板
single.php : 内容页(Post)模板
searchform.php : 搜索表单模板
search.php : 搜索结果模板
当然，具体到特定的某款模板，可能不止这些文件，但一般而言，这些文件是每套模板所必备的。

基本条件判断Tag

Read more →

给博客添加音乐播放器

不久前用的虾米网外挂在博客侧边栏加了首《莫失莫忘》很爽的，方法超级简单“复制代码-粘贴代码-完成”。当然有很多的音乐分享网站都支持外挂的。

本人比较喜欢在博客内容里添加音乐，当然由于空间有限还是使用外链音乐的方式。

第一种方式：先下载http://www.uushare.com/user/xshagua/files/3417595播放器

上传播放器至服务器或可以外链的网盘确保通过地址http://地址/player.swf可以访问。

也可以上传至wordpress主题根目录

暂以上传至主题根目录为例，在主题文件functions.php里添加如下函数（注：添加在<?p  —- ?>之间）：

/**添加音乐播放器 */
    function myplayer($atts, $content=null){
    extract(shortcode_atts(array("auto"=>'no',"loop"=>'no'),$atts));
    return '<embed src="'.get_bloginfo("template_url").'/player.swf?soundFile='

.$content.'&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&

rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=

0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loade

r=0x9FFFB8&loop='.$loop.'&autostart='.$auto.'" type="application/x-

shockwave-flash" wmode="transparent" allowscriptaccess="always" width="290" height="30">';

}
add_shortcode('music','myplayer');

（如上传至其他空间把src="'.get_bloginfo("template_url").'/player.swf修改为src="http://地址/player.swf）

添加音乐时调用代码：  [music]音乐绝对地址[/music]

第二种方式：无需修改源文件同样下载音乐播放器上传至系统目录或其他空间

确保可以通过地址http://地址/player.swf可以访问。

Read more →