标签为: "wordpress" 的文章

WordPress博客的 SEO 技巧

随着搜索引擎大兴, 排列在前的网站在引入大量流量. 无论是搜索页面的广告还是查出来的结果, 与搜索者的目标匹配度都比较高 (如果搜索引擎足够智能), 所以通过搜索引擎而来的访客很可能会从网站上得到他想要的东西, 并记住这个网站. 也就是说, 搜索引擎会带来很多有价值的来源, 所以花点时间针对搜索引擎优化一下 WordPress 博客也是值得的.

我一直没有花太多时间做搜索引擎优化, 否则也不会把博客首页做成展开式的显示, 所以一直搜索引擎收录不是很好. 前段时间, 我终于为博客搞了一下 SEO, 比之前有所改善, 下面我就分享一下我都做了些什么.

我并不是什么 SEO 高手, 但整天泡在网页里面, 或多或少知道一点, 折腾一下算是自我陶醉, 高人请绕道前行.

1. 优化博客副标题
副标题 (slogan), WordPress 中称为 tagline. 它与博客标题不一样, 可能会承载一些描述博客的文字. 如我的 tagline 是 “mg12’s Blog – Just Another WordPress Blog”, 其中的 WordPress Blog 被我设置为 h1. 因为我想告诉爬虫, 这是一个关于 WordPress 的博客.

2. 页面的标题不要包含博客名称
WordPress 标题一般会用到 bloginfo(’name’) 和 wp_title() 两部分, 前者是博客名称, 后者是文章标题 (如果标题不存在则不显示). 经典主题和默认主题输出标题用的代码如下.

<title>< ?php wp_title('&laquo;', true, 'right'); ?> < ?php bloginfo('name'); ?></title>

输出的标题结构是 “文章标题 « 博客名称”.

除非你的标题和文章内容相关度比较高, 否则这样的标题对 SEO 显然是不好的. 标题是爬虫认为重要的内容之一, 如果标题中包含了与文章内容无关的信息, 多少会对该页面有所影响.

那应该怎么弄呢? 一些包含大量内容的, 或者属于某一类的页面, 只显示标题. 其他的页面只显示博客名称. 我的实现代码如下.

<title>< ?php if ( is_single() || is_page() || is_category() || is_tag() ) { wp_title(''); } else { bloginfo('name'); } ?></title>

阅读更多…

2010年2月28日

七大让WordPress后台管理界面更漂亮的WP插件

如果你是一个像我一样的WordPress用户,那么你可能会对WordPress的默认的管理界面感到厌倦。虽然WordPress的用户界面是很好的,但总是有改进的余地。 据消息称,WordPress背后支持公司已决定举办一次WordPress开放源码的设计比赛,用于美化WordPress的用户界面。在本文中,我们将使用一些WordPress插件来替代的默认的WordPress的用户界面,使用户管理界面更加友好美观。

1. Ozh’s Admin Drop Down Menu

Admin Drop Down Menu

Admin Drop Down Menu

Admin Drop Down Menu是最好的WordPress用户界面的插件之一,改变WordPress的管理方面的默认的用户界面。该插件替换所有的管理连接为超漂亮的CSS横向下拉菜单。该插件还可以节省不必要的点击次数,扩大菜单,提高您的效率。 阅读更多…

2010年1月28日

三个使用WordPress自定义域做的小工具

刚开始建立WordPress博客的时候对于自定义域不是很了解,之后通过搜索相关知识:发现原来WordPress自定义域可以做很多事情,今天断桥残雪就说说WordPress自定义域三个用处:给某一日记添加js或者CSS给加密的日志添加密码提示信息首页显示日志缩略图

给某一日记添加js或者CSS

WordPress 在发布日志时会对过滤一些Javascript、CSS内容,所以我们无法直接把JS、CSS直接写到日志,当然我们可以通过修改主题来实现。可是如果修改主题,把JS或者CSS的内容添加到 header.php 文件中,那么博客所有的页面都会加载这些内容,这样势必会造成整个博客效率下降。所以这个时候我们可以通过 WordPress 自定义域来给某篇的日志单独加载Javascript 和CSS。文章最后再介绍一种管理WordPress自定义域的小技巧工具。

假设我们给日志单独加载JS、CSS的自定义域名称是 head_JS_CSS。那么你首先需要把下面这段代码复制到你主题根目录下的 functions.php 文件中:

function head_JS_CSS(){
    if (is_single() || is_page()) {
        global $post;
        $head_JS_CSS = get_post_meta($post->ID, 'head_JS_CSS', true);
        echo $head_JS_CSS;
    }
}
add_action("wp_head","head_JS_CSS");

现在你在添加日志的时候,在WordPress自定义域区域,创建一个新的名称为:”head_JS_CSS”自定义域,在“值”输入你要单独为这篇日志加载的 Javascript 代码或者 CSS 即可。
阅读更多…

2009年12月31日

推荐漂亮的一款WordPress新年插件

2010年新年就要到了,我在之前的博客推荐过六款WordPress圣诞插件,并且推荐了一款漂亮的WordPress圣诞新年主题,今天我再给大家推荐一款WordPress新年插件,本插件是由国人开发的哦~当然要支持一下啦~其实在开始推荐的六款WordPress圣诞插件中就有一款是这个人开发的插件了~废话不多说,开始正式介绍插件啦~
老规矩先上截图:

WordPress新年插件

WordPress新年插件

主要效果是在页面的右上角做一个翻页效果的Flash。
阅读更多…

2009年12月28日

WordPress插件开发之Widget侧边栏挂件插件

之前开发Follow5天气预报的WordPress插件,都是用了WordPress的WP_Widget函数开发的WordPress侧边栏挂件插件。今天就说说WordPress2.8+的版本使用WP_Widget函数轻松开发widget的方法。

WP_Widget函数的默认用法是这样子的:

class My_Widget extends WP_Widget {
	function My_Widget() {
		// 挂件实例化
	}
	function widget($args, $instance) {
		// 输出挂件内容
	}
	function update($new_instance, $old_instance) {
		// 选项保存过程
	}
	function form($instance) {
		// 在管理界面输出选项表单
	}
}
register_widget('My_Widget');

简单分析一下:

My_Widget :可以是任意的你喜欢的名字,是你开发插件的构造函数
widget:跟下面的update,form都是WordPress默认的名字,不得改变。widget为在页面侧边栏输出的挂件内容
update:选项更新时候保存处理的函数
form:在后台管理界面显示的输出选项表单

阅读更多…

2009年12月23日

六个精美的WordPress圣诞插件

圣诞节马上就要到了, 大家是否感觉自己的页面有点空虚,圣诞节我们的WordPress也应该圣诞一把,come on,让我来看看有哪些精美的WordPress圣诞节插件。

1、Christmas Countdown 圣诞倒计时

Christmas Countdown

Christmas Countdown

一个很漂亮的圣诞倒计时Widget插件,可以显示距离圣诞节还有多少时间,是个一个flash,带着飘雪的效果。
演示地址:http://christmas0.com/
下载地址:http://wordpress.org/extend/plugins/christmas-countdown/

2、WP-Christmas一对小雪人

一对小雪人

一对小雪人

国人产品,一对雪人祝大家圣诞快乐! 飘着小雪。感觉还不错,就是Flash做工有点差。
演示地址:http://liucheng.name/1166/
下载地址:http://wordpress.org/extend/plugins/wp-christmas/
阅读更多…

2009年12月18日

发布WordPress来访者天气预报插件

细心的童鞋会发现我的博客昨天添加了一个新的功能——天气预报,昨天我说要发布给大家的,晚上睡觉之前,想了很久关于WordPress天气插件的编写,基本上在晚上就已经理清了思路,早上很早就起床了,没有吃饭就来到公司,趁着大家还没有来的时候,我要在九点上班之前把WordPress来访者天气预报的插件做出来,加上之前开发的WordPress Follow5 插件开发经验,自己写WordPress来访者天气插件已经是轻车熟路了~

这个插件的使用的是jsonp技术,首先通过QQ的ip接口(http://fw.qq.com/ipaddress)获取到来访者的城市地理信息,然后使用WordPress的wp_footer的hook动态建立一个JavaScript文件,文件地址为我博客的http://www.js8.in/weather/js.php,js.php返回的是一段JavaScript代码,代码使用innerHTML插入来访者天气预报的内容。

WordPress来访者天气预报插件采用精美的天气图标,完全DIV+CSS页面布局,保证了页面的美观大气,数据库信息来自中国气象网,保证了数据的可靠性,并且熟悉CSS的童鞋还可以修改插件中的CSS,以达到自己喜欢的页面效果。css地址为wp-content\plugins\weather\css.css

插件如不能正常使用,请看以下注意事项:

1、保证您的主题皮肤中的footer.php中存在do_action(’wp_footer’);函数

2、如出现其他情况,请来插件页面报错

WordPress来访者天气预报插件截图

WordPress来访者天气预报插件截图

使用方法:

1、下载插件(点击下载)并上传到wp-content\plugins目录中;
2、登录网站后台安装此插件;
3、然后进入“外观”,“小工具”,把“Weather Widget”小工具拖到右侧,填写插件显示名称(如:天气预报)即可。

最后更新时间:2009-12-12 8:55

下载地址:http://www.js8.in/weather/vistor_weather.zip

当前最新版本为:0.1

2009年12月11日

chrome字体最小值12px问题及解决方法

昨天我修改自己的WordPress天气插件的时候,发现一个比较有趣的问题:chrome竟然最小的字体是12px,而小于12px的数值,百分比之类的都不起左右,都是显示12px
对于这个问题,我上google搜索了半天也没有结果,本来因为是css出现了问题,测试了好多次都不行,于是最后来了个style=”font-size:10px”都没有显示成功,之后我写了一段代码在本地测试,还是不行,问了同事,同事都是表示不知道。
后来是怀疑自己的html声明写错了,可是更换了标准声明还是不行,至今还是表示疑惑,找到了客户端设置chrome的方法,而没有css hack的方法没有找到,希望高手给个css hack解决的方法。
WordPress天气预报插件地址:http://www.js8.in/mywork/weather
demo地址:http://www.js8.in/mywork/weather/demo.php?city=0532
火狐下正常显示11px,布局正确 chrome下顶部日期显示的是12px

解决方法

阅读更多…

2009年11月19日