WordPress 架站討論

WordPress 是目前最多使用的部落格(Blog)平台, 最大優點是架設容易和有大量的輔助插件, 令博客 (Blogger) 很容易設立自己喜愛風格的部落格。本文章分類主要討論如何架設 WordPress 部落格和一些技術分享。

  • 刪除 WordPress 回覆作者(Comment Author) 鏈結 December 21, 2012
    當 WordPress 網誌運作了一段時間, 你可能發覺有很多無聊及簡單的回覆, 在不同文章都是用同一的回覆。 其實, 大多數回覆的作者 (Comment Author) 都是為了在回覆欄內放置他們網站的鏈結, 便隨便的回覆就算了。 不過, 這些大量的回覆作者鏈結對網誌的搜索引擎優化是不良的, 會做成網頁大量的 PageRank 外洩 (PR Leak), 令到網頁 PageRank 下降。 根據 Google 最新的資料, 就算是用 noFollow 鏈結也會有PageRank 外洩。 所以, 從網誌搜索引擎優化的角度來看, 刪除 WordPress 回覆作者(Comment Author) 鏈結是有需要的, 但唯一要考慮的, 就是會減低讀者回覆文章的意欲。 先前文章討論了如何刪除 WordPress 回覆欄(Comment)內的日子時間和 Reply 鏈結, 今天看看如何刪除 WordPress 回覆作者(Comment Author) 鏈結。 刪除 WordPress 回覆作者(Comment Author)的鏈結, 開啟使用中的 WordPress 佈景主題內的 functions.php 檔案, 瀏覽至 330 行, 即先前刪除回覆欄的兩個鏈結的前幾行就是啦, 如下圖: 十分明顯, 回覆作家的鏈結是由 get_comment_author_link() 這函數 (function) 產生的啦! 只是更改這函數便應該可以了。 但是, get_comment_author_link() 這 函數可以在那裡找到呢? 不用擔心, 已經給我搜尋到了, 是在: home/wp-includes/comment-template.php 用文字編輯軟件 (text Editor) 開啟 comment-template.php 檔案, 瀏覽至 147 – 158 行, 如下圖: get_comment_author_link() 函數的內容十分簡單,  大致的意思是: 如果回覆作家沒有填上網站鏈結, 就只列印作家的名稱; 但如果有填上網站鏈結, 就會列印作家名稱和網站鏈結。 所以, 如果要刪除 WordPress 回覆作者(Comment Author) 鏈結, 只要兩個 Conditions 都是只列印作家的名稱便是了。修改如下圖所示: 看看結果如何。 WordPress 回覆作者(Comment Author) 鏈結給刪除了。
  • 刪除 WordPress 回覆欄(Comment)內的鏈結 December 20, 2012
    當訪客在 WordPress 文章內留言, 回覆欄(Comment)內會出現兩個鏈結, 一個鏈結是在日子時間, 另一個鏈結則在 Reply。 當製作 Sitemap 後, 你會發現有很多古怪的 URLs, 例如: #comment-80, #comment-92, replytocomm=83#respond, replytocomm=92#respond 等等的 URLs。 這些鏈結對搜索引擎優化並不是好的設計, 所以有必要刪除。 要刪除 WordPress 回覆欄(Comment)內的鏈結十分簡單, 網上差不多所有答案都是教人用 CSS 隱藏 (hidden)。 可是, 用 CSS 隱藏只是人類的眼睛看不到, 對搜索引擎是沒有作用的。 最佳方法是真正的刪除, 並不是用 CSS 隱藏。今天就看看如何刪除 WordPress 回覆欄(Comment)內的兩個鏈結。 刪除 WordPress 回覆欄(Comment)內的兩個鏈結十分容易, 只要更改使用中的 WordPress 佈景主題內的 functions.php 檔案便可以了。 用文字編輯軟件 (text Editor) 開啟 functions.php 檔案, 瀏覽至 340 – 350 行, 如下圖: 用 “/* */” Comment 了 340 行及 347 行便可以了, 如下圖所示: 看看結果如何。 WordPress 回覆欄(Comment)內的兩個鏈結給刪除了。
  • WordPress 分頁 Archives 擴充套件 – Simple Yearly Archive December 19, 2012
    上一篇 WordPress 文章提出, WordPress 在Sidebar 預定的 Archives Widgets 會製造了太多鏈結, 而且文章鏈結需要按年、月和日的多個點擊次數才可以給搜索引擎發現, 這都會給搜索引擎分析為不重要的鏈結。要解決這 Archives 搜索引擎優化問題, 可以在多個 WordPress 分頁(Pages) 有系統地將所有文章歸納。今天要介紹一個十分容易使用的擴充套件 (Plugins), 可以很方便的在 WordPress Pages 中建立 Archives, 擴充套件名稱是 Simple Yearly Archive。 擴充套件: Simple Yearly Archive 最新版本: Version 1.3.3 作者:Oliver Schlöbe 1. 第一步當然是安裝 Simple Yearly Archive 擴充套件。 2. 安裝擴充套件完畢後, 可按個人需要作出一些基本設定。 3. 安裝完畢後, 建立一個新的 WordPress 分頁。 4. Simple Yearly Archive 擴充套件有很多 Shortcodes, 可以很容易的按需要在 Pages 中建立 Archives,  Shortcodes 的使用方法可參考以下網頁: http://www.schloebe.de/wordpress/simple-yearly-archive-plugin/ 以下是 Simple Yearly Archive 最基本的使用 Shortcodes 例子。 1. 在 WordPress Page 中 Archive 所有文章: 2. 在 WordPress Page 中只 Archive 2011 年所有文章: 這樣, 我們便可以將很多的文章有系統的歸納在多篇 WordPress Pages 內, 而確保了每篇 Page 內不會有太多文章鏈結。
  • 在 WordPress 分頁(Pages) 中建立文章 Archives December 18, 2012
    當 WordPress 網誌運作了一段很長的時間, 文章自然多了, 所以 WordPress 必須要有一個完善的方案來歸納和處理所有文章, 以方便讀者可以閱讀作家以往的文章。WordPress 預定的設計是在 Sidebar 建立 Archives 的 Widgets, 文章會自動按日子來歸納, 所以讀者可以很方便的按年、月和日的次序來閱讀, 如下圖所示: 首先選擇年度 接著選擇月份 最後選擇某月份內的文章閱讀 WordPress 有很多不同功能的文章 Archives  Widgets, 但設計都是差不多的, 都是在 Sidebar 內將所有文章歸納起來。 WordPress 的 Archives  Widgets 的確方便讀者有系統的閱讀所有文章, 但是, 如果從搜索引擎優化的角度來看, 這並不是一個好的設計, 因為這會令到單頁上製造了太多鏈結, 很多時候, 搜索引擎只會對每頁最頂的鏈結(例如, 首50個鏈結)分析為最重要的, 所以大部份的鏈結很多時間都沒有給搜索引擎 indexed。再者, 如果文章鏈結需要按年、月和日的多個點擊次數才可以給搜索引擎發現, 都會給分析不重要的鏈結。 要解決以上文章 Archives 的搜索引擎優化問題, 其中一個方法可以建立多個 WordPress 分頁(Pages), 然後在 Pages 中有系統地將所有文章歸納。 WordPress 有很多 Plugins 可以很方便的在Pages 中將所有文章 Archives, 可以按實際需要來選擇合適的 Archives Plugins 來使用, 我會在接著的文章介紹一些在在 WordPress 分頁(Pages) 中建立文章 Archives 的 Plugins。  
  • 刪除 WordPress 的 Older posts 及 Newer posts 鏈結 September 15, 2012
    WordPress 網誌內的文章真的太多鏈結, 除了先前已經刪除了的”This entry was posted in 及Posted in 鏈結“及”「先前文章」及「後面文章」鏈結“, 發覺在頂部還有Older posts 及 Newer posts 的鏈結, 今天就看看如何刪除在 WordPress 文章這兩個不必要的鏈結。 WordPress 文章內的 Older posts 鏈結 當前往 WordPress 的第一篇文章, 只有 Older posts 鏈結出現。 因為這是最新的文章, 所以只會出現Older posts 鏈結在文章的底部。 WordPress 文章內的 Older posts 及 Newer posts 鏈結 但當前往 WordPress 的其他文章, Older posts 及 Newer posts 鏈會同時結出現在文章的頂部及底部。 刪除 WordPress 的 Older posts 及 Newer posts 鏈結 刪除 WordPress 的 Older posts 及 Newer posts 鏈結也是十分容易, 只要更改使用中的 WordPress 佈景主題內的 loop.php 檔案便可以了。 用文字編輯軟件 (text Editor) 開啟 loop.php 檔案, 瀏覽至 22 – 29 行, 便會看見產生文章頂部的 Older posts 及 Newer posts 鏈結程式碼。 繼續瀏覽至 175 – 182 行, 便會看見產生文章底部的 Older posts 及 Newer posts 鏈結程式碼了。 要刪除 WordPress 的 Older posts 及 Newer posts 鏈結十分容易, 只要用 “//” Comment了產生 Older posts 及 Newer posts 鏈結的PHP程式碼部份便可以了。 刪除頂部的 Older posts 及 Newer posts 鏈結 刪除底部的 Older posts 及 Newer posts 鏈結 看看結果如何。 WordPress 文章底部的 Older posts 及 Newer posts 鏈結刪除了。 WordPress 文章頂部的 Older posts 及 Newer posts 鏈結也給刪除了。
  • 刪除 WordPress 文章中的「先前文章」及「後面文章」鏈結 August 5, 2012
    在前一篇的文章, 我將 WordPress 中的 “This entry was posted in…..” 及”Posted in…..” 鏈結刪除, 現在看看如何刪除WordPress 的「先前文章」及「後面文章」的鏈結。我將 WordPress 的 Previous Post 譯作「先前文章」, 而 Next Post 就譯作「後面文章」。 WordPress 文章的頂部及底部都有「先前文章」及「後面文章」的鏈結, 如下圖所示: 刪除 WordPress 的「先前文章」及「後面文章」 鏈結也是十分容易, 只要更改使用中的 WordPress 佈景主題內的 loop-single.php 檔案便可以了。 因為 WordPress 文章的頂部及底部都有「先前文章」及「後面文章」的鏈結, 所以要續個部份刪除。 刪除文章頂部的「先前文章」及「後面文章」鏈結 用文字編輯軟件 (text Editor) 開啟 loop-single.php 檔案, 瀏覽至 20 – 30 行,  用 “/* */” Comment 了 21 行及 22 行便可以了, 如下圖所示: 刪除文章底部的「先前文章」及「後面文章」鏈結 繼續瀏覽 loop-single.php 檔案至 60 – 63 行,  用 “/* */” Comment 了61 行及 62 行便可以了, 如下圖所示: 看看結果如何。 WordPress 文章頂部及底部的「先前文章」及「後面文章」鏈結沒有了。
  • 刪除 WordPress 的 This entry was posted in 及Posted in 鏈結 August 5, 2012
    WordPress 網誌有很多鏈結, 主要是方便讀者瀏覽網誌內的其他文章。 如果從讀者的角度來看, 這真是十分方便。 但如果從搜索引擎優化的角度來看, 這並不是一個好的設計, 因為這會製造了大量重複的鏈結。今天討論如何刪除在 WordPress 文章內一些不必要的鏈結。 網誌文章底部的鏈結 網誌文章底部的 “This entry was posted in……” 鏈結, 如下圖所示, 其實可以刪除。 要刪除 “This entry was posted in……” 的鏈結是十分容易, 只要更改使用中的 WordPress 佈景主題內的 functions.php 檔案便可以了。 用文字編輯軟件 (text Editor) 開啟 functions.php 檔案, 瀏覽至 489 – 510 行, 如下圖: 第 500行 – 506行的程式碼便是用來顯示”This entry was posted in……” 的鏈結。 所以只要將這幾行的程式碼刪除便可以了;  當然, 最佳的方法是將這幾行的程式碼用 “/* */” Comment 了便可以了, 如下圖。 結果如下: 網誌文綜合頁內文章底部的鏈結 網誌文綜合頁內所有文章底部的 “Posted in……” 鏈結, 如下圖所示, 其實也可以刪除的。 要刪除 “Posted in……” 的鏈結是十分容易, 只要更改使用中的 WordPress 佈景主題內的 loop.php 檔案便可以了。 用文字編輯軟件 (text Editor) 開啟 loop.php 檔案, 瀏覽至 151 行, 用 “/* */” Comment 了這行便可以了, 如下圖所示: 看看結果如何。 Wordpress 網誌內的 “Posted in……” 的鏈結沒有了!
  • 在 WordPress Sidebar 內執行 PHP April 2, 2012
    前一篇文章討論了如何在 WordPress 文章內執行 PHP 程式碼, 突然想起可能有些博客也需要在 WordPress 的 Sidebar 內執行 PHP, 不如今天就討論這個主題。WordPress 也一樣有很多擴充套件 (Plugins), 安裝及激活後便可以在 Sidebar 內執行 PHP。我自己昨天試驗了幾個類似的擴充套件, 發覺以下這個 PHP Sidebar 擴充套件十分容易使用: 擴充套件名稱: PHP Text Widget 擴充套件版本: 1.0.1 擴充套件程式員: Satollo 擴充套件網站: http://www.satollo.net 擴充套件網站上還有應用的例子, 讓博客容易了解如何使用這擴充套件。 第一步當然是安裝及激活 PHP Text Widget Plugins: 安裝及激活 PHP Text Widget Plugins 後並不會產生新的 Widget, 只要在 WordPress Text Widgets 內便可編寫 PHP 程式了。 接著瀏覽到 Appearance -> Wigets 畫面, 將左邊的 Text Widgets 拖拉到 Sidebar。 好了! 試試在 WordPress Text Widgets 內編寫以下 PHP 程式。 <? // Print out a text echo “Hello….” . “I am Money Maker ” . “<br />”; // Include a file include ‘files/menu.php’; ?> 如下圖所示: 瀏覽文章, PHP 成功地在 Sidebar 內的 Text Widgets 執行,  結果如下: 所以, 在 WordPress 的 Sidebar 內執行 PHP 程式碼是十分方便和容易的。
  • 在 WordPress 文章內執行 PHP April 1, 2012
    前二篇文章一口氣討論了如何在 WordPress 文章內執行 JavaScript及如何在 WordPress 文章內執行 jQuery。不如也看看如何在 WordPress 文章內執行 PHP 程式碼。WordPress 有很多擴充套件 (Plugins), 安裝及激活後便可以在文章內執行 PHP。我自己試驗了幾個擴充套件, 今天要介紹的 PHP 擴充套件名稱是: 擴充套件名稱: Allow PHP in Posts and Pages 擴充套件版本: 2.3 擴充套件程式員: Hit Reach 安裝及激活 Allow PHP in Posts and Pages 擴充套件 先前有幾篇 WordPress 文章已經討論過如何安裝及激活 Plugins, 在這裡不再累贅重複了。 編輯需要執行 PHP 的文章 開啟及編輯 Load jQuery 文章。 在 WordPress 文章內執行 PHP 十分簡單, 只要在 在這例子中, 我會用 PHP 顯示今天的日子和現在的時間, 在 WordPress 文章內插入以下的 PHP 程式: $today = date(“F j, Y, g:i a”); echo “Today is ” . $today . “”; 如下圖所示: 如何在 WordPress 文章內使用 PHP 1. 當要在 WordPress 文章中需要插入 PHP 的地方, 在 之內便可以編寫 PHP 程式碼了: ……. php codes here ……. ……. php codes here ……. 2. 在 。 插入了 PHP 程式碼的 WordPress 文章結果如下: 在 WordPress 文章內執行 PHP, 可以增加很多有用和有趣的效果。
  • 在 WordPress 文章內執行 jQuery March 31, 2012
    前一篇文章簡單的討論了如何在 WordPress 文章內執行 JavaScript, 今天就看看如何在 WordPress 文章內執行 jQuery。 簡單來說, jQuery 是一個快速, 簡潔的 JavaScript 程式庫, 以往用幾十行來完成的 JavaScript 程式, 而用 jQuery 一般只要用幾行簡潔和容易明白的程式便可以了。所以, jQuery 的口號 “Write less, Do more!” 就是這個原因。現在看看如何在 WordPress 文章內執行 jQuery。 假設我們只想某一篇文章中 (例如: Load jQuery) 執行 jQuery: 要使用 jQuery, 第一步當然要在網頁開啟時載入 jQuery 的 JavaScript 程式庫, 這樣, 網頁才可以使用 jQuery。 載入 jQuery 的 JavaScript 程式庫 在 WordPress 文章開啟時載入 jQuery 的 JavaScript 程式庫是十分方便的, 一般有兩個方法。 方法一: 1. 用 Text Editor 開啟使用中的 WordPress 佈景主題 (例如: twentyten) 的 header.php 檔。 2. 在 wp_head() 的一行前加入以下: wp_enqueue_script(“jquery”); 如下圖所示: 方法二: 1. 前往jQuery 官方網站。 2. 下載最新版本的 jQuery JavaScript 程式庫。 3. 上載 jQuery 的 JavaScript 程式庫到 WordPress 網頁寄存。 在這例子中, 我會使用第二個方法來載入 jQuery 的 JavaScript 程式庫。 在 WordPress 文章內執行 jQuery 返回 header.php 檔案, 接著在 wp_head(); 一行的下面加入以下的程式: if(is_single( 'Load jQuery' )) {          echo '         <script type="text/javascript" src="https://localhost/xampp/wordpress/js/jquery.js"></script>             <script type="text/javascript">                 jQuery.noConflict();              jQuery("document").ready(function() {                 // Do something with jQuery                 jQuery(".outputText").hide();             });         </script>          ';     } 如下圖所示: : 1. 必須在</head>之前加入以上的程式。 2. 因為我只想在 Load jQuery 文章中執行 jQuery, 所以用了以下的條件測試是否開啟 Load jQuery 文章: is_single( 'Load jQuery' ) 你也可以用文章編號來測試條件, 例如: is_single( ‘2’ ) 為什麼要做 is_single( 'Post Title' ) 條件測試? 當然要啦! 只有一篇文章使用的 jQuery,  沒有理由要所有文章都載入不會用的 jQuery 程式吧。 參考: http://codex.wordpress.org/Conditional_Tags#A_Single_Post_Page 編輯需要執行 jQuery 的文章 開啟及編輯 Load jQuery 文章。 在這例子中, 我會用 jQuery 隱藏 outputText Class 內的文字, 如下圖: 前往網誌 Home Page, 你會發覺 outputText Class 內的文字並沒有隱藏, 因為不符合 is_single( ‘Load jQuery’ ) 的條件。 接著前往 Load jQuery 文章, outputText Class 內的文字已經被隱藏了, 因為這時符合 is_single( ...
  • 在 WordPress 文章內執行 JavaScript March 30, 2012
    如果博客以往有設計網頁的經驗, 相信都會懂得編寫 JavaScript 程式。JavaScript 有很多現成的實用程式, 如果可以插入 WordPress 文章內, 必定可以增加文章的色彩。現在看看如何在 WordPress 文章內執行 JavaScript 程式。 在 WordPress 文章內執行 JavaScript 程式是十分方便的, 一般有兩個方法。 第一個方法是直接在 WordPress 文章內編寫 JavaScript。以下例子是要印出 Hello World! 的文字: <script type="text/javascript">// <![CDATA[     document.write("Hello World!") // ]]></script> JavaScript 在 WordPress 文章內執行的結果如下: 第二個方法是用 Text Editor 將 JavaScript 編寫在獨立的檔案內, 然後在 WordPress 文章內需要插入 JavaScript 的地方 Call JavaScript 的檔案。 以下例子同樣是要在 WordPress 文章中印出 Hello World! 的文字: <script type=”text/javascript” src=”http://localhost/xampp/wordpress/javascript/hello.js”>// <![CDATA[ // ]]></script> JavaScript 檔案 hello.js 的內容是: document.write(“Hello World”); JavaScript 在 WordPress 文章內執行的結果如下: 互聯網上有很多實用和有趣的現成 JavaScript 程式, 現在舉一例子來說明如何使用。我現在要在 WordPress 文章內列印出今天的日期。 在 WordPress 文章中插入以下 Call 出 JavaScript date.js 檔案: <script type="text/javascript" src="https://localhost/xampp/wordpress/javascript/date.js"></script><script type="text/javascript">// <![CDATA[      // call function if required. // ]]></script> JavaScript 檔案 date.js 的內容是: var calendarDate = getCalendarDate(); document.write("Today is: " + calendarDate); function getCalendarDate() {    var months = new Array(13);    months  = "January";    months  = "February";    months  = "March";    months  = "April";    months  = "May";    months  = "June";    months  = "July";    months  = "August";    months  = "September";    months  = "October";    months = "November";    months = "December";    var now         = new Date();    var monthnumber = now.getMonth();    var monthname   = months;    var monthday    = now.getDate();    var year        = now.getYear();    if(year < 2000) { year = year + 1900; }    var dateString = monthname +                     ' ' +                     monthday +                     ', ' +                     year;    return dateString; } // function getCalendarDate() JavaScript 在 WordPress 文章內執行的結果如下: 以下是JavaScript 檔案 date.js 在本文章執行的結果: //
  • WordPress 目錄式文章存檔 Widget (WP Category Post List Widget) March 27, 2012
    先前的文章介紹了WordPress 目錄式文章存檔 (Category Archive) 的 Collapsing Categories 擴充套件 (Plugins), 今天再試驗了一些有關的 WordPress 擴充套件, 發覺以下的目錄式文章存檔擴充套件都十分適用於專題性的 WordPress 網誌, 這擴充套件的資料是: 擴充套件名稱: WP Category Post List Widget 版本: 2.02 程式員: Swashata 前一篇文章介紹的 Collapsing Categories, 是將所有目錄歸納在一起, 而  WP Category Post List Widget 最大的優點是可以選擇某一個目錄, 這是兩個擴充套件最大的分別。 說到這裡, 大家可能都一頭霧水了, 不如現在就看看 WP Category Post List Widget 如何可以選擇某一個目錄。 安裝及激活 WP Category Post List Widget 擴充套件後, 瀏覽往 Widgets 便可找到它: 接著將 WP Category Post List 的 Widget 拉往 Sidebar。 WP Category Post List Widget  的設定比 Collapsing Categories 還要多, 慢慢的續項嘗試吧! 剛才說過, WP Category Post List Widget 最大的優點是可以選擇某一個目錄。從下圖所示, 博客可以只選擇某一個目錄, 例如: Make Money Online 或其他目錄。 WP Category Post List Widget 顯示結果如下: 這樣, 我們可以按需要將個別的目錄放在 Sidebar 上, 例如放上兩個不同的目錄: 在 Sidebar 放上兩個不同的目錄的結果如下: 博客可以按自己網誌的需要, 選擇使用 Collapsing Categories 或 WP Category Post List Widget 擴充套件。
  • WordPress 目錄式文章存檔 Widget (Collapsing Categories) March 27, 2012
    對於一些專題性的 WordPress 網誌, 例如: 旅遊網誌, 博客都發覺預裝的目錄 (Category)  及 文章存檔 (Archive) 並不太合適使用。對於專題性的 WordPress 網誌, 主題目錄並不會不斷重複使用。當某個主題目錄完成了所有文章, 往後都不會再使用了。旅遊網誌是一個最佳的例子, 當某個旅遊行程 (例如: 西歐二十天遊記) 的所有文章完成了, 往後都不少再使用了。 再者, 博客都希望所有相同目錄的文章好像 Archive 的設計一樣, 方便讀者閱讀同一目錄內的所有文章。你可以將這設計稱之為 WordPress 目錄式文章存檔 (Category Archive, Category Posts 或 List Posts by Category)。 今天就討論如何做一個 WordPress 目錄式文章存檔。 首先看看 WordPress 預裝的目錄 (Category)  及 文章存檔 (Archive) 如何工作。 1. 當讀者按下 Archive 的月份 (例如: 2012年3月), 所有當月份的文章都會列出, 如下圖所示: 2. 如果讀者按下某個文章目錄 (例如: WordPress 教材), 所有WordPress 教材的文章都會列出, 如下圖所示: 很多 WordPress 網誌的讀者都有同樣的感覺, 如果目錄可以像 Archive 的設計一樣, 那麼搜索和閱讀相同目錄的文章就方便很多了。 現在就開始如何做一個目錄式文章存檔。 我曾經試裝了很多 WordPress 有關目錄式文章存檔的擴充套件 (Plugins), 但實用的真的很少, 今天首先介紹我個人認為是很好的目錄式文章存檔擴充套件, 以下是這擴充套件的資料: 擴充套件名稱: Collapsing Categories 版本: 2.02 程式員: Robert Felty 安裝 Collapsing Categories 擴充套件後, 瀏覽往 Widgets 便可找到它: 接著將 Collapsing Categories 的 Widget 拉往 Sidebar。 Collapsing Categories 有超多的設定由博客自行選擇, 只要續個設定慢慢的嘗試便可以了。如果不想花時間做設定, 就索性接受默認的設定吧! 以下是 Collapsing Categories 默認的設定: 只要將目錄打開, 相關的文章便會列出, 如下圖所示: 打開 jQuery 網頁設計課程目錄: 打開 WordPress 教材目錄: 有了這 WordPress 目錄式文章存檔的設計, 搜索和閱讀相同目錄的文章就方便很多了。
  • 如何取得 WordPress 所有文章的永久連結(permalinks) March 24, 2012
    很多 WordPress 博客都想取得所有文章的永久連結(permalinks), 用來作一些網上推廣用途, 但尋遍 WordPress 管理系統後台都沒有這功能。 小弟今天就和大家分享幾個月前在互聯網上找到的一個簡單 PHP 小程式, 可以很方便的列出 WordPress 所有文章的永久連結 (網上也有博客將 permalinks 翻譯為固定網地址)。 以下便是可以列出 WordPress 所有文章永久連結的 PHP 程式碼: <?php include "wp-load.php"; /* Define post_status as required: post_staus = publish     return posts and pages with type, URL and title post_status= any     return in addition any attachments such as images     in that post immediately after in the list     with URL and file name  */ $posts = new WP_Query('post_type=any&posts_per_page=-1&post_status=publish'); $posts = $posts->posts; header('Content-type:text/plain'); foreach($posts as $post) {     switch ($post->post_type) {         case 'revision':         case 'nav_menu_item':             break;         case 'page':             $permalink = get_page_link($post->ID);             break;         case 'post':             $permalink = get_permalink($post->ID);             break;         case 'attachment':             $permalink = get_attachment_link($post->ID);             break;         default:             $permalink = get_post_permalink($post->ID);             break;     }     // print out post type, permalink and post title     //echo "\n{$post->post_type}\t{$permalink}\t{$post->post_title}";     // print out permalink only     echo $permalink . "\n"; } ?> 現在看看如何使用以上的PHP 程式碼, 列出 WordPress 所有文章的永久連結: 1. 打開文字編輯軟件 (Text Editor) , 並開啟一新檔案。 2. 將以上的PHP 程式碼 Copy 在文字編輯軟件的新檔案。 3. 將檔案儲存為 url-listing.php PHP檔案。 4. 然後上載往 WordPress 網頁寄存的 Home 目錄, 如下圖所示: 5. 接著開啟瀏覽器, 前往 url-listing.php 的網址, 例如: http://www.YourBlog.com/url-listing.php 所有 WordPress 文章 (Post) 和分頁 (Page) 都會在瀏覽器列印出來: 多站網路網誌 (Multisite Network) 怎麼辦? 如果是 WordPress 多站網路網誌 (Multisite Network), 就按每個網誌的網址續個的去爬便可以了。 就舉 3Tic 多站網路網誌為例, 現在有三個網誌: 列印第一個網誌所有文章的永久連結的網址是: http://www.3tic.com/stockinvest/url-listing.php 列印第二個網誌所有文章的永久連結的網址是: http://www.3tic.com/financialplan/url-listing.php 列印第三個網誌所有文章的永久連結的網址是: https://www.3tic.com/makemoney/url-listing.php 取得 WordPress 所有文章的永久連結(permalinks), 就是這麼簡單!
  • 如何保持 WordPress Blockquote 內文字格式 March 23, 2012
    先前的 WordPress 文章已經討論如何使用及修改 Blockquote 引用框, 現在看看如何保持 WordPress Blockquote 內文字本來的格式, 例如, 文字縮排。寫有關電腦程式碼的 WordPress 文章的博客, 經常要將程式碼放在 Blockquote 引用框內, 方便讀者查閱, 要保持原本程式碼的格式就非常重要了。 幸好, 博客可以利用 <pre></pre> 來配搭 WordPress Blockquote, 以保持 WordPress Blockquote 內的文字格式。 現在舉一簡單例子看看如何保持 WordPress Blockquote 內文字本來的格式。 假設在文字編輯軟件編寫了以下網頁 HTML 碼: 現在 Copy 以上的網頁 HTML 碼在以下的  WordPress Blockquote 內, 看看效果如何: <html> <head> <title>Test WordPress Blockquote</title> </head> <body> Hi, I am using Blockquote. Thanks </body> </html> Oh…. 原本 HTML 碼的文字縮排格式消失了! 以上的HTML 碼明顯地沒有那麼容易查閱和明白。 但是, 如果在 WordPress Blockquote 內加入<pre></pre>, 便可以保持 WordPress Blockquote 內文字格式, 如下所示: <html> <head>     <title>Test WordPress Blockquote</title> </head> <body>     Hi,         I am using Blockquote.         Thanks </body> </html> 所以, 如果要保持 WordPress Blockquote 內文字的格式, 只要一起使用 <blockquote> 和 <pre> 便可以了: <blockquote> <pre> —— 程式碼 —- </pre> </blockquote>
  • 限制 WordPress 多站網路網誌變動 Widgets March 21, 2012
    除了先前討論限制 WordPress 多站網路網誌使用佈景主題外, WordPress 管理員也最希望可以限制 WordPress 多站網路網誌變動 Widgets, 包括變更 Widgets 的位置, 新增 Widgets, 刪除 Widgets 等等的變動, 這些變動使到整體網誌的設計沒有一致性。 還有一個最大的問題, 就是有些作家可能在 Sidebar 利用 Widgets 放置廣告。據說有些 WordPress 多站網路網誌就是因為作家放置和管理員使用的 Google AdSense 相似的廣告, 令網誌管理員的 AdSense 帳戶給 Google 停用! 所以 WordPress 管理員在開設多站網路網誌時, 必須考慮如何限制或禁止 WordPress 多站網路的網誌變動 Widgets。 這麼, 起碼限制了網誌利用 Sidebar 加入 Widgets 來放置廣告。 今天討論如何限制 WordPress 多站網路網誌變動 Widgets。 沒有限制 WordPress 多站網路網誌變動 Widgets 首先假設 WordPress 管理員沒有限制 WordPress 多站網路網誌的作家變動 Widgets。 現在管理員新增了一個網路網誌, 接著的情況如下。 網誌作家收到了WordPress 管理員發出的密碼後, 便登入WordPress 管理系統後台,  很心急的瀏覽往 Appearance – Widgets, 準備設計自己風格的 Sidebar。 看! 網誌作家可隨意的變動 Widgets, 甚至可以在利用 Widgets 在 Sidebar 放置廣告, 這是 WordPress 管理員最不希望發生的事情。 如何限制 WordPress 多站網路網誌變動 Widgets 自律是最難遵守的, 最佳的方法是限制 WordPress 多站網路網誌變動 Widgets。 WordPress 有一個十分實用的擴充套件 (Plugins), 可以很容易的限制 WordPress 多站網路網誌變動 Widgets。擴充套件的名稱是 Restrict Multisite Widgets。 先前的幾篇 WordPress 文章已經討論過如何安裝 Plugins, 在這裡不再累贅重複。 WordPress 管理員安裝了 Restrict Multisite Widgets Plugins 後, 接著是按 Network Activate 鏈結激活 Plugins。 激活了 Restrict Multisite Widgets Plugins 後, 在 Themes 下會多了一個 Widget Restrictions 的菜單。 Restrict Multisite Widgets Plugins 的預設是 Disable 網誌所有 Widgets, 如下圖所示。 現在網誌作家管理系統後台的 Widgets 畫面的所有 Widgets 已經隱藏了。 所以, 網誌作家已經不可以變動任何 Widgets 了。 當然, WordPress 管理員可以保留一些設計彈性給網誌作家, 開啟 (Enable) 某些 Widgets, 例如: Calendar。 這樣, 網誌作家可以自己決定是否使用開啟的 Widget。 當然, WordPress 多站網路網誌管理員可以隨意在每個網誌獨立的管理系統後台變動任何 Widgets。 WordPress 管理員限制多站網路的網誌變動 Widgets 就是這麼簡單。
  • 設計個人風格的 WordPress Sidebar March 21, 2012
    很多 WordPress 博客為了方便, 都保留原有的 Sidebar 設計。 所以互聯網上大部份的 WordPress 網誌的 Sidebar 的設計都差不多是一樣的, 看來比較沉悶一點。 其實, 要創造個人風格的 WordPress Sidebar 是十分容易的。 現在就看看如何更改 WordPress Sidebar 的風格。 WordPress Sidebar 的風格是由 stylesheet 設定的。我們只要在使用中的佈景主題內 stylesheet 中加入或更改需要屬性便可以了。 舉例來說, 如果是使用 twentyten 佈景主題, 便需修改twentyten 佈景主題目錄內的 style.css stylesheet, 如下圖: 用文字編輯軟件 (Text Editor)  開啟 style.css stylesheet, 在大約 1109 行會開始找到設定 WordPress Sidebar 的屬性: 按你的喜愛, 更改或加入 Widget 新的屬性, 這樣便可改變 WordPress Sidebar 的風格, 例如: 預設的 WordPress Widget Title 風格是很簡單的, 只設定了黑色和粗體的標題, 如下: .widget-title { color: #222; font-weight: bold; } 現在就試玩一些新意思, 隨意的改變 WordPress Widget Title 的風格。 1. 用藍色框架將 WordPress Widget Title 包圍。 .widget-title { color: #222; font-weight: bold; border: 2px solid #21588E; } 2. 在WordPress Widget Title 下加一條藍色的粗線。 .widget-title { color: #222; font-weight: bold; border-bottom: 2px solid #21588E; } 以上只是一些簡單的例子, 你可以按自己的喜愛設計個人風格的 Wordpress Sidebar。
  • 刪除 WordPress 文章發佈日期及作家的超連結 March 20, 2012
    WordPress 提供了一個方便的方法, 讓讀者使用文章發佈日期及作家名稱來搜索網誌內的文章。WordPress 默認設定會在每篇文章的標題下列出文章發佈日期及作家名稱, 如果讀者按下文章發佈日期的超連結, 網誌便會搜尋及列出所有在文章發佈日期的文章;又如果讀者按下發佈作家的超連結, 網誌便會搜尋及列出所有這作家的發佈文章。 如果 WordPress 網誌有很多作家, 又不是使用多站網路網誌 (Multisite Network) 來管理, 每天都都發佈很多文章。這麼, 可以利用文章發佈日期及作家的超連結來搜尋文章就非常重要了。 但是, 互聯網上大部份的 WordPress 網誌只有一個作家, 文章發佈日期及作家的超連結就沒有什麼用途了。再者, 當在建立 sitemap 時, 這還會增加很多重複的超連結。 今天就討論如何刪除 WordPress 文章發佈日期及作家的超連結。 1. 用 FTP 軟件 (例如 WS_FTP) 登入 WordPress 的網頁寄存户口。 2. 瀏覽至在使用的 WordPress 佈景主題 (例如: twentyten) 。 3. 每個 WordPress 佈景主題目錄內都有一個 functions.php 檔案, 我們就是要在這檔案內刪除 WordPress 文章發佈日期及作家的超連結。 4. 用文字編輯軟件 (Text Editor) 開啟上述 WordPress 的 functions.php 檔案。 5. 在 WordPress functions.php 檔案內搜尋以下的函數 (function): function twentyten_posted_on() { —————————- —————————- —————————- } 這函數便是控制 WordPress 文章發佈日期及作家的超連結。 6. 刪除 WordPress 文章發佈日期及作家超連結的 HTML Tag, 如下圖所示: 7. WordPress 文章發佈日期及作家的超連結已經成功刪除了 當 WordPress 文章發佈日期及作家的超連結刪除後, 你會發現 sitemap.xml 內的鏈結會減少了很多, 主要是少了很多重複的超連結。
  • 限制 WordPress 多站網路網誌使用佈景主題 March 19, 2012
    當 WordPress 多站網路開設了一些網誌, 博主都不想見到每個多站網路上的網誌都用不同的 WordPress 佈景主題。 其實, 所有多站網路上的網誌都是網誌的一部份, 試想如果有些網誌用 Twenty Ten, 有些用 Twenty Eleven 等等的不同 WordPress 佈景主題, 這使到整體網誌的設計沒有一致性。 所以, WordPress 多站網路網誌的管理員都希望可以限制多站網路上的網誌使用佈景主題。幸好, WordPress 提供管理員一定的權利, 可以指定多站網路上的網誌使用某個佈景主題。 網路關閉 (Network Disable) WordPress 佈景主題: 管理員要限制或指定 WordPress 多站網路上的網誌使用某個佈景主題, 最重要的條件是網路關閉 (Network Disable) 所有佈景主題。這樣, 所有網路上的網誌就不可自由的選擇使用佈景主題。 限制 WordPress 多站網路網誌使用佈景主題 我現在借一例子, 看看如何限制多站網路上的網誌使用某個佈景主題。 1. 現在我正新增一個 WordPress 多站網路網誌。 2. 按 Add New 按鈕, 新增一個 WordPress 多站網路網誌 (site3)。 3. 選擇 WordPress 多站網路網誌 site3 下的 Edit 鏈結。 4.  Edit Site 畫面出現, 選擇 Themes (佈景主題) 標籤。 5. 選擇你指定多站網路上 site3 網誌使用的佈景主題, 例如 Google PR 佈景主題, 然後按 Enable 鏈結激活佈景主題。 6. 指定的佈景主題已經開啟給 WordPress 多站網路網誌 site3。 7. 接著按 WordPress 多站網路網誌 site3 的管理系統後台 (Dashboard) 鏈結。 8. 按 Activate 鏈結激活在步驟五指定給 site3 網誌使用的佈景主題 (Google PR)。 9. WordPress site3 網誌使用的佈景主題 (Google PR) 已經給激活。 10. 所有設定已經完成了! 最後步驟當然是檢查以上的設定是否成功。 11. 登入 WordPress 多站網路的 site3 網誌, site3 網誌正使用設定指定的佈景主題 (Google PR)。 12. 登入 WordPress 多站網路的 site3 網誌管理系統後台。 13. 哈哈! WordPress 多站網路的 site3 網誌只可使用由管理員指定的佈景主題 (Google PR)。 WordPress 多站網路網誌的功能真強大, 那麼方便的管理及限制網誌使用佈景主題。
  • 如何架設 WordPress 多站網路網誌 (Multisite Network) March 18, 2012
    由於這網誌現在有三位博客作家, 未來更會邀請多幾位博客參加。為免所有作家的文章混在一起,  3Tic 網誌已經於本年的二月底改建為一個 WordPress 多站網路 (Multisite Network)。 所謂 WordPress 多站網路, 即是每個博客作家都有自己的獨立網誌及獨立的管理系統後台。現在就和大家分享我們如何架建 WordPress 多站網路網誌的過程。 架建 WordPress 多站網路網誌前準備工作 重新安裝 WordPress 網誌網站 設定容許架設 WordPress 多站網路網誌 安裝 WordPress 多站網路網誌 管理和設定 WordPress 多站網路網誌 現在就開始逐步架設 WordPress 多站網路網誌! 架建 WordPress 多站網路網誌前準備工作 首先將舊網誌內所有文章按博客作家名稱導出 (Export)。 1. 登入WordPress 管理系統後台 (Dashboard), 然後按 Tools – Export 菜單。 2. 導出 (Export) 畫面出現, 預設是導出所有文章 (All content) 在一個檔案內。 3. 千萬不要選擇導出所有網誌內容在一個檔案內。 4. 選擇導出文章 (Posts), 下面的畫面出現: 接著選擇作家 (Authors), 然後按 Download Export File 按鈕下載導出檔案。 重複以上程序, 導出所有作家文章檔案。重新安裝 WordPress 網誌網站 為了可以快捷的完成架建 WordPress 多站網路網誌, 我們決定重新安裝一個 WordPress 網誌。 1. 刪除舊的 WordPress 網誌網站。 2. 重新安裝一個 WordPress 網誌網站, 安裝WordPress 網誌過程可參考以往的文章。 但安裝時有一點是非常重要的, 就是留意安裝的網址: 如果用了 3tic.com 安裝, 以後新增的網路網誌便會是 3tic.com/網路網誌。要更改十分複雜, 可能要重新安裝才能解決。 如果用 www.3tic.com 安裝, 以後新增的網路網誌便會是 www.3tic.com/網路網誌。 這是十分重要的, 因為 tic.com 和 www.3tic.com 是不同的, 尤其是舊網誌已經有很多 backlinks 指往 www.3tic.com。 不過, 如果真的不小心用 YourDomain.com (3tic.com) 安裝了 WordPress 網誌, 在設定多站網路網誌前還有最後一次更改網址的機會! 程序如下: 登入WordPress 管理系統後台 (Dashboard) 按下 Settings – General 菜單 更改網址, 如下圖所示 到這裡, 新的 WordPress 網誌已經安裝完畢, 接著便可以設定多站網路網誌。設定容許架設多站網路網誌 1. 用 FTP 軟件 (例如 WS_FTP) 登入 WordPress 的網頁寄存户口。瀏覽到 home 目錄, 會有一個 wp-config.php 檔案。 2. 開啟 wp-config.php 檔案。 在 /* That’s all, stop editing! Happy blogging. */ 這一行上加以下的程式碼。 define(‘WP_ALLOW_MULTISITE’, true); 這一行的程式碼就是設定容許架設多站網路網誌。 3. 登出WordPress 管理系統後台 (Dashboard) 4. 重新登入WordPress 管理系統後台 5. 你會發現在 Tools 下有一個新的 Network Setup 菜單, 這表示已經容許架設多站網路網誌, 接著的工作就是安裝多站網路網誌。 安裝 WordPress 多站網路網誌 上一步驟已經設定了容許架設多站網路網誌, 現在可以開始安裝多站網路網誌。 6. 按下 Network Setup 鏈結, 開始架設多站網路網誌。 7. WordPress 提供了兩個選擇來架設多站網路網誌: Sub-domains Sub-directories 因為 Sub-directories 比較合適我們的網誌, 我們決定使用 Sub-directories 的方法來架設多站網路網誌。 8. 選擇 Sub-directories, 按下 Install 按鈕開始安裝。 9. 出現以下畫面。 10. 按畫面的指示, 續步完成。 10.1 在 wp-content 目錄下新增一個 blogs.dir 目錄 10.2 在 /* That’s all, stop editing! Happy blogging. */ 這一行上加以下的程式碼。 10.3 用以下的程式碼取代在網頁寄存 home directory 內的 .htaccess 檔案的舊有的程式碼。 到此, 已經完成安裝WordPress 多站網路網誌所有步驟。 管理和設定 WordPress 多站網路網誌 WordPress 多站網路網誌已經安裝完畢, 接下來的工作是新增網路網誌。 11. 登出WordPress 管理系統後台 (Dashboard) 12. 重新登入WordPress 管理系統後台 13. ...
  • 在 WordPress 編輯器工具列上新增一個分頁導航按鈕 March 18, 2012
    在上一篇討論如何使用 WordPress 分頁導航 (Pagination) 的文章中, 我們知道, 如果要將一篇長的文章, 只要在需要分頁的地方, 插入以下的代碼便是了: <!–nextpage–> 但是, 如果文章真的很長, 要在 WordPress 的 HTML 編輯器內搜尋需要分頁的地方實不容易。你可能會問: 「為什麼不在WordPress 編輯器工具列上新增一個分頁導航按鈕, 那麼便可以在 WordPress 的可視編輯器內插入以上的分頁導航代碼?」 我想, WordPress 可能為了保持簡潔的 WordPress 編輯器, 沒有將所有可用的按鈕放在工具列上。 試想想, 如果將所有可能使用的按鈕都放在工具列上, 情況真的很不理想, 其實很多按鈕根本很少用或不會用。 當然, 最理想就是由博客決定, 將自己經常用的按鈕(例如:分頁導航) 加在WordPress 編輯器工具列上。不用擔心, WordPress 是容許這樣做的。 要在 WordPress 編輯器工具列上新增一個分頁導航按鈕十分容易。 1. 用 FTP 軟件 (例如 WS_FTP) 登入 WordPress 的網頁寄存户口。 2. 瀏覽至在使用的 WordPress 佈景主題 (例如: twentyten) 。 3.  每個 WordPress 佈景主題目錄內都有一個 functions.php 檔案, 我們就是要在這檔案內新增分頁導航按鈕的程式碼。 4. 用文字編輯軟件 (Text Editor)  開啟上述 WordPress  的 functions.php 檔案。 5. 在 WordPress functions.php 檔案的最後加入以下的 程式碼, 這程式碼便是用作在 WordPress 編輯器工具列上新增一個分頁導航按鈕。 // ————————————————————————– // Start Add NextPage Button // ————————————————————————– add_filter(‘mce_buttons’,’wysiwyg_editor’); function wysiwyg_editor($mce_buttons) { $pos = array_search(‘wp_more’,$mce_buttons,true); if ($pos !== false) { $tmp_buttons = array_slice($mce_buttons, 0, $pos+1); $tmp_buttons = ‘wp_page’; $mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1)); } return $mce_buttons; } // ————————————————————————– // End Add NextPage Button // ————————————————————————– 如下圖: 以上程式碼不是小弟寫的, 是在多月前在網上找到的。 6.  嘗試寫一篇新文章。Yeah! 在 WordPress 編輯器工具列上已經新增了一個分頁導航按鈕。 現在可以很方便的在 WordPress 的可視編輯器內插入以上的分頁導航代碼了。 現在 WordPress 編輯器的工具列上有了分頁導航按鈕, 我們可以很方便的做分頁了!
  • 使用 WordPress 分頁導航 (Pagination) March 18, 2012
    在討論如何使用 Wordpress 分頁導航 (Pagination) 前, 首先看看什麼是分頁導航? 為什麼使用分頁導航? WordPress 分頁導航最主要是用於很長的文章, 分頁導航可以將一篇很長的文章切斷成多篇比較簡短的文章。 這樣, 讀者無需要不斷的 Scroll down 文章, 容易閱讀。分頁導航還有提供一個最大的好處, 就是易於瀏覽某一頁, 例如: 第五頁。 如何使用 Wordpress 分頁導航 (Pagination) 好了! 說了那麼多Wordpress 分頁導航的好處, 現在看看如何使用吧。 其實, WordPress 本身已經提供了分頁導航的功能, 我們只要在需要分頁的地方, 插入以下的代碼便是了: <!–nextpage–> 以下是一個簡單的Wordpress 分頁導航例子。 假設我們寫了一篇很長的文章: 讀者需要 Scroll down 右邊的 Vertical Scroll Bar 幾次, 才可以將整篇文章閱讀完畢。 為了使讀者容易閱讀, 我們決定將整篇文章分為四頁。我們三處地方插入了分頁的代碼: 就是這麼簡單, 一篇很長的 WordPress 文章就分成了四頁了: 聽說, 如何適當的使用 Wordpress 分頁導航, 還有利於搜索引擎優化 –  Search Engine Optimization (SEO)!
  • 如何修改 WordPress Blockquote 的外表 March 17, 2012
    在寫 WordPress 網誌文章, 我們很多時都會使用到 blockquote 引用框, 尤其是寫有關電腦程式碼的 WordPress 文章, 更需要將程式碼放在blockquote 引用框內, 方便讀者查閱。 WordPress 編寫文章的工具列已經有一個 blockquote 按鈕, 博客在文章中需要插入blockquote 引用框的地方, 按一下 blockquote 按鈕, 便可方便及輕易的插入 blockquote 引用框。 這便是 WordPress Blockquote 的預設外表: 預設的 WordPress blockquote 外表比簡單, 現在看看如何修改 blockquote 的外表, 讓它比較吸引一些。 很明顯地, WordPress blockquote 的外表是由 stylesheet 設定的。我們只要在使用中的佈景主題內 stylesheet 中加入需要屬性便可以了。 舉例來說, 如果是使用 twentyten 佈景主題, 便需修改twentyten 佈景主題目錄內的 style.css stylesheet, 如下圖: 用文字編輯軟件 (Text Editor)  開啟 style.css stylesheet, 在大約 274 行會找到設定 blockquote 的屬性: 預設的 blockquote 外表就是這裡簡單: blockquote { font-style: italic; padding: 0 3em; } 按你的喜愛, 加入新的設定, 例如: blockquote { font-style: italic; padding: 0 3em; /* new setting*/ background-color: #eeeeee; border-left:5px solid #21588E; margin:15px 30px 0 10px; padding-left:20px; } 如下圖所示: 以下是修改後的 WordPress blockquote 外表, 是不是比預設的吸引和美觀很多呢? : 如果是使用子佈景主題 (Child Theme), 又有使用子佈景主題 stylesheet, 請修改子佈景主題內的 stylesheet, 如下圖: 當然, 你可以按自己的喜愛隨意的修改 WordPress blockquote 的外表, 這都是一些簡單的 stylesheet 設定。
  • 建立新的 WordPress 分頁樣本 (Template) March 17, 2012
    在如何建立 WordPress 分頁 (Pages) 的文章中, 我們發現 WordPress 已經預設了兩個分頁樣本 (Template) 可供選擇: 第一個WordPress 分頁樣本 (Default) 的設計主要是和日誌的相同, 有主網誌文章內容和 Sidebar。 第二個WordPress 分頁樣本 (One column, no sidebar) 的設計只有主網誌文章內容, 但沒有 Sidebar。 但是, 假如 WordPress 預設的兩個樣本都不能滿足你的需要, 莫非要勉強的使用其中的一個? 當然不是啦! WordPress 可以容許博客建立自己新的 WordPress 分頁樣本, 現在讓我簡單的介紹整個程序。 1. 用 FTP 軟件 (例如 WS_FTP) 登入 WordPress 的網頁寄存户口。 2. 瀏覽至使用的 WordPress 佈景主題目錄。因為這網誌是使用 twentyten 佈景主題, 所以瀏覽到 twentyten 佈景主題目錄。 3. 每個 WordPress 佈景主題目錄內都有一個 page.php 檔案, 這便是預設兩個分頁樣本使用的檔案。 4. 要建立新的 WordPress 分頁樣本, 第一步是複製一個新的 page.php 檔案至相同的目錄內, 並修改成你喜愛的檔案名稱, 例如: pageAdminTemplate.php, 如下圖: 5. 用文字編輯軟件 (Text Editor)  開啟 WordPress  的 pageAdminTemplate.php 檔案。當然, 現在 pageAdminTemplate.php 檔案的內容和 page.php 檔案是完全一樣的。 6. 我就是基於 pageAdminTemplate.php 檔案來建立新的 WordPress 分頁樣本 (Template), 我相信這是最快捷和最容易的方法。 7. 接著給新的 WordPress 分頁樣本一個新的名稱, 例如: Admin Page Template。 /** /* Template Name: Admin Page Template */ 8. 現在嘗試新增一個 WordPress 分頁, 你會發現新的 WordPress 分頁樣本已經出現在分頁樣本的下拉菜單: 新增的 WordPress 分頁如下: 9. 剛剛新增的 WordPress 分頁的設計和預設的樣板是一樣的。所以, 下一步當然要修改新的 WordPress 分頁樣本的設計, 否則何必建立一個新的 WordPress 分頁樣本。 10. 很多博客都主要是修改 WordPress 分頁的頭部 (Header) 設計。要修改 WordPress 分頁的頭部主要有兩個方法: 第一個方法是在分頁樣本重新寫一個頭部設計, 第二個方法則利用和修改原本的頭部檔案 因為第二個方法比較簡單和容易, 我是使用這方法。 10.  WordPress 載入檔案的方法十分聰明, 使到博客很容易修改成自己喜愛的設計。留意 pageAdminTemplate.php 檔案內的程式碼: get_header(); 這程式碼其實就是要載入 header.php 檔案。 get_header 是 WordPress 的 Custom Function, 可以在 wp-includes/general-template.php 找到它的程式碼是如何工作: 用文字編輯軟件開啟 general-template.php 檔案, 便可查看或研究 get_header Function 檔案的程式碼是如何工作。 其實程式碼都頗佳簡單: 11. 研究了WordPress 的 get_header Function 檔案的程式碼之後, 原來可以用以下方法載入新的頭部檔案: get_header(‘admin-page’); ?> 哈! 這程式碼可以載入 header-admin-page.php 檔案! 12. 很明顯的, 下一步是複製一個新的 header.php 檔案, 修改檔案名稱成 header-admin-page.php, 並儲存到工作的佈景主題, 如下圖: : 如果不是使用子佈景主題 (Child Theme), 請把 header-admin-page.php 檔案儲存到工作的佈景主題 (twentyten 或 twentyeleven) 的目錄內。 13. 所以, 我們可以很容易及隨意的修改 header-admin-page.php 檔案來設計新的 WordPress 頭部。 不如在這裡舉一例子修改 header-admin-page.php 檔案。 假設你不想在關於板主、聯絡板主、版權、法律資訊、公司聲明等等 WordPress 分頁的頭部出現 Google Adsense 廣告, 應該如何做呢? 最簡單就是開啟 header-admin-page.php 檔案, 將檔案內的 Google Adsense 廣告碼刪除, 就是這麼簡單! 將 header-admin-page.php 檔案內的 Google Adsense 廣告碼刪除後的結果如下圖所示: 當然啦! 你還可以隨意修改其他設計, 例如: Sidebar。假如你喜愛將所有分貢的鏈結都放在左邊的 Sidebar, 最簡單直接的就是修改 pageAdminTemplate.php 檔案內 ...
  • 建立沒有回覆的 WordPress 分頁 (Pages) March 16, 2012
    前一篇WordPress 分頁的文章介紹了如何建立 WordPress 分頁 (Pages), 這些分頁 (例如, 關於板主、聯絡板主、版權、法律資訊、公司聲明等等) 一般都很少改變及無須給訪客留言的。在這篇網誌文章, 我會討論如何在 WordPress 分頁文章中刪除訪客留言的部份。 要刪除 WordPress 分頁中訪客留言的部份十分容易, 主要是利用 WordPress 豐富的擴充套件 (Plugins)。經搜尋後, 我找到了一個十分實用的擴充套件, 可以很容易的刪除分頁中訪客留言的部份。 1. 登入WordPress 管理系統後台 (Dashboard) 2. 按下 Plugins 菜單, 然後按 Add New 按鈕新增 Plugins 3. 填入 Plugins 的搜索字,  然後按 SearchPlugins 按鈕開始搜尋。 4. 很多和搜索字有關的結果會出現, 選擇 No Page Comment 的 Plugins, 按 Install Now 按鈕開始安裝。 5. 一般只需要幾秒便安裝完畢, 接著按 Activate Plugin 激活 Plugin。 6. 當新的 Plugin 安裝完畢, 它會出現在 Installed Plugins 的菜單內。 7. 按下 Plugin 的 Settings。預設是分頁沒有回覆的功能。 8. 嘗試建立一篇新的分頁,  已經沒有回覆的功能了。 如果往後需要分頁有回覆的功能, 可以在 Settings 內重新設定。
  • 如何建立 WordPress 分頁 (Pages) March 15, 2012
    簡單來說, WordPress 分頁 (Pages)可以用來管理不屬於日誌的內容, 例如: 關於板主、聯絡板主、版權、法律資訊、公司聲明等等。這些內容一般都很少改變及無須給訪客留言的。 一般來說,網誌分頁跟日誌(Post)的外觀設計是十分相似的,它們都有標題和內容,都是使用佈景主題來保持一致的外觀設計。 我看見有很多 WordPress 網誌的聯絡板主及關於板主的內容都是使用日誌來撰寫, 並有一些留言, 這真的有點兒奇怪的。 現在就看看如何建立一個 WordPress 分頁: 登入WordPress 管理系統後台 (Dashboard) 瀏覽至 Pages 菜單, 然後按新增分頁 (Add New) 撰寫標題和內容 如下圖所示: 有一點要留意的, WordPress 分頁預設有兩個樣本可供選擇, 如下圖所示: 第一個WordPress 分頁樣本(Default)的設計主要是和日誌的相同, 有主內容和 Sidebar。 第二個WordPress 分頁樣本(One column, no sidebar)的設計只有主內容, 但沒有 Sidebar。 下圖的”關於板主” WordPress 分頁例子是選擇了第一個樣本 (Default) 來建立: 下圖的”關於板主” WordPress 分頁例子則選擇了第二個樣本 (One column, no sidebar) 來建立, 很明顯沒有 Sidebar: 上述提過, WordPress 分頁一般都無須給訪客留言的。在下一個網誌, 我會介紹如何刪除訪客留言的部份。
  • WordPress 中文永久鏈結搜索引擎優化 November 21, 2011
    WordPress 的永久鏈結(Permalink) 在英文網誌的表現是十分正常的, 但在中文的 WordPress 網誌卻有一個怪現象。我以上一篇文章第三個永久鏈結的設定來解釋這怪現象: 將文章的目錄及文章 ID 加入WordPress 永久鏈結: WordPress 永久鏈結的結果如下: 以上的中文永久鏈結看來十分正常, 但其實並不是的! 進入修改文章看看便完全明白了: 原來在永久鏈結的中文文章目錄會轉為怪符號, 這對搜索引擎的優化一點作用也沒有! 如果現在製作 sitemap.xml, 所有 URL 都是這些怪符號。 那麼, 如何解決這問題呢? 我選擇使用了在 WordPress 目錄的 Slug 的功能,  並使用英文, 如下圖: 這樣, 如果 Slug 不是空白, 相關目錄的 Slug 便會出現在永久鏈結內, 如下圖所示: 這樣, 起碼都有英文的關鍵字出現在永久鏈結內了。 當然, 互聯網上有一些博客會建議使用普通話拼音來取代英文的永久鏈結; 或是用 “Get Shortlink” 按鈕續篇文章修改永久鏈結。 這些都是可行的方法, 但我的 WordPress 網誌就不使用這方法了。
  • WordPress 永久鏈結的搜索引擎優化 November 21, 2011
    WordPress 的永久鏈結(Permalink) 的預設格式是不利於搜索引擎的, 首先看看以下的例子: WordPress 預設的永久鏈結格式是沒有關鍵字的, 搜索引擎是不喜歡這些沒有意思的永久鏈結格式的。 所以, 我要將關鍵字加入永久鏈結內。更改 WordPress 的永久鏈結格式是十分容易及方便, 前往 Dashboard -> Settings -> Permalinks, 如下圖: WordPress 提供了多個預設方法更改永久鏈結的格式: 其實, 四個預設的永久鏈結的格式 (Default, Day and name, Month and name 及 Numeric) 都是不利於搜索引擎的, 因為都沒有文章的關鍵字。 幸好, WordPress 提供了十分彈性的自設永久鏈結的格式 (Custom Structure), 可以讓我們自行設定永久鏈結的格式。 有多個自行設定的永久鏈結格式是有利於搜索引擎, 一般博客都會採用以下三個格式: 1. 將文章的標題加入永久鏈結: /%postname%/ 如下圖: 看看修改後的永久鏈結是如何: Yeah! 文章的標題加入永久鏈結了! 2. 將文章的目錄及標題加入永久鏈結: /%category%/%postname%/ 如下圖: 看看修改後的永久鏈結是如何: 文章的目錄及標題成功的加入永久鏈結內! 3. 將文章的目錄及文章 ID 加入永久鏈結: /%category%/%post_id%.html 如下圖: 修改後永久鏈結的結果如下: 但是, WordPress 的永久鏈結(Permalink) 在英文網誌的表現是十分正常的, 但在中文的網誌卻有一個怪現象。我會在下一篇文章解釋這怪現象。
  • WordPress 目錄批量歸納及整理 November 21, 2011
    在前一篇的文章, 我已經將兩個不同的 Blogger 網誌導入並合併到這個新架設的 WordPress, 但是, 兩個 Blogger 網誌有很多不同的目錄 (Categories), 如何將所有文章整理及歸納於 WordPress 的新目錄內呢? 首先看看新 WordPress 的目錄 情況 (Dashboard – > Posts -> All Posts), 如下圖: 我打算將所有文章整理及歸納於下列8個的目錄: 但是, 合併到 WordPress 後的文章差不多有三百篇, 如果是續篇的歸納於上述的新目錄內, 豈不是花很多時間? 幸好的, WordPress 的插件提供了一個快捷的方法, 這插件的名稱是 Batch Categories, 可以批量的整理 WordPress 目錄。 如何使用 WordPress Batch Cat 插件 使用 WordPress Batch Cat 插件十分簡單容易: 1. 安裝了WordPress Batch Cat 插件後, 在 Tools 菜單下會出現了一個新的 Batch Cat 子菜單。 2. 按下 Batch Cat 子菜單, 文章會續頁的出現, 如下圖: 3. 選擇多篇文章, 歸納於相同的目錄內, 如下圖: 就這樣, 每一次可以歸納多篇文章於相同的目錄內。只需花一些時間, 很快便可以將所有文章歸納於相關的目錄內了。
  • 將 Blogger 網誌所有文章導入到 WordPress November 17, 2011
    當這新的 WordPress 架設完成後, 下一步驟當然是考慮如何將 Blogger 中所有文章導入到 WordPress 內。 WordPress 有很多有用的插件 (Plugins), 所以接下來便是搜索有沒有 Blogger 導入的插件。搜索 WordPress 插件是十分容易的, 進入控制後台, 前往 Dashboard – > Plugins, 然後按 “Add New” 按鈕, 如下圖: 接著填寫需要搜索插件的條件, 我要搜索的插件是 「Blogger 導入」, 所以便填寫了 “Blogger Importer”, 如下圖所示: 按下 “Search Plugins” 按鈕, 和 Blogger Import 相關的插件便會列出, 如下圖所示: 接著選擇合適的插件, 我最後決定安裝 Blogger Importer v0.4。 按下 “Install Now” 按鈕, 安裝完成 Blogger Importer v0.4, 便馬上可以使用 Blogger Importer 插件了。 要使用 Blogger Importer 插件, 前往 Dashborad -> Tools -> Import -> Blogger, 如下圖所示: 接著需要授權給 WordPress 可以登錄及使用 Blogger。完成授權後, 所有在 Blogger 户口的網誌便會列出。 選擇需要導入 WordPress 的網誌, 續一按下 “Import” 按鈕將Blogger 的網誌導入 WordPress , 如下圖: 在正常連線的情況下, 如果 Blogger 的文章不太多, 只需一分鐘便可以完成將一個 Blogger 導入 WordPress。 就這麼簡單, 便將兩個 Blogger 網誌導入並合併到 WordPress。 但是, 兩個 Blogger 網誌有很多不同的目錄 (Categories), 如何將所有文章歸納於 WordPress 的新目錄內呢? 合併到 WordPress 後的文章差不多有三百篇, 如果是續篇的歸納於新目錄內, 豈不是花很多時間? 有沒有更快捷的方法呢? 答案是有的, 不如在稍後的文章和大家討論。
  • 轉換 WordPress 佈景主題 November 9, 2011
    我不太喜歡 WordPress v3.2.1 版本預設的佈景主題 (theme), 頂部那超巨型海報 (Banner)真的太誇張啦, 我還是比較喜歡 WordPress 先前版本的佈景主題, 不如看看如何轉換佈景主題。 轉換 WordPress 佈景主題 WordPress 的佈景主題可以在管理系統後台轉換, 首先瀏覽往以下菜單: Dashboard -> Appearance -> Theme 畫面的上半部指示現在正在使用的 WordPress 佈景主題, 即是 Twenty Eleven 1.2 了, 如下圖所示: 畫面的下半部的 Available Theme 則列出所有安裝了的 WordPress 佈景主題, 如下圖所示: 不過, 預設的 WordPress 佈景主題只有兩個: 正在使用的 Twenty Eleven 1.2 佈景主題, 和 尚未激活的 Twenty Ten 1.2 佈景主題 如何轉換 WordPress 佈景主題 好了, 看看如何從預設的 Twenty Eleven 1.2 佈景主題轉換到 Twenty Ten 1.2 佈景主題。 噢! 原來就是那麼簡單, 只需要按 Twenty Ten 1.2 佈景主題下方的 Activate (即是激活) 連結便可以了: 現在使用的 WordPress 佈景主題馬上轉換了 Twenty Ten 1.2, 而 Twenty Eleven 1.2 佈景主題卻轉換為尚未激活。看看下圖便明白了: 看看 Twenty Ten 1.2 佈景主題的效果是如何? 我比較喜歡 WordPress Twenty Ten 1.2 佈景主題, 接著我會研究如何更改 Twenty Ten 1.2 佈景主題, 變成個人風格的佈景主題。
  • WordPress 管理系統後台 November 6, 2011
    WordPress v3.2.1 已經安裝完畢, 首要做的事項當然看看新的網誌的外貌是如何啦! 上圖便是 WordPress v3.2.1 版本預設的 佈景主題 (theme)。 噢! 我不喜愛頂部那超巨型的海報 (Banner), 佔去了電腦顯示器差不多三份一的面積。 是時候登錄 WordPress 的管理系統後台 (Admin Panel), 看看如何做一些基本的設定。 WordPress 的管理系統後台可以在以下地址登錄: http://www.YourDomain.com/wp-login.php, 或 http://www.YourDomain.com/wp-admin/ 以下便是 WordPress 登錄成功後的管理系統後台畫面了: 因為已經有很多年管理類似 WordPress 平台的經驗, 例如, osCommerce 和 phpNuke, 等等的平台, 所以對 WordPress 管理系統後台的畫面並不陌生,  相信花少許時間便可以上手了。 接著, 我會花多點時間閱讀 WordPress 的文件, 看看如何管理 WordPress 和 設計自己的 WordPress 佈景主題 (theme)。
  • WordPress 安裝架站的過程 (二) November 5, 2011
    在上一步, 我已經給 WordPress 建立了數據庫及使用者, 現在可以開始安裝 WordPress 網誌管理平台了。 第四步: 上傳 WordPress 安裝程式 將已經解壓了的 WordPress 安裝程式上傳到網頁寄存户口。 記得保持 WordPress 目錄及檔案的結構。 第五步: 開始安裝 WordPress 程式 好了, 所有前期準備工作已經完成了, 可以開始在網頁寄存安裝 WordPress 程式。 前往 WordPress 的程式安裝網地址: http://www.YourDomainName.com/wp-admin/install.php : YourDomainName.com 即是你的域名名稱 電腦顯示器會出現以下的畫面: 按下”Create a Configuration File”按鈕, 接著顯示器會出現以下的畫面, 內容是要求你需要輸入有關WordPress 建立了數據庫及使用者的資料。 第六步: 輸入 WordPress 數據庫及使用者資料 不用擔心啊! 我們在第三步已經建立了數據庫及使用者啦! 只需要將這些資料填下便是了。 如下圖所示: 按下 “Submit” 按鈕往下一步。 如以上所有資料正確, 顯示器便會出現以下的畫面, 表示可以進行安裝 WordPress 了。 按下 “Run the install” 按鈕進行安裝 WordPress。 第七步: 輸入 WordPress 網誌及管理員基本資料 接著輸入 WordPress 網誌基本資料及管理員的資料。 續行輸入便是, 如下圖: 第八步: 安裝 WordPress 大功告成 如出現以下圖示, 表示安裝 WordPress 完畢! 是不是很快和容易。 WordPress 已經在網頁寄存户口安裝架設完畢, 接下來便是看看如何管理及設計自己的 WordPress 佈景主題 (theme)。
  • WordPress 安裝架站的過程 (一) November 4, 2011
    因為有十多年的架設網站經驗, 這幾天我的時間比較充裕, 就讓我來分享在網頁寄存 (Web Hosting)安裝架站 WordPress 的過程吧! 在網頁寄存安裝架站 WordPress 並不困難, 步驟都頗為簡單。WordPress 網站強調安裝只需要五分鐘, 根據經驗, 安裝時間真的不需要五分鐘。 其實現在很多網頁寄存都有提供”One Click Install” 的功能, 這樣的安裝真是十分簡單。 我曾經嘗試用 cPanel 內的 Fantastico 安裝 WordPress, 大約只需二分多鐘便完成。 但是, 安裝的 WordPress 並不是最新的版本, 所以最終都決定用手動安裝最新版本的 WordPress。 第一步:下載 WordPress 程式 第一步當然是往 WordPress.org 網站下載 WordPress 安裝程式包,  網址是: http://www.WordPress.org : 現在最新的 WordPress 版本是 v3.2.1 第二步: 解壓程式 下載 WordPress 安裝程式包到自己的電腦硬碟後, 將程式包解壓在一個目錄內。 程式的容量十分細小, 只是 9.41 MB。 第三步:建立數據庫及使用者 在安裝 WordPress 在網頁寄存前, 必須首先給 WordPress 建立數據庫及使用者, 這個數據庫是用來儲存 WordPress 數據的。 有一點是十分重要的, 必須給使用者足夠的權限來使用數據庫。 現在所有網頁寄存應該都安裝了 PHPMyAdmin 的程式, 我們可以利用 PHPMyAdmin 很容易的建立數據庫及使用者, 如下圖: 在下一步, 我會將解壓了的 WordPress 安裝程式上傳到網頁寄存户口, 並開始安裝 WordPress 網誌管理平台。