分类目录归档:Web-making(Wordpress)

Include all the information about web-making, solve problems and provide my experience.

用Word 2007以上版本发布WordPress文章

微软的Office2003升级至Office2007时,Office套件功能就越来越强大和人性化。最新的办公软件Word绝对的是个好东东,顺应潮流添加了很多很实用的新功能。今天就来说说如何用Word来发布文章到WordPress。

上网百度或谷歌一下,关键词:Word 发布文章 WordPress。会翻阅到一堆关于用Word发布文章到Wordpress,也看了一些,都没有说的不是很详细,所以有跟贴的一些朋友,评论其文章说,完全按照步骤,测试后竟没有成功。下面就来说说详细的过程,作为一个总结吧。

第一步:WordPress的设置(必须

1、进入WordPress的控制板的设置,点击撰写;

2、在远程发布这一项中的”启用 WordPress、Movable Type、MetaWeblog 和 Blogger 的 XML-RPC 发布协议”前面打勾;

3、然后点击保存更改。

 

第二步:服务器的配置(非必须

1、注意这一步是非必须步骤,如果你的WordPress架设在Apache这类环境下请直接跳过,看第三步,如果不是请继续看第二步;

2、如果你的WordPress运行在IIS环境中,并且启用了伪静态的固定链接,请在您的静态规则文件httpd.ini文件中,加入规则代码,禁止WordPress根目录下的xmlrpc.php文件伪静态;3、(关于WordPress的伪静态规则文件详细编写,可参考尘圈:《WordPress伪静态的解决方法之httpd.ini》

第三步:Word的操作

1、下载,安装Office,当然已安装完毕的请跳过;

2、运行Word,写入并编辑好文章;

3、点击Word最左上角的Office按钮,选择发布选项,并从弹出菜单中选择博客选项;

4、在弹出窗口中选择立即注册选项;

5、在弹出窗口中的博客提供商里面选择WordPress;

6、在新建WordPress窗口中填写博客的地址,用户名和密码;

7、在弹出的警告窗口中选择是,为了以后省心点,顺便把不再显示此消息那个勾给打上;

8、帐户注册成功;

9、把文章标题填上,并且你可以选择直接发布,或者发布为草稿;

10、可以在管理帐户中更改现有帐户,或者新建帐户都行——如果你有多个博客的话。

用Word发布文章到WordPress的优缺点

优点——

1、多一个工具,多一个选择;

2、相对于了 ScribeFire, Zoundry和skyblog,word我们要熟悉的多;

3、不是每个人都使用Firefox;

4、不是每个人都喜欢装那么多软件;

5、也是最重要的一点,使用word,即使是在上班的时候blogging,也绝不会被Boss发现,嘿嘿:)比较安全!

缺点——

1、发布的文章只能到WordPress的文章的默认分类;

2、发布的文章不能够添加自定义文章标签

所以,用Word发布文章到WordPress还是有一定局限性,要不要用,就看你自己的需要啦。

 

WordPress3.0最新技巧

Woedpress是大多数写博客的朋友所喜欢选择使用的博客平台,而Wordpress技巧自然就成了众多博友们普遍讨论的热门话题,因此,我决定收集并编写10个新的非常有用的Wordpress技巧,且照旧与朋友们一起分享。

1.去除评论自动链接

平时读者来给我们的文章发表评论的时候,评论中就会附带有一个url,Wordpress会自动将它转换为链接的形式,虽然很有用,但有时有的链接未免带有“垃圾”的性质,有的朋友可能需要将这些自动链接去掉,那么,下面提供一个解决方法。

将下面这条代码粘贴到主题文件functions.php 中,然后保存,所有评论的自动链接将悄然消失:

remove_filter('comment_text', 'make_clickable', 9);

2.通过邮件自动将博客更新告知用户

对于个人博客来说,实现这样的功能非常有好处,你的读者用户可以及时知道你博客发表了新的文章。下面的这条代码会搜索你的数据库并获取读者用户的邮件地址,Wordpress会根据这些邮件地址自动发送博客更新的信息。将下面的代码放到functions.php文件中即可:

function email_members($post_ID)  {
    global $wpdb;
    $usersarray = $wpdb->get_results("SELECT user_email FROM $wpdb->users;");
    $users = implode(",", $usersarray);
    mail($users, "New WordPress recipe online!", 'A new recipe have been published on http://www.catswhocode.com');
    return $post_ID;
}

add_action('publish_post', 'email_members');

注意:目前此代码还没有取消订阅的功能,使用时请慎重考虑!

3.将Twitter消息发布日期显示为“发布于多少天前”的格式

许多人都不知道Wordpress有一条内置的功能函数human_time_diff()可以实现这样的日期显示格式,只需将下面这条代码粘贴到你想要显示“发布于多少天前”的任何loop循环之间即可:

发布于<?php echo human_time_diff(get_the_time(<'U'), current_time('timestamp')) . ' ago'; ?>

下面这一段代码就是将时间格式转换为“发布于多少天前”的Wordpress PHP功能函数:

function  timeAgo($timestamp, $granularity=2, $format='Y-m-d H:i:s'){
        $difference = time() - $timestamp;
        if($difference < 0) return '0 seconds ago';
        elseif($difference < 864000){
                $periods = array('week' => 604800,'day' => 86400,'hr' => 3600,'min' => 60,'sec' => 1);
                $output = '';
                foreach($periods as $key => $value){
                        if($difference >= $value){
                                $time = round($difference / $value);
                                $difference %= $value;
                                $output .= ($output ? ' ' : '').$time.' ';
                                $output .= (($time > 1 && $key == 'day') ? $key.'s' : $key);
                                $granularity--;
                        }
                        if($granularity == 0) break;
                }
                return ($output ? $output : '0 seconds').' ago';
        }
        else return date($format, $timestamp);
}

上面那段函数包含了3个参数:

timestamp: 日期
granularity: 时间间隔长度. 默认为 2 (1天, 15小时前)
format: 日期显示格式. 默认为 Y-m-d H:i:s.

调用方法如下:

$time= timeAgo($dateRef);

或者你也可以在Wordpress中使用这条timeAgo() 函数:

echo timeAgo(get_the_time('U'));

4.在RSS feed中显示文章缩略图

在WordPress 2.9中开始引入了这样的一条函数:the_post_thumbnail() ,能够帮助我们设置并显示文章缩略图,只可惜在RSS订阅源中没有内置的调用函数,这里我们就为它添加上。

只要将下面的这段代码粘贴到functions.php中,保存,文章缩略图就自动显示在你的RSS订阅源中了:

function diw_post_thumbnail_feeds($content) {
    global $post;
    if(has_post_thumbnail($post->ID)) {
        $content = '
<DIV>' . get_the_post_thumbnail($post->ID) . '</DIV>
' . $content;
    }
    return $content;
}
add_filter('the_excerpt_rss', 'diw_post_thumbnail_feeds');
add_filter('the_content_feed', 'diw_post_thumbnail_feeds');

5.阻止外部请求

默认情况下,Wordpress会在后台自动接收来自外部的一些请求,如Wordpress版本更新,Wordpress新闻等消息,安装Wordpress之后,你每次打开后台都会看到这些消息,如果你不想看到这些消息,使用下面的方法来解决。

在wp-config.php文件中加上以下两行:

define('WP_HTTP_BLOCK_EXTERNAL', true);

但是你也可以添加白名单以接收某些来自外部的请求:

define('WP_ACCESSIBLE_HOSTS', 'rpc.pingomatic.com');

修改其中的rpc.pingomatic.com为你自己所需。

6.简易调试模式

当你的WordPress运行出现问题的时候,你可能就会使用这个超级实用的调试工具WP_DEBUG,而默认情况下,你需要在wp-config.php添加一段代码以让调试模式生效。如果你想在Wordpress运行正常之下轻松进入调试模式的话,可以编辑wp-config.php文件,在里面找到这一行:

define('WP_DEBUG', true);

然后将其替换成:

if ( isset($_GET['debug']) && $_GET['debug'] == 'debug')
  define('WP_DEBUG', true);

然后增加一个GET参数到你要访问的页面的url链接,如下:

http://www.catswhocode.com/blog/about?debug=debug

另外,如果默认未开启的话,也可以直接在wp-config.php中把上述那句话的false改成true,然后进入后台就会有各种提示,调试完成以后又可以改回false. 这种方法比较简单方便。

当然,以安全起见,你应该把debug替换成一个随机词,这样就没有人会访问到你调试模式下的网页了。

7.在主题文件中使用WordPress简码

创建WordPress简码非常简单,可以让你在文章或网页里面添加RSS订阅、Google地图、相册等内容。那是否可以在主题文件中输出简码呢?答案是肯定的。WordPress有个内置函数,叫做do_shortcodes(),只需要为其加上一个参数,就可以显示你想要的简码。

do_shortcode('[简码名称]');

上面的“[简码名称]”就是我们想要显示的简码了,你可以修改为别的名称。

8.允许上传更多的文件类型

在Wordpress中,一般来说,如果你要上传一个不是那么常见类型的文件,往往会出现错误。因为WP会禁止你上传其它的文件类型。幸运的是,你可以增加新的文件类型到你的WordPress白名单,方法也很简单,只要把下面这段代码粘贴到functions.php中就大功告成了。

注意:文件类型名字必须用“|”线隔开

function addUploadMimes($mimes) {
    $mimes = array_merge($mimes, array(      'tmbundle|tmCommand|tmDragCommand|tmSnippet|tmLanguage|tmPreferences' => 'application/octet-stream'
    ));
    return $mimes;
}
add_filter('upload_mimes', 'addUploadMimes');

9.简码调用Google Docs的PDF阅读器

Google Docs(谷歌文档)是一个非常方便的在线阅读.pdf/.doc/.xsl文件的方式。如果你也想在你的博客中和你的读者分享一个PDF文件,何不尝试在Google Docs打开而不是强制下载呢?方法十分简单,只要加入如下代码到functions.php即可。

function pdflink($attr, $content) {
    return '<A href="http://docs.google.com/viewer?url=' . $attr['href'] . '">'.$content.'</A>';
}
add_shortcode('pdf', 'pdflink');

保存文件后,你可以把这段代码放到对应的文章或网页中, 语法如下:
【pdf href=”http://yoursite.com/linktoyour/file.pdf”】查看PDF文件【/pdf】
使用时须将其中的【 】改为[ ]。

10.检测访问者的浏览器

这段代码所做的事情很简单,就是检测访问者的浏览器名字并把它加到body_class()函数中,这样一来,你就可以极其轻松地解决浏览器兼容的问题。将这段代码放到functions.php中。

add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
    global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
    if($is_lynx) $classes[] = 'lynx';
    elseif($is_gecko) $classes[] = 'gecko';
    elseif($is_opera) $classes[] = 'opera';
    elseif($is_NS4) $classes[] = 'ns4';
    elseif($is_safari) $classes[] = 'safari';
    elseif($is_chrome) $classes[] = 'chrome';
    elseif($is_IE) $classes[] = 'ie';
    else $classes[] = 'unknown';
    if($is_iphone) $classes[] = 'iphone';
    return $classes;
}

这段函数输出的结果类似如下:
<body class=”home blog logged-in safari”>

参考文章:10个最新的WordPress技巧

Yslow网站分析工具详解

YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“,发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助,希望给初次使用Yslow的朋友一些帮助。

注:有不对的地方,大家指正。

安装 YSlow

先安装 Firebug  https://addons.mozilla.org/en-US/firefox/addon/1843

Firebug 帮助文档 http://www.getfirebug.com/docs.html.

再下载安装  http://developer.yahoo.com/yslow

使用Yslow

Yslow是运行在Firebug窗口下,所有要运行Yslow,必须安装Firebug。

有两种方法启动Yslow

       1、打开Firebug窗口,选择Yslow选项。

       2、直接点击浏览器右下角的Yslow启动按钮。

你第一次打开Yslow时,以下图像作为Firebug的一部分被显示在的浏览器窗口。

点击 Run Test 运行Yslow,也可以点击 Grade, Components, 或Statistics选项开始对页面的分析。

你可以选择 Autorun YSlow each time a web page is loaded 它将自动对以后打开页面进行分析,

您也可以右击YSlow状态栏,然后选择或取消自动运行。

Yslow视图

YSlow显示测试结果的分析,分为等级、组件、统计信息。你可以浏览这些观点之间选择标签以观的名字在YSlow标签的Firebug控制台。

以下是说明的等级、组件、统计信息。

一、等级视图

  查看一个分析,选择页面的性能等级标签或点击网页的字母等级在状态栏这页纸的底部。

视图显示了等级为网页的成绩单。整个字母等级为页面显示在顶部随着全面数值的表现。这个页面是基于22可分级的高性能网页的规则(见性能规则)。这些规则是列在按重要性的顺序,从最重要不重要。从 A 级到 F 级,A 级为最高。

下面是一个等级的例子:

如果页面与某一个规则无关,则显示 N/A ,表示不适用。

点击每一规则,都给出了改进建议。要查看更全面的改进方法进入前端性能优化指南

二、组件视图

分组显示页面组件,表格列出组件的信息,点击 Expand All展开显示给个分组内各的组件信息。

下面简要列在组件检视表:

TYPE:该组件的类型。该网页是由组成部分的下列类型: doc, js, css, flash, cssimage, image, redirect, favicon, xhr, and iframe.

SIZE(KB):该组件的大小以千字节。

GZIP(KB):该组件的gzip压缩的大小以千字节。

COOKIE RECEIVED(bytes):字节数在HTTP设置的Cookie响应头。

COOKIE SENT(bytes):节数的Cookie在HTTP请求报头

HEADERS:HTTP信息头,点击放大镜查看全面信息。

URL:链接地址

EXPIRES(Y/M/D):日期的Expires头,属于缓存设置一种。

RESPONSE TIME (ms):响应时间

ETAG:ETag响应头,也是缓存设置的一种

ACTION:额外的性能分析

三、统计信息视图

 左侧图表显示是页面元素在空缓存的加载情况,右侧为页面元素使用缓存后的页面加载情况。我们可以看到,页面元素缓存后的使页面的http请求和页面总大小都减少,从而加快了页面打开时间。参看(页面的缓存设置

YSlow菜单栏

 

一、规则集

     1 、YSlow ( 2版) -这一规则集包含了所有22个测试的规则。
     2 、精英( V1导联) -这个规则集包含原始13规则中使用了YSlow 1.0 。
     3、小网站或博客-这个规则集包含14个规则,适用于小型网站或博客。参照下方的图片,看看哪一种规则,在这个规则集。

请注意,最后选定的规则集成为默认的规则集。默认规则集可以是一个预定义的三个之一或您自己创建的一个。

要创建您自己的规则集,单击Rulesets下拉菜单旁边的 Edit 按钮。新的规则集屏幕将显示:

    1、点击左侧 New Set 按钮,出现全部22调规则,勾选你所需的

    2、点击 Save ruleset as… 保存,会弹出个命名窗口,命名就可以了。

    3、你还可以对自定义的规则再次编辑或者删除。

YSlow 工具

YSlow的工具菜单上提供了多种报告工具,您可以使用获得的信息,以帮助您的网页分析。以下是截图工具菜单:

1、JSLint

JSLint收集所有外部和内部的JavaScript从目前的网页,提交给JSLint ,一个JavaScript验证,并打开一个单独的窗口了一份报告,存在问题,该网页的JavaScript的。该报告包括大致位置的源代码的问题。很多 时候,这些问题是语法错误,但JSLint寻找风格公约的问题和结构性问题。

2、All JS

收集所有外部和内部的JavaScript的网页,并显示在一个单独的脚本窗口。您可能想要使用这个工具来查看某个脚本,以及是否实际使用是正确的。

3、All JS Beautified

将js以人们可读的方式展示。

4、All JS Minified

收集所有外部和内嵌JavaScript,删除评论和白色空间以缩小的脚本。以改善网页的性能。

5、All CSS

收集所有的行内和外部的样式表在网页上,并将其显示在一个单独的窗口。

6、All Smush.it

如果您按一下所有Smush.it , Smush.it将运行在网页上所有的图片组成。此工具将告诉你该图像可被优化,并创建一个压缩文件,来优化图像。当您选择此工具你会看到输出如下所示:

以上就是Yslow的使用指南,结束。

更多相关文章:

Yslow各项属性详解
YSlow工具相关的使用说明