WORDPRESS 簡介

李岳凌 Rio 在 recorderz 點 com

WORDPRESS 概念•開源軟件，免費，線上社群，開發，討論

http://www.wordpress.org

http://wordpress.org.cn 國內網站

•盡量避免技術問題困擾內容發佈

•內容與形式分開，寫作者只需專注於內容

•現在大量用於個人博客，商業，社會組織

為何 WORDPRESS？

•何謂內容與形式分開？

•內容：文字本身，資料，由資料庫MySQL管理

•形式：網站結構，版面呈現模式，由 PHP 代碼構成

•好處在於：內容可攜，可引用，改外觀不會更動內容

WORDPRESS 範例

•使用Wordpress組織的範例：

•http://www.burnmagazine.org 攝影組織

•http://www.post-concrete.com/blog 姚老師博客

•http://www.wordpress.org/showcase/

WORDPRESS 結構•逆時序 日誌 Posts

•無時序 頁面 Pages

•留言，評論，引用 Comments

•標籤 Tags

•RSS，訂閱，發佈

WORDPRESS 結構•http://www.post-concrete.com/blog

以FTP 安裝 WORDPRESS•目前已安裝在學校主機，前兩步可以省略

• *1. 將WP.v2.8.5.Incl.Simp.Chinese.Pack.zip 解壓

• *2. 用Transmit 上傳到伺服器

•3. 用Firefox 開啟自家網站，填入MySQL資料庫及

密碼

•4. 記下這暫時的密碼！！

安裝 WORDPRESS•在本機安裝？把自己的電腦當成網頁伺服器

•Mac 上有 MAMP

•PC 上有 XAMPP

• http://www.yeeyan.com/articles/view/jht/65316

進入WORDPRESS後台

•http:// [自家網站 ]/wp-admin

•從Meta，點擊admin

WORDPRESS 後台簡介

撰寫練習 － 文字格式•WYSIWYG 所見即所得編輯器

•格式•標題 headings•縮排 indent•引用 quote•列表 list•鏈結 link (如何在新頁面開啟)•摘要 excerpt

撰寫練習 － 加入其他媒體

•可用媒體

• 圖：jpg|jpeg|jpe, gif, png, bmp, tif|tiff, ico, • 影：asf|asx|wax|wmv|wmx, avi, divx, mov|qt, mpeg|mpg|mpe, mp4|m4v• 字：txt|c|cc|h, rtx, css, htm|html, rtf• 音： mp3|4a, ra|ram, wav, ogg, mid|midi, wma• flash: swf

撰寫練習 － 練習加入圖片

•1. 下載範例圖片

•2. 上傳

•3. 修改

•4. 設置 -> 媒體 -> 縮圖大小

撰寫練習 － 管理•預覽，發佈，草稿，預定發佈

•管理頁面

•兩種資訊整理方式：

•分類 Categories 大項，可有階層的大小關係

•標籤 Tags 細碎的相關詞彙，沒有階層關係

調整外觀 － 版面構成頁首 header

頁面 Page 側欄 sidebar

調整外觀 － 選擇主題

調整外觀 － 搜尋主題•建議關鍵字：

•極簡 minimal•作品集 portfolio•攝影 photo

• http://www.wpzoom.com/design/wordpress-as-a-portfolio-examples-themes-15

• http://www.cssreflex.com/2009/07/13-magnificent-free-wordpress-portfolio-themes.html

以FTP手動安裝主題•1. 將主題包在本機上解壓縮

•2. 上傳到 wp-admin/wp-content/themes 之下

•3. 重刷後台網頁就能看到

調整外觀 － WIDGETS•Widgets 小道具，方便調整側欄內容

•最新評論

•最新日誌

•分類

•標籤雲

•鏈結

問題？

課後練習•練習發佈日誌，頁面。

•練習搜尋，更改主題。

•離開電腦，畫出自己網站的架構圖，思考哪些用頁

面，哪些用日誌，要有什麼分類。

•閱讀: 蔡志浩 「逆時序」文章排列的優缺點分析 http://taiwan.chtsai.org/2006/12/28/ni_shixu_wenzhang_pailie/