标签归档:WordPress

WordPress图片展示插件:Slimbox 介级及幻灯演示效果

以前在别人博客上看到过 lightbox 幻灯效果,觉得特好看,但后来看到lightbox的安装方式复杂让我怯步,没办法,我是一个比较懒的人。后面看到一些关于lightbox插件,都觉得挺大的,一个插件的js代码就上30K,加上图片的话就上70K,那就太不爽的,怕显示慢而影响浏览速度,故没有把Lightbox效果整合进博客中。

而今天之所以介绍Slimbox,因为它太小巧了,只有10K多点,JS代码才4K多,加上图片显示的速度非常之快。lightbox效果,而且效果也是最棒的。完全是我的心目中理想图片展示插件。

安装方法:后台–插件–安装插件–搜索“Slimbox”–下载安装–激活–OK了,简单吧。
使用方法:写博客时把图片加上图片原图链接网址(我以前一般发布图片时会把点击链接去掉的)既可,自动识别日志图片,加载lightbox效果。简单吧。

当你的文章所在页面有几张图片,那就Lightbox效果显示几张。比喻本文,在首页显示一张,而点击进去详细内容有三张图片,那在首页时只Lightbox一张效果,点击进去看全文,那就会下一张和上一张这样显示全部三张图片。 继续阅读

教你给WordPress的Description与Keywords进行SEO优化

建议大家放弃All in one SEO之类的插件,因为它消耗资源,让网站访问速度减慢。现在教你给WordPress首页及文章的Description与Keywords进行SEO优化,通过下面的代码设置博客的 Description 和 Keywords,用日志的摘要作为Description,或是文章的前220个字,用标签(tags)作为关键词 Keywords。用这些代码同样可以达到All in one SEO之类的插件的功能,提高搜索引擎的收录条数。

以下为Title部份代码:

<title><?php
	global $page, $paged;
	wp_title( '|', true, 'right' );
	bloginfo( 'name' );
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";
?></title>

以下为Description与Keywords 优化代码:

<?php
if (!function_exists('utf8Substr')) {
 function utf8Substr($str, $from, $len)
 {
     return preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$from.'}'.
          '((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s',
          '$1',$str);
 }
}
 if (is_home()){
    $description = "博客介绍";
    $keywords = "关键字,多个关键了以英文“,”号区分开";
} elseif (is_single()){
    if ($post->post_excerpt) {
        $description  = $post->post_excerpt;
    } else {
   if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){
    $post_content = $result['1'];
   } else {
    $post_content_r = explode("\n",trim(strip_tags($post->post_content)));
    $post_content = $post_content_r['0'];
   }
         $description = utf8Substr($post_content,0,220);
  }

    $keywords = "";
    $tags = wp_get_post_tags($post->ID);
    foreach ($tags as $tag ) {
        $keywords = $keywords . $tag->name . ",";
    }
}
?>
<meta name="description" content="<?php echo trim($description); ?>" />
<meta name="keywords" content="<?php echo rtrim($keywords,','); ?>" />

以上代码已去掉了关键词之间的空格和最后的逗号,也去掉了描述(description)的换行符(\n)。如果第一段日志没有220个字,那可以直接把日志的第一段作为Description。同时解决了substr在截取中文字符时所造成乱码的问题。以上代码唯一的不爽就是没有给分类和页面进行Description与Keywords显示,虽然有解决方法,但过于复杂,所以难得理了。

2010年11月28日更新:经过小明的修改,完全实现WordPress的首页、文章、页面、分类的Description与Keywords显示优化。可以说是完美解决WordPress的Description与Keywords的优化工作。 继续阅读

本博客正式启用新模板:Elegant Box

虽然WordPress的版本已发布到3.0.1,但我还是使用是2.9.1的内核。对于博客的模板,我真的太花心了,每一个模板在我的手上使用也超不过半年。现在又更换新的模板为:Elegant Box

该模板的作者是:mg12,如果你用过iNove这个模板,那你应该认识他。他制作出来的模板,可以在美工上不是最好的,但他在模板的细节上做得很好。现在给你介绍Elegant Box有那些特性吧。

1、一个模板,多个色调。总会有一个色调会适合你。
2、多语言化,国际通用。
3、集成常用插件,让你的功能超级强大。
4、模板后面可以设置其它功能:如公告栏 、广告、自定义搜索引擎、菜单栏设置、橱窗、自定义订阅地址、添加 Twitter 按钮及网站网站分析代码。

看得出来这个模板在细节方面的功夫了吧。基本上不用你再去修改代码。

本人使用本风格模板后,还使用了以下插件:
Suggested Plugins:
WordPress Related Posts
WP-PageNavi
WP-PostViews–阅读统计
WP-Syntax
WP-RecentComments
WP-MulticolLinks
WP-EasyArchives–文章归档
Add Post URL–版权说明
MobilePress–手机浏览插件
Twitter Tools–微博插件
WordPress Thread Comment–评论插件

并且把模板的公告栏加入代码变成Follow me,显示微博的集合;把橱窗位加入代码显示广告;利用Twitter Tools插件在侧边栏显示我的最新Tweet;再在文章的第一篇及第三篇加入广告,同时文章页加入广告。最终结果就如本博客所显示那样,漂亮吗?呵呵,这个模板我不知自已可以坚持多久,或许真的要回归内容。

使用 SSH 安装和迁移 WordPress 博客

一般我们安装或者迁移 WordPress 博客,我们都需要把 WordPress 安装包或者资料下载到本地,然后上传到新的服务器,再进行安装或者迁移,这样不仅耗时费力,如果主机在国外的话,传送几百兆数据将会是一场噩梦。

其实如果你的主机支持 SSH 的话,这一切都会变得很简单并且可以迅速完成,下面我讲解下如何使用 SSH 安装或者迁移 WordPress 博客,以及使用 SSH 体验 WordPress 正在开发的功能。

使用 SSH 安装 WordPress 博客

如果你只是在主机上安装一个全新的 WordPress 博客,那么使用 SSH 将会让你在非常短的时间完成就完成这一操作:

  1. 使用 SSH 登录到你主机,并转到你要安装 WordPress 博客的目录之下。
  2. 使用下面命令从 WordPress.org 下载新版本的 WordPress 安装包。
    wget http://wordpress.org/latest.tar.gz
    

    这个下载速度会非常快,速度快的话都可以达到 5M/S。

  3. 在下载完成之后你需要通过 ls 命令看看下载下来的文件的名字,如果 WordPress 最新版是 2.8.6 的话,这个文件名可能是 wordpress-2.8.6.tar.gz,也有可能是上面的 latest.tar.gz。
  4. 使用下面命令解开压缩包:
    tar -xf wordpress-2.8.6.tar.gz
    
  5. 最后就是一般 WordPress 安装的过程了,这里就不再重复了。

使用 SSH 迁移 WordPress 博客

不得不承认搬家是我们的常态,如果你要迁移你的 WordPress 博客到新主机,以前搬家是一场噩梦,那么现在使用 SSH 进行 WordPress 博客迁移也是一段愉快的旅程。

  1. 使用 SSH 登陆到旧主机,使用 mysqldump 命令把数据库导出到一个文件:
    mysqldump -user=[数据库用户名] -p [数据库名] > [备份文件名].sql
    

    输入上面的命令之后,它会提示你输入数据库密码,输入之后就会把你要倒的数据库备份到一个文件中,把这个文件复制到 HTTP 服务器的根目录下。

  2. 转到根目录,使用以下命令打包并压缩所有文件:
    tar -czvf fairyfish.tar.gz *
    
  3. 使用 SSH 登录新的服务器,使用下面文件解开压缩包:
    tar -xzvf fairyfish.tar.gz 继续阅读 

在WordPress上汇总你的twitter

不得不承认,denis这家伙总是能搞出实用又好玩的插件。这次是Thread Twitter

这个插件最大的好处就是带嵌套的把twiiter上的废话都汇总起来,对我这种几乎之用TwitterFox的人还是很有用滴。插件使用也很简单,denis那里有详细的说 明,三部曲是下载安装插件,绑定twitter帐号和创建模版页。

效果可以参见我的thread twitter页面。 有兴趣的朋友可以一起玩玩看:)也欢迎follow 我的twitter:@huangjinbo

由于denis那篇介绍新建页面的文章过旧,如果按照他的介绍是无法建立独立页面的。我参考的文章在这里,然后再结合denis的CSS才做成我现在这样子。

Thread Twitter的详细介绍及安装方法在这里

通过Google Reader恢复WordPress文章

写博客最痛苦的事莫过于你写的东西由于某些原因突然不见了,而之前却没有备份。之前就因为内容过于敏感而被封博,那段时间真是急死人了。

辛辛苦苦花一个月时间弄了一个在线阅读图书的 WordPress 博客,里面存放了三四百本电子书,共 800 多篇日志。有一天突然发现点击 WordPress 后台的文章 “编辑” 按钮时,只显示空白页面,18 号那天实在受不了就去寻找解决方法。我是一看见方法就尝试,但是却忘记了备份数据库,后来在 phpMyAdmin 上折腾数据库的时候出现了问题——“wp-posts” 数据表不见了,也就是说所有的文章都不见了。

虽然那个博客和精博一样,只是自娱自乐,但是想到偶尔通宵折腾出来的几百篇文章突然不见了,未免悲痛。

我在博客上有安装 wp-db-backup 插件,并设置每天备份一次到邮箱,但是不知从什么时候开始这个功能不灵了,甚至无法下载到电脑硬盘,但是它每天都有自动备份到博客空间上,所以我也就不怎么在意了。谁知道等我导入最新(17号)备份的数据库时,傻了眼——它的文章只备份到 4 号,并且一月份只备份了两篇文章,而我一月份发了大概 200 篇文章,还有 60 多篇草稿。

为了减少损失,悲痛过后,我开始恢复失去的文章,期间有试过以下三种通过 Google Reader 还原博客文章的方法:

1、Google Reader + Postie;

2、Google Reader + WP-o-Matic;

3、Google Reader + Press it。

每种方法都有各自的好处,我最后主要通过第二种方法还原了 170 多篇文章,草稿的那些就永远找不回了。接下来的几天精博会陆续具体介绍每一种方法,如果你有更好的方法,欢迎分享。

本文转自:精品博客

WordPress 主题模板制作/修改教程

说真的,今年很少写东西了。现在博客只是我一个生活容器而已。以下文章转自互联网,如有侵犯你的版权请告之。

简介每一套 WP 主题都由结构层、表现层和数据层构成,可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单,但又极其灵活的。可以说,学会了制作 WP 主题,就相当于基本理解了 Web开发的客户端模型,对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在!
在一套 WP 主题中,最基本的两个文件是 index.php 和style.css。其中,前者定义结构和内容,后者定义样式。所谓结构,就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中,结构层主要使用的是添加了适当的 id 或(和)class 属性的 div 和 ul元素,以便更好地通过表现层来控制页面的布局和外观。所谓表现层,其实就是网页的布局和样式--也就是外观。表现层由CSS(级联样式表)规则定义构成。而数据层,顾名思义,也就是网站中实际显示的内容,是通过调用 WP内置的函数(有时需要传递适当的参数)从数据库中取得的。 继续阅读

WordPress和Movable Type的风格模板、插件资料收录

【WordPress】
WordPress 皮肤面板
ThemeViewer
Templates Now
TemplateMonster
WordPress Themes

推荐 WordPress 插件
Akismet
WordPress Backup
WP Cache
Google Sitemap Generator for WordPress v2 Final
Preview Pane
Facebook Photos
Flickr Photos
Related Posts
Feedburner Feed Replacement
Ultimate Tag Warrior
Adsense Deluxe
Super Archive
Stat Traq
Sociable
LightBox 2

WordPress 插件资源
Official WordPress Plugins Site
Wp-Plugins
Wp Plugins DB
Weblog Tools Collection

【Movable Type】
Movable Type 皮肤面板
Style Library
The Style Contest
Style Generator

推荐 Movable Type 插件
MT Notifier
InlineEditor
MT Blogroll

Movable Type 插件资源
Official Movable Type Plugin site