分類: WordPress

WordPress v3.3.1 繁體中文版 – 最多人使用的個人部落格建立軟體

WordPress 是一款開放原始碼的網誌或部落格内容管理系统,也是一款專注於美學、網頁標準和易用性的個人發佈平台。WordPress 兼具自由與無價,您可以下載並免費使用。

WordPress 最新版本 3.3.1 正體中文版已經發佈,您可以下載或直接從您的控制台升級。WordPress 3.3.1 是個維護版本,旨在修正 WordPress 3.3 的 15 個問題,並可修正受到跨網站執行腳本感染的 3.3 版本。

WordPress 最新版本 3.3.1 正體中文版檯面下同樣也有些改良,包括不再支援舊版本的 PHP4 與 MySQL,與作古的瀏覽器像是 IE6,這讓 WordPress 能使用更多的新技術。管理列多了一些常用操作的快捷鍵。在迴響審核畫面,新的核准和回覆功能能加快您的管理效率。

§ 作業系統:Windows 95/98/ME/NT/2000/XP/2003/Vista/7

§ 軟體螢幕截圖 (Screenshot)

WordPress v3.3.1 繁體中文版官方網站下載頁面

WordPress v3.3.1 繁體中文版檔案下載 (4.42MB)

SI CAPTCHA — WordPress的留言驗證碼外掛程式

使用 WordPress 架設部落格的人都有遭遇垃圾留言攻擊的經驗。這項經驗雖還不至於慘痛,但也令人不堪其擾。許多人會使用 WordPress 內建的 Akismet 外掛來阻擋垃圾留言,但這些被擋下來的垃圾留言仍會留在主機,必須從後台手動刪除,令人煩不勝煩。

本文就是要介紹專門用來對付垃圾留言的 Si Captcha 外掛程式。儘管還有其他功能相似的外掛可用,但站長認為Si Captcha最簡單易用,而且其設定還是繁體中文,一看就懂。Si Captcha 是個圖像驗證碼外掛,最新版為 1.6.6 版,相容於 WordPress 2.7.1 版 (至於是否相容於日內就要發佈的 WordPress 2.8 版,目前還不得而知),其使用說明如下:

1. 將下載回來的Si Captcha外掛程式解壓縮,然後將「si-captcha-for-wordpress」整個資料夾上傳到主機的/wp-content/plugins資料夾下。

2. 登入後台的外掛程式管理介面,將Si Captcha啟用。

3. 啟用後點選管理介面左側的「Si Captcha設定」來對這個外掛程式進行設定 (其實保留預設值就好)。

我們唯一要做的是打開本地電腦的
\wp-content\themes\default 資料夾底下的 comments.php,找到「?php do_action(‘comment_form’, $post->ID); ?」(這一行就是WordPress留言驗證的程式碼),然後將其搬動到「textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″>」的上方即可,如下所示:

「?php do_action(‘comment_form’, $post->ID); ?
textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″>」

搬動好之後存檔並將 comments.php 上傳到主機的同名資料夾,覆蓋原檔。

為什麼要做這樣的搬動呢? 如果不搬動,Si Captcha外掛的圖像會出現在留言輸入欄位的下方,如下圖

Si Captcha
搬動之後,Si Captcha外掛的圖像就會出現在留言輸入欄位的上方,如下圖

Si Captcha
Si Captcha 檔案下載頁面

Si Captcha 檔案下載 (943KB) (多國語言 — 含繁體中文 — 1.6.6版)

Tango Smileys Extended – WordPress的微笑圖案外掛程式

Tango Smileys Extended這個WordPress的微笑圖案外掛程式有非常多的圖案可供選擇,足以讓喜歡在文章或留言中插入微笑圖案的網友,盡情地享受其中的樂趣。

Tango Smileys Extended目前最新的版本是2.5.2.7, 需要WordPress 2.5或以上版本才能運作。

Tango Smileys Extended 2.5.2.7版檔案下載頁面

Tango Smileys Extended 2.5.2.7版檔案下載

Tango Smileys Extended外掛的使用說明如下:

1. 將下載回來的Tango Smileys Extended外掛程式解壓縮,然後將「tango-smileys-extended」整個資料夾上傳到主機的/wp-content/plugins資料夾下。

2. 登入後台的外掛程式管理介面,將Tango Smileys Extended啟用。

3. 啟用後點選管理介面左側的設定→Tango Smileys Extended來對這個外掛程式做設定。

4. 在右側畫面上可見到設定選項,如果文章和留言都要使用微笑圖案,那麼上方的 Posts & Pages 和 Comments 都要打勾。如果想要使用點選圖案方式插入微笑圖案,那麼的下方的 Posts & Pages 和 Comments 也要打勾,如果你有使用 MCEComments 這個外掛程式,那麼 MCEComments 也需要打勾。至於底下其他部分則先採用預設值即可。

Tango Smileys Extended
5. 在新增文章的頁面,編輯工具列右邊現在會多出一個紅色豬頭的按鈕,點選之後就會出現微笑圖案的區塊,可供編輯文章使用了。

Tango Smileys ExtendedTango Smileys Extended
6. 在留言回覆頁面,也可以看到微笑圖案區塊

Tango Smileys Extended
7. 如果想要讓出現在留言回覆頁面的微笑圖案顯示多一點,那麼可到 Tango Smileys Extended 的設定頁面,對 CTI Options 中的 Width (寬度) 與 Height (高度) 這兩個值作調整,調整完之後就會發現所有的圖案都可以顯示出來了。

Tango Smileys Extended

wpseek.com – 一個專門搜尋WordPress相關資訊的網站

wpseek.com 是一個專門搜尋與WordPress相關之資訊的網站,舉凡與WordPress相關的功能、應用和問題都可在此網站進行搜尋。或許困惱你許久的某個WordPress問題就讓你在此找到解決之道也說不定。

wpseek.com網站網址:http://wpseek.com/

wpseek.com

Free Layouts.com – 免費網頁模板、Blogger、WordPress佈景主題

Free Layouts 從2000年一月開始便不斷致力於免費網站佈景相關內容,目標是希望可以提供沒有網頁設計經驗的人免費網頁佈景,或是給予設計師一些創作上的靈感。

此外,Free Layouts 堅持W3網頁標準規範,為了持續這個任務,網站也只接受符合網頁設計標準的佈景主題,也就是說使用者可以在這裡下載到一系列符合網頁標準的網站設計。

Free Layouts 的特色

在 Free Layouts 首頁,可以透過小預覽圖,找到自己感興趣的佈景,將滑鼠移動上去也可以即時顯示大圖。若想要看 Live Demo, 直接點選 Preview 連結就能看到網頁模板的實際呈現情形。

Free Layouts
在 Details 處可以看到該網頁模板的詳細資料,包含設計者、簡介、W3標準、建立時間、授權、下載次數和標籤,使用者也可以針對佈景評分。

Free Layouts
在 Free Layouts.com 網站內的佈景主題,都有一定的水準和品質。

Free Layouts

Free Layouts 還提供哪些內容?

在網頁佈景部份,除了一般的HTML模板,也有Flash模板可以選擇,一點也不亞於付費的商業模板 (Premium Templates)。如果你有使用 MySpace 或 Blogger ,Free Layouts 也提供了適當的模板,可完全支援這兩個平台的使用環境。Blogs Templates 部份也提供了 WordPress佈景主題 (WordPress Themes)。(免費資源網路社群)

Free Layouts網站網址:http://www.freelayouts.com/

WordPress 2.7 的文章置頂功能

WordPress 2.7版開始內建這項功能,2.65版以下的WP必須藉助於一個叫做 wp-sticky的外掛程式才有此一功能。如果您有自己用WordPress架設的部落格,而有一些像公告之類的內容,想要讓網友知道,那麼就可以啟用文章置頂功能。

首先進入WP後台,在左側「文章」方塊中點按「新增文章」,然後在右側「發表」方塊中將「可見度:公開的」底下的「將本篇文章置頂」選項打勾。從此,這篇文章就永遠位在所有文章的最前面,即使是日後新增的文章也會排在它的後面。

文章置頂功能
前面提到的外掛wp-sticky於去年底推出1.40版,這個版本支援WordPress 2.7或以上版本。換言之,您可以選擇使用WP內建的文章置頂功能,也可以安裝這個外掛。當然,wp-sticky可選擇的相關功能比較多。

wp-sticky下載頁面

wp-sticky檔案下載(1.40版)

WordPress 進階編輯器外掛 TinyMCE Advanced

WordPress 可視化模式的編輯器叫做 TinyMCE ,但功能和按鈕非常陽春,因此才會有TinyMCE Advanced 這個進階編輯器的出現。這個外掛程式為TinyMCE添加 16 個外掛並為工具列新增 40 多個按鈕,包括進階水平線(hr)、進階影像、進階超連結、微笑圖案、全螢幕、列印、尋找及取代、樣式表(CSS)、表格等等。若將這40多個按鈕都放到工具列,則工具列會從現在的兩列增加到四列。

TinyMCE Advanced目前最新的版本是3.2, 需要WordPress 2.7或以上版本才能運作。WordPress 2.6須使用TinyMCE Advanced 3.1版。

TinyMCE Advanced 外掛程式官方網站

TinyMCE Advanced 3.2版檔案下載

TinyMCE Advanced 3.1版檔案下載

TinyMCE Advanced 其他版本檔案下載頁面

TinyMCE Advanced 外掛的使用說明如下:

  • 將下載回來的TinyMCE Advanced外掛程式解壓縮,然後上傳到主機的/wp-content/plugins資料夾下。
  •  登入後台的外掛程式管理,將TinyMCE Advanced啟用。
  •  點選管理→TinyMCE Advanced,除了預設的工具列外,在底下還有許多的功能按鈕可以選用,直接拖曳到上方即可。

TinyMCE Advanced

為WordPress留言評論框加上Quicktag

許多在WordPress部落格留言評論的網友以及回覆留言的部落客一定對WordPress簡陋的留言框感到有些悻悻然,因為無論是留言或回覆經常需要在評論中插入一些代碼或是超連結的。體貼的部落客可能會上網找尋加入quicktag的方法,但即使找到了,如何將需要的程式加入comments.php適當的地方又是一大問題。

事實上,這方面的東西並不好找。不過,經過一番的努力後,終於讓站長找到一個專門用於留言評論框的quicktag外掛程式。當然,這一定是個JS 程式,與/wp-include/js/quicktags.js檔的作用一樣,只是規模較小。它僅提供8個tag,包括粗體(b)、斜體(i)、超連結(link)、拼字檢查(lookup)等,這些tag應該已夠一般使用,方便文字的排版。

將下載的檔案解壓縮後得到comment_quicktags.php,將此檔案上傳到wp-content/plugins資料夾,然後到WordPress後台啟用,效果如下圖所示:

Comment Quicktags
留言評論框quicktag外掛程式下載

WordPress佈景主題中文亂碼解決方案

WordPress這個部落格架設軟體雖是英文版,但由於有中文語系檔可用,因此系統方面的中文顯示大多沒有問題,如文章標題、內容以及一些模組(Widget)的自訂中文名稱在顯示上都不會出現亂碼。

然而,安裝WordPress後,絕大多數人都不會滿意Wordpress提供的佈景主題,因為過於簡陋和單調,因此都會另找自己中意的佈景主題來套用。問題是,這些免費佈景主題大多是外國人開發的,幾乎清一色都是英文版,所以套用新的佈景主題後,有些地方還是以英文顯示。儘管這些英文並不難,幾乎一看就懂它們的意思,但既然我們架設的是中文的部落格,若英文太多,就顯然有點美中不足。即使您知道那些英文字可以從那些檔案下手去把它們改成中文,但改完存檔上傳後,原來是英文的地方皆變成了亂碼,真不知如何是好。

這問題藉由Google搜尋也找不到滿意的解答,著實困擾站長好一段時間。不過,有個網站的一句話卻提醒了站長;它說,外國程式都採ANSI編碼,若要正常顯示中文須用通用字元組 UTF-8的編碼格式。一語提醒夢中人,果不其然,經測試後發現這些檔案全部都是ANSI編碼。換言之,只要將這些ANSI編碼的檔案改成UTF-8編碼,英文改成中文後就不會出現亂碼了。

這聽起來好像很複雜,但做起來其實一點也不難,而且只要藉助Windows作業系統提供的「筆記本」就可完成。一般而言,套用外國人開發的免費佈景主題後會出現英文的地方,不外乎是版面的頭部、底部、側邊欄及留言評論部份,而這些檔案都位在/wp-content/themes/default資料夾下,其涉及的檔案分別是 header.php, footer.php, sidebar.php和comments.php。例如,假設您的佈景主題上的首頁連結是以英文「Home」來顯示,現在您要將Home改成中文的「首頁」,那麼作法如下:

首先打開「記事本」,「開啟舊檔」,切換到/wp-content/themes/default資料夾,在「檔案類型」欄位中選取「所有檔案」,選取header.php。由下圖可以看出「記事本」預設的編碼格式是ANSI。

在「記事本」中「開啟舊檔」

在「記事本」中找到「Home」的地方,將「Home」改成「首頁」,然後「另存新檔」,在「編碼」欄位中選取「UTF-8」,按下「儲存」鈕,將檔案存成同一檔名覆蓋原檔。

在「記事本」中「另存新檔」

最後,將這個已變成UTF-8編碼的header.php 上傳到主機/wp-content/themes/default資料夾,覆蓋原來採用ANSI編碼的header.php,大功告成。其他檔案的改法依此類推,保證一定不會再出現亂碼。

WordPress圖片對齊問題的解決之道

WordPress新增圖片介面
WordPress自2.5.1版開始,圖片插入文章中的對齊問題就一直令人詬病,即使到了2.6、甚至2.7版,問題還是沒有解決,每次插入圖片,無論你選擇置中或靠右,圖片永遠是靠左對齊,讓使用者抱怨連連。其實,在WordPress官方網站的FAQ中老早就提出了解決之道,那就是在佈景主題themes/default資料夾中的style.css檔案中插入下列程式碼 – 站長的做法是在該檔案的最底部插入這些程式碼,真的從此之後,圖片都能按照自己的意思靠左、置中或靠右對齊。

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}