Muki word press

1. MUKI
http://mukispace.om
2010/05/02

2.  誰是MUKI？ - 自我簡介
 哪個比較好？ - WordPress V.S. 國內BSP
 寫書純屬意外? – 出書過程揭密
 佈景主題實戰篇 - 一步一步學會製作主題
 誰有問題？ - Q&A時間

3.  MUKi Wu
 Human Being
 Blogger
 Plurker
 Web Designer
 WordPress User

4.  國中 - 初次接觸電腦
 高中 - 無名小站
 大一 - MOcasting/PIXNET
 大三 – WordPress

5.  從國內BSP到自己架設WordPress
 現成BSP的好處
◦ 建立快速
◦ 多種版型樣式、套用容易
◦ 不用自己維護主機
◦ 流量無限制
◦ 整合性佳
 現成功能可選用(點閱數、網站統計、誰來我家等)
 圖片、相簿
 影片、內嵌
 好友、留言板、私密留言

6.  國內BSP的缺點
◦ 版型樣式限制多
◦ 版型良莠不齊
◦ 功能延伸不足
◦ 無法使用最新的套件(Plurk、Facebook等)
◦ 沒有獨立網址、網域(Pixnet VIP現在可用)
◦ 使用第三方JavaScript有諸多限制
◦ 無法當自己Blog真正的主人
 所以…. WordPress出現了!

7.  WordPress出現!
 想當自己的主人
◦ 租用虛擬主機
◦ 承租網路空間
◦ 架設WordPress
◦ 服務上線!
 為什麼選用WordPress？

8.  WordPress的優點
◦ 多樣化的外掛(Plugin)
◦ 自由的版面設計功能 → 完全客製化
◦ 良好的後台圖形介面(GUI)
◦ 更新頻繁 → 良好安全性、隨時跟上網路潮流
◦ 眾多使用者 → 網路資源豐富(中/英)
◦ 完整的使用者權限管理 → 共同作者

9.  WordPress的缺點
◦ 架站需進階電腦使用知識(FTP、後台介面架構等)
◦ 需要基本HTML & CSS的常識
◦ 版型需要自行設計(但有許多現成版型可選用)
◦ 最新的技術文章大多是英文
◦ 需要自己管理虛擬主機與網域名稱

10.  所以…..？
 國內BSP
◦ 在版型及功能上需求不高
◦ 僅作為資訊公告
◦ HTML基礎較不熟練
◦ 沒有預算
 WordPress
◦ 求新求變
◦ 新技術的追求者
◦ 想要有個人風格
◦ 有基礎HTML&CSS概念

11.  一切從2009的夏日開始….
 一封G-Mail的來信開啟了機緣
 出版社→虛擬先生→幸運的我
 居中牽線的大媒人 - 「Google」
 分工：
◦ 後台架設/虛擬主機 – 虛擬先生
◦ 前台模組/頁面規劃、設計 –我

12.  寫書的時間
◦ 2009/07/19 - 開始
◦ 2009/11/29 - 完成!!
◦ 2010/1月 - 校稿
◦ 2010/02/02 - 面市
 甘苦談
◦ 蠟燭兩頭燒
◦ 看不到盡頭的文字獄
◦ 周公也要參一腳
◦ 趕!趕!趕!
◦ (好像都沒有甘？)

13.  章節分配
◦ 7. 不可不知的WordPress 進階功能
◦ 8. 改造你的Wordpress 佈景主題
◦ 9. 運用css讓你的主題排版更流暢
◦ 10. 使用外掛擴充Wordpress功能
◦ 11. 絢爛的特效讓Wordpress與眾不同
◦ 12. 了解部落格受歡迎的程度 (12-3)
◦ 13. 推廣你的部落格
◦ 14. SEO的重要性(14-4)
◦ 15. 將WordPress變成現金
◦ 16. 和社交網站的整合

14.  你想要什麼？
 從想法一步步實現夢想
 確認頁面元素
 頁面要有哪些東西？
◦ 標題、橫幅圖片
◦ 分頁、分類、標籤雲
◦ 前台外掛
◦ Blog Widget
◦ 圖片、相片的表現方式？

15.  確認使用者UI
◦ 使用者如何瀏覽網站？
 左至右？上至下？
◦ 分頁的放置位置？
 左、右、上方或浮動
◦ 使用者的眼光該如何進行？
 聚焦點？圖靠左或靠右？
◦ 側邊欄元件的呈現方式
 順序：最新文章？熱門文章？廣告？
 必要：標籤雲？分類？

16.  設計頁面
◦ 頁面寬度？ 1024x768跟1280x1024仍是主流
◦ 三欄或是兩欄？
◦ 各種元件的擺放位置
◦ 是否使用側邊欄？(設計UI時跟選單一起考量)
◦ 圖示濫用的迷思
◦ 使用Photoshop等繪圖工具
 先行畫出頁面外觀並調整
 各式元件需分層規劃以便調整
 確認Layout與各元件尺寸跟設計

17.  切版 - 製作HTML頁面
◦ 第一層：背景/大圖/搭配DIV表現
◦ 第二層：icon/css sprites
◦ header.php、index.php、single.php循序漸進
◦ reset重置 → style css撰寫
◦ 確認不同瀏覽器的顯示效果
◦ CSS部份
 命名規則？
 CSS縮寫、CSS優化，減少讀取速度
 善用選擇器
 替你的CSS做分類

21.  現場開放問答
 以下問題恕不提供解答
◦ 身材的秘密…
◦ 是男？是女？

22. MUKI
http://mukispace.com