WordPress 設計架構
網站的前端及後台
需要哪些內容呢？
在跟WordPress網站設計師溝通之前，你可以先來讀這一篇，因為了解WordPress網站設計的架構，你跟設計師溝通就會更有效率，也可以提高網站的完成度
▶ 網站前端呈現畫面：
（看起來東西很多，但為了做出精采的網站，每個步驟都很重要，慢慢讀會很有幫助）
WordPress
網站前端呈現畫面
1.
WordPress 前端畫面
怎麼樣規劃網站的架構呢？
- 心智圖（Xmind）
首先，你可以先利用心智圖的軟體，比如說像是 Xmind 這樣的免費軟體，做出像這樣（圖面範例）的網站選單樹狀架構圖 常見的網站架構中有「首頁、最新消息、服務介紹、關於我們、聯絡我們….」，當然你可以依照品牌的需求進行架構上調整
- 點圖放大
2.
WordPress 前端畫面
主選單 / 次選單上面要放什麼？
- 常見的有
- 品牌介紹 / 品牌宣言 / 團隊成員
- 商品介紹 / 服務介紹 / 價格表
- 最新文章
- 門店營業資訊
- 聯繫我們
- 搜尋欄位
- 點圖放大
3.
WordPress 前端畫面
首頁內容規劃
- 你可以在首頁上規劃
- 形象影片
- 品牌簡單介紹
- 品牌SLOGAN
- 商品介紹 / 服務介紹 / 價格表
- 客戶回饋口碑
- 聯繫我們
然後把你想要排序的順序寫在心智圖上
4.
WordPress 前端畫面
頁面風格 / 版型設計
- 網站中好用的版型設計元素
- Banner（示範）
- 點圖放大
- 照片輪播（示範）
- 點圖放大
- 圖片、文字元素自行編排（示範）
- 點圖放大
- 表單元素（示範）
- 點圖放大
- 數字跳動，倒數計時（示範）
比如：報名截止倒數日期
- 動畫、特效元素（示範）
5.
WordPress 前端畫面
頁尾選單需要放什麼？
- 常見的有
- 品牌LOGO
- 品牌宣言
- 網站選單地圖
- 營業資訊
- 隱私權政策
- 退換貨政策
- 點圖放大
6.
7.
WordPress 前端畫面
桌機版 / 手機版 / 平板版型
RWD代表響應式網頁設計（Responsive Web Design）
是一種網頁設計方法， 讓網站能夠自動調整適應不同設備和螢幕尺寸
會根據用戶的設備，動態調整網頁的版面和元素呈現方式，以達到最佳的視覺效果和使用體驗
這意味著網站在桌面電腦、平板電腦和手機等各種設備上都能自動地適應螢幕呈現內容，而不需要額外的手動調整
在運用WordPress進行網頁設計時，仍要針對桌機版與手機板進行畫面體驗的細部檢查與微調校正
- 點圖放大
WordPress
網站後台需要的內容
▶.
WordPress 後台內容
SEO
在網站設計完成之後，要針對網站進行SEO（搜尋引擎優化）的工作，好讓搜尋引擎能在用戶搜尋你網站相關的關鍵字時，能將你的網站呈現在較好的排序順位
- 搜尋引擎會派出程式，到全球的網站去進行瀏覽，並把瀏覽到的資訊帶回自己搜尋引擎的資料庫（也可以把它想像成一個圖書館）
- 然後每當有人在搜尋引擎查詢相關的關鍵字時，圖書館的系統就會依照一連串事先預設好的規則
（就是傳說中的演算法）
將它覺得最適合你的網站按照排序放在用戶的眼前
而我們要做的SEO的動作，就是盡量配合圖書館（搜尋引擎）的演算法去調校我們的網站
好讓我們的網站能排在比較前面的順序，這樣用戶就會更有可能可以點擊到我們的網站，購買我們的商品或是服務了
- 點圖放大
▶.
WordPress 後台內容
安全防護
要為網站架設防火牆，進行安全防護，以及為網站定期做備份動作
網站要設定防火牆，針對外來可能的攻擊進行保護
因為全球有很多機器人會想侵入別人的網站，原本登入畫面的網址建議可以增加其他英文做為安全防護，這樣機器人就比較不會輕易知道你的網站登入網址
- 可以請相關公司協助處理更換網址的部分
- 管理員登入的密碼，要設定大小寫英文再加上數字，最好再加上幾個特殊符號，然後，要存在自己的筆記本裡哦，才不會之後想要登入時找不到帳號密碼
（不要覺得這個提醒很好笑，要管理的網路行銷帳號密碼一多，真的會找不到～）
雖然雲端主機多配有定期備份的功能，但還是建議每個月或是網站有大修改的時候，進行一次自身隨身硬碟的檔案備份
▶.
WordPress 後台內容
速度
- 圖片大小：
上傳網站的每張圖面，建議小於600KB，這樣網站的速度才可以保持在比較快速和有效率的狀態
- 快取外掛：
安裝快取外掛
- 點圖放大
