第二階段:開始建置網站
A 熟悉首頁版型建置方式
(1) 網站標題與標語、首頁圖片、Background
https://shunews.wp.shu.edu.tw/?p=86
(2) 小工具各區位置(設定首頁動態資訊)及設定、指定首頁頁面、Theme Options【Header Content】上傳更改網站Logo、Theme Options【Post Sider(首頁圖片輪播) 】設定新增
https://shunews.wp.shu.edu.tw/wordpress-%E7%89%88%E5%9E%8B%E9%85%8D%E7%BD%AE/2/
(3) Theme Options【Post Settings (文章分類頁面設定)】、Theme Options【Theme Colors (版型顏色設定)】、Theme Options【Theme Fonts (文字設定)】
https://shunews.wp.shu.edu.tw/wordpress-%E7%89%88%E5%9E%8B%E9%85%8D%E7%BD%AE/3/
B 建立內容及選單
(1) 請先草稿規畫網站結構,如網站中的主項目《系所介紹》,《師資介紹》,《最新消息》可能細分系辦公告、研討會、活動,…
(2) 依據您規畫的網站結構分屬性一
如《系所介紹》,建議使用Wordpress【頁面】>【新增頁面】建立
https://shunews.wp.shu.edu.tw/?p=190
(3) 依據您規畫的網站結構分屬性二如《最新消息》,建議使用Wordpress【文章】建立,最新消息如有分類,建議先至【文章】>【分類】建立分類後再開始至【文章】>【新增文章】並將這些新增文章加入分類,這些都設定好後,便可將分類利用小工具設定到首頁。
- 分類設定(共3頁)
https://shunews.wp.shu.edu.tw/?p=85 - 文章新增、編輯及相關功能
- 說明上篇(共3頁,包含消息上下架排程)
https://shunews.wp.shu.edu.tw/?p=77 - 說明下篇(共3頁,包含新增圖片及設定特色圖片)
https://shunews.wp.shu.edu.tw/75/ - 刪除文章
https://shunews.wp.shu.edu.tw/?p=97
- 說明上篇(共3頁,包含消息上下架排程)
- 設定標籤讓文章搜尋更方便
https://shunews.wp.shu.edu.tw/?p=81 - 他文章深入應用
- 編輯文章特殊功能介紹
https://shunews.wp.shu.edu.tw/?p=73 - 文章在首頁及分類頁截錄呈現設定
https://shunews.wp.shu.edu.tw/?p=98 - 將儲存在Google雲端硬碟文件放到文章、頁面中
https://shunews.wp.shu.edu.tw/?p=138 - 文章或頁面圖片容量額滿,如何擁有網站圖庫,不受自身網站容量500M限制
https://shunews.wp.shu.edu.tw/?p=137
- 編輯文章特殊功能介紹
(4) 內容已新增到一定的程度,開始來設定選單
- 建立、修改選單及設定放置區域(共3頁)
https://shunews.wp.shu.edu.tw/?p=87
C 首頁設定、SiderBar設定、Footer設定、Favicon設定
(1) 首頁更改設定請至【外觀】>【自訂】>【指定首頁頁面】
- 使用網站預設【Magazine Homepage】頁面,
此頁面的頁面模組為[Magazine Homepage],此模組特性可以有上方滑動照片及動態資訊- 上方滑動照片尺寸
https://shunews.wp.shu.edu.tw/?p=128 - 上方滑動照片設定 (點入頁面最下方)
https://shunews.wp.shu.edu.tw/wordpress-%E7%89%88%E5%9E%8B%E9%85%8D%E7%BD%AE/2/ - 動態資訊設定請至【外觀】>【小工具】,請將以下3種模組
設定至[Magazine Homepage]區
a.如何將上方3 模組設定[Magazine Homepage]區
https://shunews.wp.shu.edu.tw/?p=72
b.上方3模組細節設定
https://shunews.wp.shu.edu.tw/?p=149
- 上方滑動照片尺寸
- 或使用自訂首頁,您可新增頁面,將此頁面的頁面模組設定為[預設模板]、[Fullwidth],下方可直接至此頁面內容區依自己編輯方式加入內容(可用html 編修,字型大小也可修改),缺點是新增消息均是靜態頁面新增的方式,如您新增消息需將消息網址拷貝下來,再到此頁新增此消息,不是動態產生。
《頁面模組說明》
https://shunews.wp.shu.edu.tw/?p=190
(2) SideBar為側邊欄區,側邊欄常應用於加強宣導、常駐選項、次選單、行事曆,
您可至【外觀】>【小工具】來做設定。
- SideBar(側邊欄)換邊設定
https://shunews.wp.shu.edu.tw/?p=200 - 將模組(如文字連結、選單…)設定到SideBar(側邊欄)
https://shunews.wp.shu.edu.tw/?p=86 - 想讓每一頁SideBar(側邊欄)內容不一樣
https://shunews.wp.shu.edu.tw/?p=152
(3) Footer區應用於常駐選項、宣導、聯絡資料,您可至【外觀】>【小工具】來做內容設定,還可至【外觀】>【自訂】>【Theme Options】>【General Settings】>【 Footer Text】加上版權或相關文字說明
- 將模組拖曳到Footer區
https://shunews.wp.shu.edu.tw/?p=72 - Footer區小工具細節設定
https://shunews.wp.shu.edu.tw/?p=151 - Footer區文字宣告
https://shunews.wp.shu.edu.tw/?p=203
(4)Favicon 是 網址列前面出現圖示,在Wordpress 則稱為【網站身分】,此圖示通常是代表網站圖示如logo,當使用者將有設定Favicon網站加入我的最愛,此圖示也會同時被顯示在我的最愛中,更方便使用者尋找。
- Favicon【網站身分】設定
https://shunews.wp.shu.edu.tw/?p=140