维纳斯

meta标签实现页面的动感效果

Yaley — Wed, 09 Apr 2008 03:27:56 +0000

在web设计中使用js可以实现很多的页面特效，然而很多人却忽视了HTML标签中META标签的
强大功效，其实meta标签也可以实现很多漂亮的页面过渡效果。
　　META标签是HTML语言HEAD区的一个辅助性标签，Meta 标签放在每个网页的...
中间，我们大家比较熟悉的如：
//说明编辑工具；
//说明关键词；
//说明主页描述；
它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器
上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以
根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等
本文主要阐述如何使用meta标签，产生页面过渡效果.....
　　　　用法：
　　　　　　
blendTrans是css动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
动态滤镜可以为页面添加动人的淡入淡出、图象转化效果，它可以分为两种blend（混合）和reveal（显示），
前者可以使对象渐渐消失或出现，后者提供了24种图象转化的效果......
　　　　　　
　　　　　　
　　　　　　　Duration:表示滤镜特效的持续时间(单位：秒)
　　　　　　　Transition:滤镜类型。表示使用哪种特效，取值为0-23。

------------------------------------------------------------------------------ 0 :矩形缩小　　　　　　　1: 矩形扩大 2: 圆形缩小　　　　　　　3: 圆形扩大 4: 下到上刷新　　　　　　5: 上到下刷新 6: 左到右刷新　　　　　　7: 右到左刷新 8 :竖百叶窗　　　　　　　9 :横百叶窗 10 :错位横百叶窗　　　　    11: 错位竖百叶窗 12 :点扩散　　　　　　       13: 左右到中间刷新 14 :中间到左右刷新　　　    15 :中间到上下 16 :上下到中间　　　　　    17 :右下到左上 18 :右上到左下　　　　　    19 :左上到右下 20 :左下到右上　　　　       21 :横条 22 :竖条　　　　　　          23 :以上22种随机选择一种 ------------------------------------------------------------------------------

网页变换效果只要搭配得当，这些变换效果会给访客留下非常深刻的印象，即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友，很可能就把你的网页复制下来，以供学习研究之用。其实你不过是加了短短一段代码而已^_^ 网页变换效果（Trans）共分四大类："进入网页"（Page-Enter）、"离开网页"（Page-Exit）、"进入站点"（Site-Enter）、"离开站点"（Site-Exit）。每一大类又分为25个小类，先用进入网页效果来举例说明：
进入网页时的效果
1．混合效果代码如下：
2．盒状收缩效果代码如下：
3．盒状放射效果代码如下：
4．圆形收缩效果代码如下：
5．圆形放射效果代码如下：
6．向上擦除效果代码如下：
7．向下擦除效果代码如下：
8．向右擦除效果代码如下：
9．向左擦除效果代码如下：
10．垂直遮蔽效果代码如下：
11．水平遮蔽效果代码如下：
12．横向棋盘式效果代码如下：
13．纵向棋盘式效果代码如下：
14．随即分解效果代码如下：
15．左右向中央缩进效果代码如下：
16．中央向左右扩展效果代码如下：
17．上下向中央缩进效果代码如下：
18．中央向上下扩展效果代码如下：
19．从左下抽出效果代码如下：
20．从左上抽出效果代码如下：
21．从右下抽出效果代码如下：
22．从右上抽出效果代码如下：
23．随机水平线条效果代码如下：
24．随机垂直线条效果代码如下：
25．随机效果代码如下：
现在让我们来分析一下这些代码，首先大家一定能看出这些代码大多数地方很相似。事实上，虽然分类很多，但每个大类下的25个小类是分别对应相同的，并且用数字来标识，（除了混合效果 blendTrans(Duration=1.0)），所以不用对没个大类一一举例说明，只要把"Page-Enter"换为"Page-Exit"（离开网页）、"Site-Enter"（进入站点）、"Site-Exit"（离开站点），就可以达到需要的效果了，同时记忆起来也比较方便。其中"Duration=1.0"可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。需要注意的是四个大类的效果可以在一个网页里同时设置，但每个大类只能设置一种效果。另外如果网页是帧页的话，也将无法显示出效果。

wordpress插件集锦（不断添加中…）

Yaley — Wed, 09 Apr 2008 02:42:05 +0000

【转载自刀客】Wordpress是目前最流行的博客系统之一，wordpress本身功能非常简单，但它具有非常好的扩展性，博主可以通过自主安装所需插件使其功能加强，也许正是这种DIY的方式，才让wordpress快速流行，迅猛发展。刀客现在该文做一个Wordpress插件集锦，希望对你的博客之旅有所帮助。

管理相关

404 Notifier - 记录访问博客时产生的404即无法访问错误。

Adhesive - 固顶插件。
Admin Dropdown Menus - 将后台管理菜单变成下拉式的。

AjaxWP - 在全站运用AJAX，从而加快页面载入速度。

AWSOM - 这个插件能让制作一篇“置顶”文章或留言。

asTunes - 获取Audioscrobbler或last.fm中的数据并以列表的形式发表到博客上。

Author Complete Post List - 按作者分类显示日志，包括合作的日志。

Batch Categories - 更强大的日志分类管理。

Blog by Mail with Categories - 增强Wordpress的“Blog by mail”功能，允许对发送日志的分类进行限制。

Bluetrait Event Viewer (BTEV) - 增强多用户博客安全性，监控用户登录、删除用户、无效用户名等内容。

Codebox - 创建一个滚动块展示代码片段。

Category Excluder - 建立一些浏览者没有权限浏览的分类目录。
Custom Admin Menu - 自定义后台管理菜单。
Dashbar - 允许管理员在前台直接访问管理数据而不需要打开多个窗口。
Dashboard Editor - 改变后台Dashboard使其显示的内容对个人更有用。
DashNote - 在Dashboard添加笔记功能。

del.icio.us cached - 显示你最近的 del.icio.us。

Different Posts Per Page - 允许你设置不同页面显示的文章数，比如首页显示7篇、分类页显示9篇。
Domain Mirror - 在不同的域名上建立多个镜像。

Extended live archive - 动态显示存档。

Filosofo Old-Style Upload - 自定义上传任意文件到任意文件夹。
Fix Database - 检查Wordpress数据库错误并尝试修复。

Front Page Excluded Categories - 设置在首页不显示某个特定分类的文章。
Genki Announcement - 公告，支持多种显示方式。
Genki Pre-Publish Reminder - 提示对日志进行分类。
Google Analyticator - 在所有页面添加Google Analytics统计代码。
GT Post Approval - 在多用户博客中以管理员身份查看日志时添加“Approve”和“Reject”按钮。

Homepage Excerpts - 允许在首页的第一页显示全文输出，而在第二页之后显示文章的摘要输出。

In Series Plugin - 制作一系列的相关文章。
Instant Update - 一键自动将Wordpress升级到最新版本。
Khanh’s Instant Notepad (KIN) - 增加笔记功能。

Jerome’s Keywords plugin - 关键字/tag 插件。相对 UTW 而言功能较少，但是更好用。

Landing Sites - 根据搜索关键字给来访者提供他们可能感兴趣的相关文章。

Mass Post Manager - 批量删除或移动某一分类的日志。
Mutliply - 允许仅设置唯一的管理员管理多个博客。
NextGEN Gallery - 在后台添加相册，甚至Flash相册。

Next/Previous Post in same Category - 在文章里展示同类别的上一篇和下一篇。

No ping wait - 无需等待后台ping back的时间。
OneClick Install - 更强大的插件或主题上传安装功能。

One Year Ago - 展示一年之前的文章。

Order Posts - 自定义旧文章的展示方式。

Page Link Manager - 更轻松的管理静态页面。
PlugInstaller - 将在其他网站上看到的插件直接上传并安装。

Popularity Contest - 自动高亮最热主题。

Post Notification - 给数据库里的所有email发邮件，告诉他们你写了新文章。

Random Posts - 生成随机文章。

Related posts - 自动搜索并列举相关文章的插件。

Semi-Secure Login - 提高wordpress的安全性，加密登录。

Sidebar Widgets - 可以在侧栏自由加载各种小东西。

Simple Pop-up Images - 点击缩略图通过弹出式窗口浏览大图。
Site Unavailable - 博客无法访问时显示自定义信息。

SRG Clean Archives - 存档插件，可以按月/年显示。

Super Archive - 实现增强的文章归档。

Time Zone - 这个插件解决由夏令时带来的时间延时的烦恼。
Throttle - 监控博客带宽，当服务器负载较大时限制某些不重要内容的显示以提高性能。

Ultimate Google Analytics：帮助你一次性嵌入统计代码。

Update Manager - 检查博客所用的插件是否存在更新版本。

WP-Cache 2.0 -缓存插件，对于大流量的 blog 很有用。

WP Cache Inspect - 手动清除缓存。

wp-cats - 批量管理文章的分类和标签。

WP-Cron - 计划任务插件，比如配合备份插件使用，可以自动定时备份然后发送到你的邮箱。
WP-Custom Login - 自定义登录界面。

Wordpress database backup - 数据库备份插件，免得进 phpmyadmin 那么麻烦，如果你的主机支持 smtp 的话，还可以直接把备份发送到邮箱。
WP- DBManager - 数据库管理优化工具。

WP Definitions - 帮助你向读者解释某一具体的名词。
WP-phpMyAdmin - 在后台直接使用phpMyAdmin管理数据库。
WP Plugins Tracker - 检查你的插件是否是最新版本。

WP-Ultimate Gamers Pack - 让博客可以在PSP等设备上访问。

金钱相关

Adman - 让你的Adsense广告在文章中间显示。

AdRotator Wordpress Plugin - 轮回显示Adsense广告和其他联盟广告。

AdSense Deluxe - 让你很方便的在 blog 里加入各种广告代码。

Adsense Injection - 将Adsense代码随机插入原有文章中。

Adsense Inline - 在博客文章中插入Google Adsense代码。

Adsense Earnings Wordpress Plugin - 在后台显示你的Adsense的明细收入。

AdSense Widget for WordPress Sidebar - 在侧边栏显示Adsense广告。

Alipay donate - 支付宝捐赠插件。

Author Adsense Plugin - 实现Adsense的分帐户投放，不同用户的文章里会投放自己的Adsense帐户的广告。

Bankroll - 让广告主直接从你的博客购买广告，有点像Text Link Ads。

Buy Me A Beer Plugin - 让访问者通过Paypal给你买啤酒（也就是募捐）。

MightyAdsense - 不用修改Wordpress模板即可将代码加入，且可以指定在每页显示广告块的数量。

Paypal Donate - 让访问者通过Paypal给你募捐。

WP-AdsenseProfit - 通过调用模板中的一个函数来显示你的Adsense收益。

主题相关

About Me Widget - 在侧栏加入一个“关于我”的Widget。

Countdown Timer - 在侧栏加入一个倒计时。

Pagebar - 显示页码的插件。

WP-Page Navi - 翻页插件，功能比pagebar更强大。

NAVT - 导航栏设计插件。

Feed相关

Add Related Posts to Feed - 在Feed输出里加入相关文章。需配合一些UTW或Simple tagging使用。

Better Feed - 优化Feed输出。

©Feed - 功能强大的feed插件，可以在Feed中加入版权信息及数字指纹：根据数字指纹追踪被抄袭文章；在Feed中加入评论内容；在Feed中加入相关日志。

FeedBurner FeedSmith - 确保所有的Feed地址都被重定向到FeedBurner。

Feedburner Feed Replacement - 将原始 feed 地址转向到 feedburner 的烧录地址。

Feed Footer - 优化RSS输出的插件。优化Feed的底部，例如加入版权声明等等。
Feedvertising plugin - 实现在rss feed中文章结尾处加上别人的文字或图片链接，而不是在博客的文章中。

Feed Statistics - 监控Feed被订阅信息。
FeedBurner SiteStats Enabler - 在博客中安装FeedBurnner统计脚本。
FeedBurner StandardStats - 添加FeedBurner统计脚本。
FeedStats - 统计Feed订阅情况。

flickrRSS - 将Flickr相册里的RSS合烧到博客的RSS里。

Full Text Feed - 全文输出Feed。

Subscribe Remind - 在文章底部将加入提醒浏览者进行订阅的提示。

统计相关

AWStats Xtended Info - 加强AWStats统计功能。
Backlinks inbound links counter - 跟踪博客的来源链接。
Bsuite - 跟踪页面浏览、搜索关键词等内容，显示访问量最大的日志以及相关日志。

Bluetrait Event Viewer (BTEV) - 可跟踪用户的登录、删除，无效用户名等情况，可增强安全性。
CountPosts - 统计文章被浏览次数，当你以管理员身份浏览时将不被计数。
DownloadCounter - 统计附件被下载次数。
Dschini Bot Checker - 获得日志被搜索引擎检索的情况。
FirStats - 基于AJAX技术的全功能统计插件。

GeneralStats - 显示用户、分类、文章、留言、页面、链接等等数量情况。
GoStats web counter - 轻松安装GoStats统计代码。

Impress - 显示博客用户、分类、日志、评论等数量。
Lightstats - 生成有关日志、评论、分类等统计数据的条形图或饼图。
Live - 实时监控博客被访问情况。
Open Web Analytics - 统计各种数据并可以通过Google Earth展示访问者。
Posts/Comments Time - 统计一天中发表最多评论的时段，这样你就可以更有针对性的规划发表日志的时间，以获得更多的评论。
Search Phrases - 统计来自搜索引擎的关键词。
Social Traffic Monitor - 监视来自多个社会性网站的访问。

Stats - 浏览者数据统计插件。

Statraq - 相当强大的博客统计插件，可以记录访问者的IP、搜索关键字、访问人数等等。
Ultimate Google Analytics - 更方便的添加Google Analytics统计脚本。
WordPress.com Stats - Wordpress官方的统计插件，需要Wordpress API Key。
WP OnlineCounter - 在线用户统计。

Wp-Shortstat - 在后台显示你 blog 的相关信息。
WP-SlimStat - 提供所有的标准统计数据，而且不会对服务器产生过大的负载。
WP-Stats - 非常全面的统计插件。

WP-User Online - 显示在线人数。

SEO相关

Alexa Rank - 显示博客的Alexa全球排名。

All-in-One SEO Pack - 必备的SEO插件，可同时实现标题优化、生成meta描述和meta关键字。

Another WordPress Meta Plugin - 在日志中添加Meta标签和关键字，以优化搜索引擎。

Bad Behavior - 通过分析HTTP请求防止广告爬虫访问你的博客。

cos-html-cache - 为日志生成静态页面，以缓解服务器和数据库的压力，方便搜索引擎收录。

Dagon Design Sitemap Generator - 生成一个网站地图。

Enforce WWW Preference - 使用301永久重定向强迫访问者或搜索引擎访问博客时使用统一的域名。

Find Us - 在博客里生成Google Maps。

GeneralStats - 显示博客用户、分类、日志、评论等数量。
Google PageRank - 显示Google PR值。

Google Sitemaps - 在博客根目录生成一个sitemap.xml文件，并自动提交到Google，方便搜索引擎进行索引。

Google Sitemaps - UTW Tag Addon - 这个插件是针对 Google SiteMap 和 UTW 两个插件，提供 SEO 功能。

Head META Description - 根据你博客的内容为你的博客提供动态的 meta 描述。

Jon’s Showoff Rankings Widget - 显示博客Google PR值、Alexa排名、Technorati排名。

Landing Sites - 如果访问者通过搜索引擎找到你的站点，却发现不是他所需要的内容，大部分时候他就会立即关掉当前窗口。这个插件可以友好地提供你站点上访问者需要的相关内容。

No WWW - 将所有含有www的URL都转向到无www的URL。

Optimal title - title优化插件。

Plug ‘n’ Play Google Map - 自动将日志中的经纬度信息添加到一个独立的基于Google Map页面。

Permalink Migration - 规范化你的URL永久链接。

Permalink Redirect - 实现301转向。

Permacop - 重定向网址。
Post2Page - 将日志转为静态页面。

Robots.TXT - 协助你方便地编辑robots.txt。

Redirection - 这个插件基于Ajax，操作极为方便。插件可以让你自如地管理博客里的301转向，包括创建和修改。在新版本里，不但可以设置301转向，302和307都是允许的。

Search Meter - 记录浏览者的搜索记录。

SEO Title Tag - 针对标题进行 tag 优化。

Simple Tagging - 通过下拉式菜单简化Tag的添加。

Simple Tags - 最简单最好用的 Technorati tag 插件，只需在你的 post 里加上 [tags] [/tags] 标签即可。

Ultimate Tag Warrior - Wordpress 最好的 Tag 插件。

Wikipedia-NoFollow - 在链接到Wikipedia的链接中添加“nofollow”属性。

访客相关

中文WordPress 工具箱 - 用来解决官方WordPress没有照顾到的中文相关问题。使用这个插件，你可以显示随机文章，最新留言（最新引用），留言最多文章，发表评论最多的网友，还有真正的文章摘要，等等，真正截断，没有乱码。

AJAX Google Video Search - 直接在博客中搜索Google Video。
AJAX Shoutbox - 聊天系统。
Cool Weather - 天气预报。
Currency Converter - 获取来自Yahoo Finance的实时财经资讯。

Email Users - 可以根据注册用户的不同权限给他们发送电子邮件。
Google AJAX Search - 基于AJAX的Google搜索。
Google MapSearch Widget - 在侧边栏添加Google Map搜索。
Gregarious - 提供多个社会性书签网站按钮。
Hottaimoijiruna - 允许自定义时区的时钟。
Inline Ajax Comments - 在访问者点击前隐藏评论。
Inline Ajax Page - 允许用户在查看某篇日志前获取其摘要。

Live Wordpress - 监视浏览者在你博客上的一举一动。

Members Only - 只有注册用户才可以看到你的文章。

On This Day - 显示历史上的当天日志。

Share This - 添加多个社会性网站分享按钮，可能吧已将它中文化。

Sociable - 社会化书签插件，比如 Digg、del.icio.us、reddit 等。
Tagboard Widget - 添加一个自动更新的标签纸。
Units Converter - 单位转换工具。
WP Movie Ratings - 直接对某部电影向IMDB投票。

Wp_Notable -用另一种方式显示社会化书签小图标。

WordPress Mobile Edition - 使博客在手持设备中也能有很好的浏览效果。

WordPress PDA - 让PDA用户阅读你的博客时有更好的浏览体验。

Wordpress Mailing List - 邮件列表，允许读者订阅或取消。
WP e-Commerce - 在站点中添加购物车。
WP-Polls - 添加可自定义的投票功能。
WP-Post Ratings - 日志评分。

XDTalk - 允许注册用户间进行实时聊天。

Yahoo Messenger Online Status - 显示你的Yahoo Messenger是否在线。
Zorpia That’s Hot Box - 允许读者将日志提交到Zorpia.com。

评论相关

Admin Panel Comment Reply - 在评论管理中添加评论回复选项。

AJAX Comments 2.0 - 基于AJAX的评论系统。

Ajax Comment Preview - 允许读者在发表评论前预览。

Ajax Comments-Reply - 将留言系统设置成Ajax形式，不用刷新即可添加评论。

Akismet - 官方插件，垃圾评论过滤，需要先到Wordpress.com申请一个API Key。

Akismet Spam Count - 显示被Akismet过滤的垃圾信息数目。

AuthorHighlight - 高亮显示博客作者的评论。

Bannage - 通过姓名、电子邮件或IP地址禁止某些用户评论。

BlogFollow - 在评论的末尾显示评论作者博客的简单介绍。

captcha - 通过显示一个扭曲数字的图片，来阻止垃圾留言。

Comment Highlighter - 根据作者姓名、email、网址等定义评论显示风格。
Comment Timeout - 关闭旧日志的评论功能。

Comment Twitter SMS Notification - 通过Twitter SMS通知你有新的评论。
CommentCentral - 允许批量打开或关闭日志的评论功能。
Comment Karma - Digg风格的评论投票插件。

Comment Relish - 给首次留言的留言者寄送一封感谢邮件。

Commentluv - 在评论中能显示评论者最新文章标题。

Crossroads - 增加来自Flickr的缩略图和评论。

Custom Smileys - 在评论中添加表情显示。

De-link Comment Author - 删除一个评论者的链接但不删除整个留言。

Did You Pass Math? - 发表评论前回答简单的数学题。

DMS Guestbook - 为你的博客制作一个留言本。

DoFollow - 去除评论中链接的“nofollow”属性。
DoFollow Trackbacks - 去除通告中的“nofollow”属性。

Edit Comments XT - 允许读者编辑他们发表的评论。

Emotions - 在留言中插入表情，有72中表情。

Favatars - 将评论者的博客或网站图标作为他们的头像。

Fresh Comments - 在侧边栏显示最新回复的内容，可以设置不显示 trackback和pingback，如刀客征途的侧边栏最新评论。
Get Recent Comments - 显示最新回复的摘要，可以设置为不显示 trackback。

Gravatar - 在评论中显示基于Gravatar的头像。

Hardened-Trackback - 创建仅一次有效的通告地址以防止垃圾通告。

Latest Comments with Avatars Reloaded - 显示最后发表的评论以及其所有者的MyBloglog头像。

Link Love Plugin - 去除留言者链接里的”nofollow”标签。

Live Comment Preview - 允许读者在发表评论前预览。
MBLA - 在评论中显示基于MyBloglog的头像。

Math Problem Spam Protection - 通过回答一道简单的数学问题来防止垃圾留言。

My Top Commentators - 与Show Top Commentators功能相同，使用Widgets来显示评论最多的访客。

New Posts Pop-up - 在一个新的弹出式窗口里展示最新文章或评论。

Nicer Trackbacks - 改进通告的显示效果。

No ping wait - 不用等待后台 trackback 的 ping 时间。

Numbered Comments 添加评论计数功能。
OpenID Comments - 使用OpenID做为发表评论的认证。
Quoter - 引用已有的评论。

Simple CoComments - 在博客间跟踪评论。

Sexy Comments - 替换原来的评论模板，让评论区域看起来有点像论坛的风格。

Show Top Commentators - 在页面的侧边栏罗列出在你博客中发表最多评论的作者，同时链接到他们的博客。

Spam Karma - 又一个优秀的垃圾评论过滤插件，通过多个选项的权值得分过滤垃圾评论。

Some Chinese Please - 为用中文写作的wordpress blogger准备的拦截spam的plugin。

Subscribe to comments - 让回复者订阅该主题的回复。

Threaded Comments - 针对某个留言进行留言，这个留言不出现在最底部，而是在所针对的留言的下方。

TinyMCEComments - 使用富文本编辑器撰写评论。

Trackbackers - 和Show Top Commenters不同，它展示的是引用你的文章最多的博客，而不是评论最多的人。

Webcam Comments - 实现语音或视频留言。
Whisper - 允许用户发表仅某部分人可以看到的私密评论。

WP AJAX Edit Comments - 让评论者可以在短时间内重新修改自己的评论。

wp-chunk - 截断评论中过长的地址避免撑破页面。

WP-Most Commented Posts - 在侧边栏显示拥有最多评论的日志。

WP-NoSh*t - 过滤评论中的不当用词。

Wordpress Thread Comment - 评论回复型插件，可以实现对他人的评论进行针对性回复，并集中显示。

撰写相关

Add Graphic Signature - 自动或使用标签在日志中添加图片签名。
Adman - 帮助你在日志的开头或中间显示广告。

Advanced TinyMCE Editor - TinyMCE Advanced的升级版。

Ajax Spell Checker - 对日志进行拼写检查。

Auto Link - 指定特殊的标签并在正文输出时使用Google API进行自动链接转换，如将[movie]Move Title[/movie]自动链接到IMDB上。

Auto-hyperlink URLs - 自动将URL转换为链接。

AWSOM Pixgallery - 针对为艺术家或插画作者设计的插件，允许构建他们专属的展示作品区。

Batch Image Uploader - 批量上传图片。
Category Remindr - 在“Publish”按钮后增加一个分类提示按钮，以提醒你对当前日志进行分类。

Code Markup - 支持在日志中显示HTML或其他语言的代码片段。

Corrector - 使用Google Spell进行拼写检查，支持27种语言。

Cos_slug_translator - 自动英语slug插件，适用于永久链接带标题名的博客，可以将中文标题自动翻译成英语。

Custom Write Panel - 自定义后台“Write”面板，允许隐藏部分不需要的内容，如“Post Password”。

Digital Fingerprint - 在日志中添加数字指纹，防止文章被剽窃。

DropCap First Character - 日志首字符放大。

Easy Post-To-Post Links - 撰写日志时通过快捷方式简化站内其他日志链接的添加。

Excerpt Editor - 摘要编辑功能。

Exec-php - 在 post 里执行 php 代码。

Flickr Passes GFW - 自动替换文章中的 Flickr 图片引用地址（防止GFW）。

Front Page Excluded Categories - 允许隐藏某些分类的日志。

FCKEditor - 富文本编辑器。

Flexible Upload - 实现比wordpress内置图片上传功能更强大的插件。

Get Custom - 在文章中插入附件。

Image Manager Plugin - 让你在WP后台编辑图片：裁剪、旋转等等。

imgViewJX - 在首页展示某一目录中的图片。

iMax-Width - 自动限制文章中的图片宽度,防止图片过大撑破主题页面的现象发生。

Just Unzip - 在日志撰写页面上传一个压缩包，该插件将自动解压并添加其包含的内容到当前日志。

KB Linker - 设定文章里某些特定的关键字自动链接到特定的链接。

Leprakhauns Word Count - 在日志编辑页面添加字符计数功能。

Lightbox 2 - 灰盒子插件，用幻灯效果显示图片。
Limit the size of main page posts - 指定首页日志摘要的字数。

Live Spell Checker - 拼写检查。

Monsters Editor - 外观与word2007相似的编辑器。

Notify On Draft Post - 当多用户博客中有新日志发表时，通知Editor审阅。
Post Notification - 当你发表新日志时，邮件通知所有注册用户，甚至还可以将该日志包含在邮件中一起发送。

Post Repeater - 每周、每月、每年重复发表同一篇重要日志。
Post Templates - 设置日志模板，简化同类日志的发表过程。
PostPost - 在日志开头或结尾处添加某些特定内容，例如广告。
Posts Expire - 设置日志的有效显示期限，过期后日志将被隐藏。

Plain Text Paste - 纯文本粘贴，去除文本的格式信息。

Search and Replace - 搜索或替换所有日志中的某些特定字符。

Shashin - 展示Picasa相册图片。

Subscribers Only - 标记日志为“Subscriber Only” 使其仅对会员可见.
Subscribe-Remind - 在每篇日志下方提示读者订阅RSS feed。

Super Edit - 让你全屏写博客。

Simple Graph - 让你轻松地在侧栏或文章里制作图表。

TD Word Count - 日志字符数统计。
TinyMCE Advanced - 和word一样强大的编辑器。

Word Count - 获得某篇或全部日志字符数。

Wp-Contact form - 给你的 blog 加一个联系表单。

WP-Footnotes - 为日志添加脚注。

WP-orderposts - 改变日志的排序方式。

wp-slug - 日志标题自动转换缩略名。

wpSpoiler - 有利于影视评论类博客，可以隐藏[spoiler]标签中的文字。

WP-Sticky - 日志置顶。
WP-Table - 允许在编辑器中添加表格。

WP-GreyBox - 功能同lightbox，并且实现图片翻页等新功能。

WP Grins - 使后台和评论可以轻松添加表情。
WPAds -在博客的任意位置展示横幅或文字广告。

Wysiwyg - 加强博客内的图片控制。

WP Super Edit - 与TinyMCE Advanced功能类似，但无查找替换功能。

Ubernyms - 为常用的专业术语和链接设置快捷方式。

多媒体相关

avideo - 支持中文视频分享网站的 Flash 播放插件。

Audio player - 一个媒体播放器。

CoolPlayer - 支持播放音频和视频播放插件。

Flash Video Player - 在日志中插入视频文件或者其它多媒体文件。

podPress - 大量针对播客的功能。

WordTube - 直接在日志中添加视频。

YouTube Widget - 在侧边栏显示你的YouTube 视频

用 CSS Sprites 减少请求次数，加速网站

Yaley — Wed, 02 Apr 2008 14:14:41 +0000

CSS Sprites就是将网页上所有的背景图片都放在一张大图片上，更详细的介绍

在需要用到图片的时候，现阶段是通过CSS属性background-image组合background-repeat, background-position等来实现......我们的主角是，你一定猜到了，就是background-position。通过调整background-position的数值，背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变，由于图片位置的改变，你看到只该看到的而已。就好比手表上的日期，你今天看到是21，明天看到是22，是因为它的position往上跳了一格。所以你也大概了解到，CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。

比如本站的所有背景图片已经整合成单独一张，然后通过CSS定义背景：

.bloglines, .zhuaxia, .google, {     background-image: url(images/b.gif); }  .bloglines { background-position: 0 -216px; } .zhuaxia { background-position: 0 -332px; } .google { background-position: 0 -448px; }

上面这一段代码用同一张背景图片生成了Google，Zhuaxia，Bloglines的订阅图片。效果可见右侧栏的订阅区，与各自指定图片背景效果完全一样。

上面最麻烦的一个地方在于如何生成大图片，利用PhotoShop的Merge功能可以把图片整合在一起，但每个小图片在大图片的位置参数需要一个一个去弄，比较麻烦，但是比较自由。利用CSS Sprites Generator，一切都自动搞定。这个网站支持上传图片的ZIP压缩包，然后生成一张大图片，已经以图片文件名为类名的CSS语句，自动给出每个图片对应的位置。另外还可以设置各个小图片之间的间隔，以适应内容的适度拉伸。

为不同分类的文章标题添加不同的图标

Yaley — Wed, 02 Apr 2008 13:55:19 +0000

给标题定义一个Class: Class="cat-"
然后给 .cat-??? 定义一个background图片
然后 .cat-???2
.cat-???3
...
...

wp存档函数的使用方法

Yaley — Wed, 02 Apr 2008 02:53:26 +0000

修改存档页，从网上看到些资料，总结如下。

其实感觉wp细细研究的话，可以发现其本身带有的功能巨大，即使不靠插件也可完成绝大多数的需要。只不过比较麻烦，需要的技术比较高，所以大家还是喜欢用方便的插件来完成，呵呵，随便说两句，进入正题。

函数wp_get_archives是用来调用存档的，可以放在模板中的sidebar.php或者放在专门的存档页面archives.php。

具体写法如下：

wp_get_archives('type=monthly&limit=12&format=html&before=...
&after=...&show_post_count=true');

下面说明一下里面的每个函数的意思：

type:归档方式

type=monthly:按月显示
type=daily:按天显示
type=weekly:按周显示
type=postbypost:显示文章标题

limit:显示篇数

limit=10:显示最近10篇文章

format:格式

format=html:默认方式
format=link:输出格式:

format=option:输出格式:

before:archives前

before=…:要在前面加的文字

after:archives后

after=…:要在后面加的文字

show_post_count:是否显示文章数量

show_post_count=true:要在后面显示文章的数量

wordpress分类函数一些应用

Yaley — Wed, 02 Apr 2008 02:50:32 +0000

1.存档标签

wp_list_categories

wp_list_categories标签负责的是存档的调用，在模板archives.php文件中添加wp_list_categories标签可以调用wp程序的存档。

用法如下：

wp_list_categories标签的所有数值：

show_option_all
值：任意填。
如果你写，那么在列表第一个分类就显示“*”两字，不过连接是连接到blog首页的，正好可以利用此参数加个“首页”。

orderby
值：ID、name（默认值）、count。
作用是按这3个值来排序。

order
值：ASC（默认值）、DESC。
ASC为升序，DESC为降序。

show_last_updated
值：0（默认值）、1。
0无作用，1为最近更新的分类显示在前面。

style
值：list（默认值）、none。
例6中已经举例了。none无作用。

show_count
值：0、1（默认值）
1在每个分类后面显示日志数量，0不显示。

hide_empty
值：0、1（默认值）
1是隐藏没有发表日志的分类，0是显示所有。

use_desc_for_title
值：0、1（默认值）
0为关闭说明，1为显示说明。上面有例子。

child_of
值：数字
显示指定ID（也就是所填的这个数字）下的子分类。

feed
值：任意
假如你填“啊!”，那么在你每个分类后面都会出现“(啊!)”，连接地址是RSS地址。

feed_image
值：任意。虽然任意，但是是个图片的地址才对。
用来在分类后面显示个RSS Feed图标，上面有例子。

exclude
值：任意。但是要填分类名称或者分类ID才有效。
用来过滤（或者说隐藏）某个分类在列表中的出现。

include
值：任意。但是要填分类名称或者分类ID才有效。
作用是只显示所填的这个分类名或ID。

hierarchical
值：0、1（默认值）
说是按分类文章数目排列的，但测试无效果。

title_li
值：任意
用来改变列表标题的。

number
值：整数
设置一个显示上限。

数值应用举例：

1.包含或排除某分类：
意思就是把分类ID为3，5，9，16的分类按名称顺序来排序：

按名称排列，并显示每个分类的日志总数，并不显示ID为10的分类：

2.显示或隐藏列表标题：
过滤ID为4和7的分类，并且列表标题设置为“哈哈”：

列表中只显示ID为5、9、23的分类，并把列表标题改为

;Poetry
（下面的格式是为了把“要显示的数据”和“标签参数区分开来”）

' . __('Poetry') . '' ); ?>

3.这个参数的意思是：按ID排序，关闭分类说明（就是鼠标移动到连接上就不显示你在后台填的分类说明了，只显示“察看XX分类下的所有文章”），并且只显示ID为8的分类下的子分类，如果没有，则参数无效，会按默认来显示。

4.外观是分类后面显示个（RSS），作用就不用我说了吧？

5.这个比较酷，相信大家都喜欢：
分类名称后面显示一个自己制定的小图标，作用是RSS。

6.花式列表：
改变当前正在浏览的分类名字的样式。’style=list’的作用是给输出的html代码

中加一个class=”current-cat”，然后你在CSS里添一个.current-cat {color:red;}那么我浏览分类AAA时，列表中的“AAA”3个字就是红色的，浏览BBB，“BBB”就是红色的。

转自：http://www.xumomo.com/network/wp_list_categories.html

在本地测试好主题上传到网站后，一定要注意插件！！！！

Yaley — Sat, 29 Mar 2008 07:41:09 +0000

在本地测试一切正常，传到网站上安装后就提示JS有问题

花了半夜时间没搞定

经提醒才发现插件的问题

本地安装启用了，主题中加入了相关代码，上传后网站未使用该插件……

一定要注意这个问题

实现不同时段跳转不同页面

Yaley — Sat, 29 Mar 2008 07:39:21 +0000

代码如下：

有人使用这样的：

但是navigate不被firefox支持

DIV水平居中的方法

Yaley — Wed, 26 Mar 2008 04:13:06 +0000

浮动： body{text-align:center;} div{ width:100px;margin:10px auto;}

绝对定位：div{position:absolute;top:10px;left:50%;width:100px;margin-left:-50px;}

设置背景图像，要注意框的尺寸

Yaley — Tue, 25 Mar 2008 13:47:30 +0000

假设图像 100X100，那么定义框的尺寸为 width:100 height:100，那么图像全部显示。

假如不设置 width:100，那么图像会根据内容的多少而显示，比如，只在框内输入“我”一个字，那么只有“我”的范围内有图像。