ericsk 剛剛提供了一個開啟 WordPress 2.1 版內建編輯器進階工具列的方法。
下面這張圖是 WordPress 2.1 版內建 Rich Text 編輯器的工具列
2007年2月7日 星期三
2007年2月1日 星期四
利用 Feedburner 在 RSS feed 中加入社群書籤
昨天幫每篇文章加上社群書籤的快速連結之後,又想順便幫 RSS feed 上的文章也加上類似下面的東西

稍微找了一下,發現 FeedBurner 本身就有提供這個功能 - FeedFlare。
首先進入 FeedBurner 的 My Feeds 頁面,點選所要設定的 Feed Title,這邊的例子是 stOOrz

接下來點選 Optimze 頁面

點選左下方 FeedFlare

接下來就是點選自己所需要的社群書籤,基本上 del.icio.us 和 digg 都是常用的社群書籤。不過可以看到大部分都是國外的社群書籤,如果要加入中文的社群書籤,例如 HEMiDEMi 的話,就要利用 Personal FeedFlare 來設定

首先要先編輯一個包含下面內容的 xml 檔,將 ${YOUR_EMAIL} 改成你自己的 email address
或是直接參考我的設定檔。編輯完後將檔案放到 WordPress 根目錄,檔名取為 hemidemi.xml,然後在上圖紅框內輸入
${YOUR_HOSTNAME} 改成你自己的 hostname,然後按 Add New Flare 這個按鈕之後,你就會看到上面 Personal FeedFlare 多了一個 HEMiDEMi 的選項,把它勾起來就可已加入了。
所要的選項都勾選完畢之後,不要忘了在最下方按一下 Active 的按鈕,這樣才會將這個功能開啟。打開你的 RSS Reader 看看你的 RSS feed,你就可以看到所有你要加入的社群書籤了。
稍微找了一下,發現 FeedBurner 本身就有提供這個功能 - FeedFlare。
首先進入 FeedBurner 的 My Feeds 頁面,點選所要設定的 Feed Title,這邊的例子是 stOOrz
接下來點選 Optimze 頁面
點選左下方 FeedFlare
接下來就是點選自己所需要的社群書籤,基本上 del.icio.us 和 digg 都是常用的社群書籤。不過可以看到大部分都是國外的社群書籤,如果要加入中文的社群書籤,例如 HEMiDEMi 的話,就要利用 Personal FeedFlare 來設定
首先要先編輯一個包含下面內容的 xml 檔,將 ${YOUR_EMAIL} 改成你自己的 email address
<FeedFlareUnit>
<Catalog>
<Title>Add to HEMiDEMi</Title>
<Description>
Allows subscribers to bookmark the item with www.HEMiDEMi.com - the social bookmarking service.
</Description>
<Link href="" mce_href=""/>
<Author email="${YOUR_EMAIL}"/>
</Catalog>
<FeedFlare>
<Text>Add to HEMiDEMi</Text>
<Link href="http://www.hemidemi.com/user_bookmark/new?title=${title}&url=${link}" mce_href="http://www.hemidemi.com/user_bookmark/new?title=${title}&url=${link}"/>
</FeedFlare>
</FeedFlareUnit>
或是直接參考我的設定檔。編輯完後將檔案放到 WordPress 根目錄,檔名取為 hemidemi.xml,然後在上圖紅框內輸入
http://${YOUR_HOSTNAME}/hemidemi.xml
${YOUR_HOSTNAME} 改成你自己的 hostname,然後按 Add New Flare 這個按鈕之後,你就會看到上面 Personal FeedFlare 多了一個 HEMiDEMi 的選項,把它勾起來就可已加入了。
所要的選項都勾選完畢之後,不要忘了在最下方按一下 Active 的按鈕,這樣才會將這個功能開啟。打開你的 RSS Reader 看看你的 RSS feed,你就可以看到所有你要加入的社群書籤了。
2007年1月31日 星期三
在 WordPress 的文章中加入社群書籤 HEMiDEMi 和 MyShare
剛剛加了兩個社群書籤的連結到 WordPress 裡面,分別是 HEMiDEMi 和 MyShare。加入的方法很簡單,只要找到 WordPress 的主目錄下 /wo-content/theme/{THEME_NAME}/ 的 index.php 和 single.php 這兩個檔案,接下來在 The Loop 找個位置插入以下的 code
這樣每篇文章內容的附近 (看你插在 The Loop 的哪個位置),就會出現下面的貼紙

這樣你的讀者就可以很方便的將你的文章加入他的社群書籤裡面囉。
- 如果要加入 HEMiDEMi 的貼紙,插入以下的 code
<a href="http://www.hemidemi.com/user_bookmark/new?title=<?php the_title(); ?>&url=<?php the_permalink() ?>&description=&via=sticker"><img src="http://www.hemidemi.com/sticker/addcolor_8015.gif" mce_src="http://www.hemidemi.com/sticker/addcolor_8015.gif" border="0" alt="收到 HEMiDEMi" title="收到 HEMiDEMi" align="absmiddle"/></a>
- 如果要加入 MyShare 的貼紙,插入以下的 code
<a href="http://myshare.url.com.tw/index.php?func=newurl&url=<?php the_permalink() ?>&desc=<?php the_title(); ?>"><img src="http://digest.url.com.tw/images/add2myshare_80x15-1.gif" mce_src="http://digest.url.com.tw/images/add2myshare_80x15-1.gif" border="0" alt="收到 My Share" title="收到 My Share" align="absmiddle"/></a>
這樣每篇文章內容的附近 (看你插在 The Loop 的哪個位置),就會出現下面的貼紙
這樣你的讀者就可以很方便的將你的文章加入他的社群書籤裡面囉。
Google Reader 支援 embed tag
今天早上打開 Google Reader 閱讀訂閱的 RSS feed,發現 Google Reader 已經開始支援顯示 embed tag 了

之前在看有嵌入影片的文章,例如 YouTube 或是 Google Video 的影片,Google Reader 都會自動過濾掉 <embed> 的 tag,現在總算開始支援了,以後就不用為了看影片進入網站閱讀。不過這個支援對 blogger 是有壞處的,因為除非 blogger 設定 RSS feed 的顯示行數,不然的話,只要設定完整顯示,讀者通常不會想再進到 blogger 的網頁裡面閱讀,這樣對於需要廣告獲利來支撐的 blogger 來說,是不太願意樂見的,但是對於讀者來說,當然是介面越方便使用越好,限制越少遇到越好囉。
之前在看有嵌入影片的文章,例如 YouTube 或是 Google Video 的影片,Google Reader 都會自動過濾掉 <embed> 的 tag,現在總算開始支援了,以後就不用為了看影片進入網站閱讀。不過這個支援對 blogger 是有壞處的,因為除非 blogger 設定 RSS feed 的顯示行數,不然的話,只要設定完整顯示,讀者通常不會想再進到 blogger 的網頁裡面閱讀,這樣對於需要廣告獲利來支撐的 blogger 來說,是不太願意樂見的,但是對於讀者來說,當然是介面越方便使用越好,限制越少遇到越好囉。
2007年1月23日 星期二
WordPress Plugins 介紹 (1) - WP-PostViews Plus
WP-PostViews Plus 提供查閱 WordPress 文章瀏覽次數的功能,以下節錄內建的 API 說明
使用者可以自行利用以上函數撰寫程式碼插入 wp-content/theme/{THEME_NAME} 下的 single.php 和 index.php 中,插入的位置在 The Loop 區塊中間。
函式說明
- the_views(’Views’, true)
該篇文章的 瀏覽數
第一個參數為 加在數字後面的說明文字
第二個參數為 是否輸出(true為直接印出, false為回傳數值)
- the_user_views(’Views’, true)
該篇文章的 使用者 瀏覽數
第一個參數為 加在數字後面的說明文字
第二個參數為 是否輸出(true為直接印出, false為回傳數值)
- the_bot_views(’Views’, true)
該篇文章的 機器人 瀏覽數
第一個參數為 加在數字後面的說明文字
第二個參數為 是否輸出(true為直接印出, false為回傳數值)
- get_most_viewed('’, 10, 0 , true , true)
最多閱覽數的文章 輸出回傳的型態為以<li>和</li>包圍的項目清單
第一個參數為 查詢文章的型態(’post’為文章 ‘page’為網頁 ‘’為兩者都要)
第二個參數為 輸出回傳的文章數量
第三個參數為 文章標題的字數(0為不限制)
第四個參數為 是否輸出(true時直接印出, false時回傳數值)
第五個參數為 是否包含機器人的閱覽數(true為包含, false為不包含)
- get_timespan_most_viewed('’, 10, 7, true, true)
在最近的數天內最多閱覽數的文章 輸出回傳的型態為以<li>和</li>包圍的項目清單
第一個參數為 查詢文章的型態(’post’為文章 ‘page’為網頁 ‘’為兩者都要)
第二個參數為 輸出回傳的文章數量
第三個參數為 查詢的最近天數
第四個參數為 是否輸出(true時直接印出, false時回傳數值)
第五個參數為 是否包含機器人的閱覽數(true為包含, false為不包含)
使用者可以自行利用以上函數撰寫程式碼插入 wp-content/theme/{THEME_NAME} 下的 single.php 和 index.php 中,插入的位置在 The Loop 區塊中間。
WordPress 2.1 released
「WordPress 」剛剛公布 2.1 版已經開放下載了,2.1 版的英文名稱取名為『Ella』,我剛剛已經做完更新的動作了。
因為我之前的 2.0.7 沒有安裝任何 plugins,所以 upgrade 的速度很快,只要做以下幾個步驟就可以了
新版增加了許多功能,在公布網址裡面都有詳細的說明,剛剛看到的就是 editor 支援了 auto save 的功能。不過 WYSIWYG editor 的部分,我剛剛在 Firefox 試用了一下,新增 link 和 image 的小視窗都無法正常顯示,但是在 IE 下就沒有問題。
另外就是增加了 export 的功能,這個功能除了備份的功能之外,還可以讓搬家更方便,不過 WordPress 做的那麼出色,應該不會想到跳槽這回事。
開發小組宣稱 2.0 branch 將一直開發到 2010 年,真是一段漫長的時間,並且要效法 Ubuntu 一樣,加快更新的頻率,所以下一個版本將會在 4 月 23 日推出,開法小組真是拼了。
因為我之前的 2.0.7 沒有安裝任何 plugins,所以 upgrade 的速度很快,只要做以下幾個步驟就可以了
- 解開 lastest.tar.gz
- 把 2.0.7 根目錄裡面的 wp-config.php 放到 2.1 的目錄
- 把 2.0.7 wp-content/themes 裡面的 theme 搬到 2.1 裡面同樣的目錄
- 開瀏覽器登入後端的 Dashboard,系統就會自動將 Database 的 schema 更新到最新的版本
- 然後就可以繼續寫 blog 了
新版增加了許多功能,在公布網址裡面都有詳細的說明,剛剛看到的就是 editor 支援了 auto save 的功能。不過 WYSIWYG editor 的部分,我剛剛在 Firefox 試用了一下,新增 link 和 image 的小視窗都無法正常顯示,但是在 IE 下就沒有問題。
另外就是增加了 export 的功能,這個功能除了備份的功能之外,還可以讓搬家更方便,不過 WordPress 做的那麼出色,應該不會想到跳槽這回事。
開發小組宣稱 2.0 branch 將一直開發到 2010 年,真是一段漫長的時間,並且要效法 Ubuntu 一樣,加快更新的頻率,所以下一個版本將會在 4 月 23 日推出,開法小組真是拼了。
2007年1月20日 星期六
Google Reader 內建快速鍵
Google Reader 的功能越來越強大了,越來越有 GMail 的水準了,下面是他剛公布的快速鍵列表
之前剛從 bloglines 跳槽到 Google Reader,我想短期之內我會繼續使用 Google Reader 來看我的 RSS feeds。
Tips and tricks
Here are some useful keyboard shortcuts:
- j/k: next/previous item
- space/ + space: next/previous item or page
- n/p: scan down/up (list only)
- o/enter: expand/collapse (list only)
- s: star item
- <Shift> + s: share item
- v: view original
- t: tag item
- m: mark item as read
- r: refresh
- u: toggle full screen mode
- <Shift> + a: mark all as read
- 1: switch to expanded view
- 2: switch to list view
- <Shift> + n/p: next/previous subscription
- <Shift> + x: expand folder
- <Shift> + o: open subscription or folder
- g then h: go home
- g then a: go to all items
- g then s: go to starred items
- g then t: open tag selector
- g then u: open subscription selector
之前剛從 bloglines 跳槽到 Google Reader,我想短期之內我會繼續使用 Google Reader 來看我的 RSS feeds。
2007年1月19日 星期五
WordPress 2.1 版相容 plugins 列表
2007年1月17日 星期三
WordPress 裝在 lighttpd 上的 permalinks 設定方法
「WordPress 」內建的 permalinks 設定主要是支援 「Apache」 的 .htaccess,但是在「lighttpd」下卻沒有這個檔案可以使用,所以必須要另外尋找其他的解法。兩年前剛裝的時候還沒有找到適合的方法,剛剛又找了一下,總算讓我很快就試出來了。
我目前的「WordPress 」版本是 2.0.7,以下的解法應該適用於所有 2.0 版本。
先到「WordPress 」後端的平台,選擇『Options』 ->『Permalinks』,之後會進入類似下面的頁面

接下來在第一個方塊裡面將『Custom』選項點選,然後在 input box 裡面填入
在第二個方塊裡面的 input box 填入
這樣「WordPress 」部分的設定就完成了,接下來換「lighttpd」的部分,先打開「lighttpd」的設定檔 /etc /lighttpd.conf (如果你的 lighttpd 有安裝在自訂目錄,就不是這邊指的 /etc 下),然後先將預設關閉的 mod_rewrite 註解拿掉
在 url.write 的部分加入一行
尋找 server.error-handler-404 字串,將 http status code 404 的 error-handler 指到 WordPress 主目錄下的 index.php 檔
(這邊假設 WordPress 放在根目錄下,如果 WordPress 放在 lighttpd 設定的 virtual hosts 下,請參考 lighttpd 的 virtual hosts 虛擬主機設定)
最後存檔,restart lighttpd 之後,這樣子就大功告成了。
我目前的「WordPress 」版本是 2.0.7,以下的解法應該適用於所有 2.0 版本。
先到「WordPress 」後端的平台,選擇『Options』 ->『Permalinks』,之後會進入類似下面的頁面
接下來在第一個方塊裡面將『Custom』選項點選,然後在 input box 裡面填入
/archives/%year%/%monthnum%/%day%/%post_id%/
在第二個方塊裡面的 input box 填入
/categories
這樣「WordPress 」部分的設定就完成了,接下來換「lighttpd」的部分,先打開「lighttpd」的設定檔 /etc /lighttpd.conf (如果你的 lighttpd 有安裝在自訂目錄,就不是這邊指的 /etc 下),然後先將預設關閉的 mod_rewrite 註解拿掉
server.modules = (
"mod_rewrite",
# "mod_redirect",
# "mod_alias",
"mod_access",
....
)
在 url.write 的部分加入一行
url.rewrite = ( "^/(archives|categories|comments|feed)/" => "/index.php" )
尋找 server.error-handler-404 字串,將 http status code 404 的 error-handler 指到 WordPress 主目錄下的 index.php 檔
server.error-handler-404 = "/index.php"
(這邊假設 WordPress 放在根目錄下,如果 WordPress 放在 lighttpd 設定的 virtual hosts 下,請參考 lighttpd 的 virtual hosts 虛擬主機設定)
最後存檔,restart lighttpd 之後,這樣子就大功告成了。
2007年1月16日 星期二
blog 好工具(二) FeedBurner
blogger 有時會遇到搬家之後,原先的 blog subscribers 因為找不到 rss 的位置而流失的問題。「FeedBurner」解決了這個問題。
一般的 blog service provider 或是自己架站的 blogger 會拿到類似以下作為 rss 的 link :
但是當我們搬到另外一個 blog service provider 之後,上面這個 rss link 就會由新的 blog service provider 提供,link 的位置就會和原來的不同了,如果先前的搬家廣告沒有做好,基本上都會流失一部份的 readers,但是有了 「FeedBurner」,情況就完全改變了。
我們可以到「FeedBurner」註冊一個帳號,然後將自己 blog 的 rss link 丟進去,拿上面例子的第一個 link 當例子,「FeedBurner」就會給我們一個永久固定的 rss redirect link 如下:
這樣子,我們只要告訴 readers 自己 blog 的 rss link 是上面這個,以後只要搬家或是換網址,只要到「FeedBurner」作修改,你的blog subscribers 完全不會注意到有什麼改變,一切就可以一勞永逸了。
「FeedBurner」除了提供以上的功能,他還提供了相多的好功能,例如他可以統計有多少的 reader 訂閱了你的 blog,每天的訂閱數統計變化量等等,許多相當有用的分析功能。最重要的是,他是免費的,雖然是簡單的功能,但是卻免除了 blogger 搬家時所造成的很多麻煩。
一般的 blog service provider 或是自己架站的 blogger 會拿到類似以下作為 rss 的 link :
- http://blog.stoorz.org/?feed=rss2
- http://googleblog.blogspot.com/feeds/posts/default
但是當我們搬到另外一個 blog service provider 之後,上面這個 rss link 就會由新的 blog service provider 提供,link 的位置就會和原來的不同了,如果先前的搬家廣告沒有做好,基本上都會流失一部份的 readers,但是有了 「FeedBurner」,情況就完全改變了。
我們可以到「FeedBurner」註冊一個帳號,然後將自己 blog 的 rss link 丟進去,拿上面例子的第一個 link 當例子,「FeedBurner」就會給我們一個永久固定的 rss redirect link 如下:
http://feeds.feedburner.com/stoorz
這樣子,我們只要告訴 readers 自己 blog 的 rss link 是上面這個,以後只要搬家或是換網址,只要到「FeedBurner」作修改,你的blog subscribers 完全不會注意到有什麼改變,一切就可以一勞永逸了。
「FeedBurner」除了提供以上的功能,他還提供了相多的好功能,例如他可以統計有多少的 reader 訂閱了你的 blog,每天的訂閱數統計變化量等等,許多相當有用的分析功能。最重要的是,他是免費的,雖然是簡單的功能,但是卻免除了 blogger 搬家時所造成的很多麻煩。
blog 好工具(一) Flickr
「 Flickr」 是用來放照片用的,目前用自己的 ADSL 架站,很明顯的頻寬是相當吃緊的,把照片這些大檔案放在網路上其他 service provider 不失為一個好辦法。
這一類的 service provider 另外還有 「Zooomr」,以我的觀點來看,申請這一類服務,除了他的速度夠快,同時要能夠支援外連(註1),另外他提供 API 給我們使用,我自己的相簿當然要在自己的電腦裡面或是自己開發的系統裡面留一份做備份,有了他必須要能夠提供存取相片的 API,有了這種 API,我就能夠寫一些小程式來 sync 放在 「 Flickr」和我的電腦兩邊的相簿。
其實這些 API 還有一個應用,像一般 blogger 都會想要利用自己家裡的電腦架站,但是考慮到自己家裡的頻寬相當寶貴,所以像相片這一類的需要消耗大量上傳頻寬的連結,儘量能夠利用其他網站所提供的服務最好(當然自己的網站是要非營利的網站才可以這樣做)。blogger 常常需要拍攝很多相片來輔助解釋自己的文章,這些的相片管理有時候相當麻煩,備份是最需要被考慮的因素。
解決這個問題的方法就是,利用 API 來開發將相片同時備份到兩個以上相簿網站的程式,同時產生一個 dynamic link,寫 blog 要貼圖的時候就可以貼這些 dynamic link,這個 dynamic link 可以檢查 blog visitor 端和這些相簿網站的連線速度,當 blog 被瀏覽的時候,dynamic link 會選擇和 blog reader 端之間連線速度最快的相簿網站提供相片瀏覽,這樣 blog reader 瀏覽 blog 時就可以得到最佳的瀏覽速度。
上面這個想法不知道有沒有人實作出來了,最近有點忙,等有空的時候,而且又還沒有人作出來的話,我就來寫寫看吧,好久沒有寫程式了。
註1: 外連,舉兩個無法支援外連的反面例子,如「無名小站」和「Xuite」,這兩個網站同時提供相簿和 blog 的儲存服務,但是儲存在這兩個相簿網站的圖片,只提供給該網站的 blog 或是留言版做貼圖的連結,如果你用其他的 blog service provider 寫 blog,又想要貼放在這兩個網站相簿裡面的照片,很抱歉,你得不到它,你會看到一堆叉叉,也就是說他不提供外連的服務。
這一類的 service provider 另外還有 「Zooomr」,以我的觀點來看,申請這一類服務,除了他的速度夠快,同時要能夠支援外連(註1),另外他提供 API 給我們使用,我自己的相簿當然要在自己的電腦裡面或是自己開發的系統裡面留一份做備份,有了他必須要能夠提供存取相片的 API,有了這種 API,我就能夠寫一些小程式來 sync 放在 「 Flickr」和我的電腦兩邊的相簿。
其實這些 API 還有一個應用,像一般 blogger 都會想要利用自己家裡的電腦架站,但是考慮到自己家裡的頻寬相當寶貴,所以像相片這一類的需要消耗大量上傳頻寬的連結,儘量能夠利用其他網站所提供的服務最好(當然自己的網站是要非營利的網站才可以這樣做)。blogger 常常需要拍攝很多相片來輔助解釋自己的文章,這些的相片管理有時候相當麻煩,備份是最需要被考慮的因素。
解決這個問題的方法就是,利用 API 來開發將相片同時備份到兩個以上相簿網站的程式,同時產生一個 dynamic link,寫 blog 要貼圖的時候就可以貼這些 dynamic link,這個 dynamic link 可以檢查 blog visitor 端和這些相簿網站的連線速度,當 blog 被瀏覽的時候,dynamic link 會選擇和 blog reader 端之間連線速度最快的相簿網站提供相片瀏覽,這樣 blog reader 瀏覽 blog 時就可以得到最佳的瀏覽速度。
上面這個想法不知道有沒有人實作出來了,最近有點忙,等有空的時候,而且又還沒有人作出來的話,我就來寫寫看吧,好久沒有寫程式了。
註1: 外連,舉兩個無法支援外連的反面例子,如「無名小站」和「Xuite」,這兩個網站同時提供相簿和 blog 的儲存服務,但是儲存在這兩個相簿網站的圖片,只提供給該網站的 blog 或是留言版做貼圖的連結,如果你用其他的 blog service provider 寫 blog,又想要貼放在這兩個網站相簿裡面的照片,很抱歉,你得不到它,你會看到一堆叉叉,也就是說他不提供外連的服務。
訂閱:
文章 (Atom)