Wordpress 參考資料

架站-新手

1. Alannah Moore 著、Muki Wu 譯, WordPress 七天速成班－打造吸睛的風格化網站與部落格 (Create Your Own Website Using WordPress in a Weekend)
2. Pseric, WordPress Plugins 百大外掛精選, 博碩, 2014
3. 直接使用 wordpress 架站 https://zh-tw.wordpress.com/
4. Wordpress 新手  (codex.wordpress.org)

網站維護

1. 安裝 plugin 時不使用  FTP  (http://stackoverflow.com/questions/640409/can-i-install-update-wordpress-plugins-without-providing-ftp-access)

WP 網站功能擴充

頁面編輯 Live Composer Page Builder plug-in 

1. 一般介紹
2. Live Composer: How to add blog posts carousel (Youtube)
3. Live Composer: Post Template (livecomposerplugin.com)
4. Live Composer 試玩區
5. 說明文件
6. Image 元素的 Lightbox 功能，讓你點選圖片後，以 Overlay 的方式顯示圖片。(https://livecomposer.help/article/204-how-to-open-an-image-in-a-lightbox)

多語系頁面  The WordPress Multilingual Plugin

電子商務 WooCommerce

社群分享 Super Socializer 

自定 CSS WP Add Custom CSS

流量追蹤碼埋設 Tracking Code Manager by IntellyWP

圖片尺寸最佳化 EWWW Image Optimizer

為 Menu 加上 icon Menu Icons by Dzikri Aziz and joshuairl.

網站設計&規劃

一般規劃

1. Ethan Watrall , Jeff Siarto 著、莊惠淳 譯, 深入淺出網站設計 (Head First Web Design)

HTML/CSS/JavaScript

1. Elisabeth Robson, Eric Freeman 著、莊惠淳 譯, 深入淺出 HTML and CSS(第二版) (Head First HTML and CSS, 2/e). [書籍介紹]
2. Eric T. Freeman, Elisabeth Robson 著、蔣大偉 譯, 深入淺出 JavaScript 程式設計 (Head First JavaScript Programming) [書籍介紹]

Mockups

1. 9 Excellent Tools for Design Mockups
2. Balsamiq Mockups: Desktop and online mock-up.
3. Moqups.com : Online mock-up.
4. Responsive Design with Mockups (balsamiq.com)

Style Guide

1. Web Style Guide from Western University (pdf) 
2. Page Structure and Site Design  (Excerpted from Web Style Guide)

網站易用性設計

1. Janice (Ginny) Redish, Letting Go of the Words, Second Edition: Writing Web Content that Works (Interactive Technologies) 
2. Steve Krug 著、胡為君 譯, 如何設計好網站 (Don't Make Me Think: A Common Sense Approach to Web Usability, 2/e)
3. Steve Krug 著、陳亦苓 譯，深度測試－提高網站效益 (ROCKET SURGERY MADE EASY: The Do-It-Yourself Guide to Finding and Fixing Usability Problems) (DIY 一次搞定網站易用性問題), 上奇資訊
4. UX Design: An Introduction with Scout Stevenson (youtube, 58:06)
5. Example Usability Test with a Paper Prototype (youtube)
6. Usability.gov (提倡網站易用性的組織)
7. Garrett, Jesse James (2010). The Elements of User Experience: User-Centered Design for the Web and Beyond. New Riders Press. ISBN 978-0321683687. 
8. Jeff Johnson, 2014. Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines, 2nd edition, Morgan Kaufmann.

Color Palettes

1. Color Palettes Color Schemes (www.color-hex.com): 利用 keyword 找到 color palette.
2. Adobe Color CC
3. Color Palette FX: 上傳圖片產生圖片的 color palette. 

CSS

CSS box model

素材

1.  CC0免費圖庫搜尋引擎
2. 免授權圖庫整理，下載使用無顧慮！

其它

Word to html: 想把 Word 的內容變成網頁, 但是直接 copy & paste 又太多的奇怪 html code, 可以試試此網址的方案。轉出文字後，圖片還是要手動貼.