MUKIhttp://mukispace.om

2010/05/02

誰是MUKI？ - 自我簡介

哪個比較好？ - WordPress V.S. 國內BSP

寫書純屬意外? – 出書過程揭密

佈景主題實戰篇 - 一步一步學會製作主題

誰有問題？ - Q&A時間

MUKi Wu

Human Being

Blogger

Plurker

Web Designer

WordPress User

國中 - 初次接觸電腦

高中 - 無名小站

大一 - MOcasting/PIXNET

大三 – WordPress

從國內BSP到自己架設WordPress

現成BSP的好處◦ 建立快速

◦ 多種版型樣式、套用容易

◦ 不用自己維護主機

◦ 流量無限制

◦ 整合性佳

現成功能可選用(點閱數、網站統計、誰來我家等)

圖片、相簿

影片、內嵌

好友、留言板、私密留言

國內BSP的缺點◦ 版型樣式限制多

◦ 版型良莠不齊

◦ 功能延伸不足

◦ 無法使用最新的套件(Plurk、Facebook等)

◦ 沒有獨立網址、網域(Pixnet VIP現在可用)

◦ 使用第三方JavaScript有諸多限制

◦ 無法當自己Blog真正的主人

所以…. WordPress出現了!

WordPress出現!

想當自己的主人◦ 租用虛擬主機

◦ 承租網路空間

◦ 架設WordPress

◦ 服務上線!

為什麼選用WordPress？

WordPress的優點◦ 多樣化的外掛(Plugin)

◦ 自由的版面設計功能 → 完全客製化

◦ 良好的後台圖形介面(GUI)

◦ 更新頻繁 → 良好安全性、隨時跟上網路潮流

◦ 眾多使用者 → 網路資源豐富(中/英)

◦ 完整的使用者權限管理 → 共同作者

WordPress的缺點◦ 架站需進階電腦使用知識(FTP、後台介面架構等)

◦ 需要基本HTML & CSS的常識

◦ 版型需要自行設計(但有許多現成版型可選用)

◦ 最新的技術文章大多是英文

◦ 需要自己管理虛擬主機與網域名稱

所以…..？

國內BSP ◦ 在版型及功能上需求不高

◦ 僅作為資訊公告

◦ HTML基礎較不熟練

◦ 沒有預算

WordPress◦ 求新求變

◦ 新技術的追求者

◦ 想要有個人風格

◦ 有基礎HTML&CSS概念

一切從2009的夏日開始….

一封G-Mail的來信開啟了機緣

出版社→虛擬先生→幸運的我

居中牽線的大媒人 - 「Google」

分工：◦ 後台架設/虛擬主機 – 虛擬先生

◦ 前台模組/頁面規劃、設計 – 我

寫書的時間◦ 2009/07/19 - 開始

◦ 2009/11/29 - 完成!!

◦ 2010/1月 - 校稿

◦ 2010/02/02 - 面市

甘苦談◦ 蠟燭兩頭燒

◦ 看不到盡頭的文字獄

◦ 周公也要參一腳

◦ 趕!趕!趕!

◦ (好像都沒有甘？)

章節分配◦ 7. 不可不知的WordPress 進階功能

◦ 8. 改造你的Wordpress 佈景主題

◦ 9. 運用css讓你的主題排版更流暢

◦ 10. 使用外掛擴充Wordpress功能

◦ 11. 絢爛的特效讓Wordpress與眾不同

◦ 12. 了解部落格受歡迎的程度 (12-3)

◦ 13. 推廣你的部落格

◦ 14. SEO的重要性(14-4)

◦ 15. 將WordPress變成現金

◦ 16. 和社交網站的整合

你想要什麼？

從想法一步步實現夢想

確認頁面元素

頁面要有哪些東西？◦ 標題、橫幅圖片

◦ 分頁、分類、標籤雲

◦ 前台外掛

◦ Blog Widget

◦ 圖片、相片的表現方式？

確認使用者UI◦ 使用者如何瀏覽網站？

左至右？上至下？

◦ 分頁的放置位置？

左、右、上方或浮動

◦ 使用者的眼光該如何進行？

聚焦點？圖靠左或靠右？

◦ 側邊欄元件的呈現方式

順序：最新文章？熱門文章？廣告？

必要：標籤雲？分類？

設計頁面◦ 頁面寬度？ 1024x768跟1280x1024仍是主流

◦ 三欄或是兩欄？

◦ 各種元件的擺放位置

◦ 是否使用側邊欄？(設計UI時跟選單一起考量)

◦ 圖示濫用的迷思

◦ 使用Photoshop等繪圖工具

先行畫出頁面外觀並調整

各式元件需分層規劃以便調整

確認Layout與各元件尺寸跟設計

切版 - 製作HTML頁面◦ 第一層：背景/大圖/搭配DIV表現

◦ 第二層：icon/css sprites

◦ header.php、index.php、single.php循序漸進

◦ reset重置 → style css撰寫

◦ 確認不同瀏覽器的顯示效果

◦ CSS部份

命名規則？

CSS縮寫、CSS優化，減少讀取速度

善用選擇器

替你的CSS做分類

現場開放問答

以下問題恕不提供解答◦ 身材的秘密…

◦ 是男？是女？

MUKIhttp://mukispace.com