專案編輯工作坊

2. CONTEN
T 1. 控制台
2. 帳號
- 新增帳號
3. Salient
- General Settings
- Boxed Layout
- Header
- Footer
4. 設定
- 一般(網站標題、網誌描述)
- 閱讀(首頁顯示)
5. 外觀
- 選單
6. 頁面 – Page
- Add new elemen
- 嵌入資料到網頁內
- Templates
7. 媒體 – Media
8. 文章 – Post
- 上稿
9. 專案成果 – Portfolio
10. 幻燈片 – Nectar Slider
11.小工具 – 資源分享

3. Page
控制台
Post Nectar SliderPortfolio
媒體(庫)
外部平台
HTML內嵌
前台

6. Themeforest – Salient : 範例一
範例二
範例三
https://www.youtube.com/user/ThemeNectar
Youtube頻道 教學

7. 於網址後端加上「/wp-admin/」即可進入後台，例：http://demo.hfcc.org.tw/wp-admin/
控制台

8. 帳號 - 新增帳號

9. 帳號
注意 : 「管理者」權限會大於「編輯」
- 新增帳號

10. 主要更新Header & Footer內容，其他預設項目於頁面設計階段可以再次選擇修改與否。
Salient - General Settings
- Boxed Layout
- Footer
- Header

11. 「網誌描述」的明確性及關鍵字將會與GOOGLE能被搜尋的機會有關。
設定 - 一般(網站標題、網誌描述)
- 閱讀(首頁顯示)

12. 首頁顯示「靜態頁面」or「最新文章」。
設定 - 一般(網站標題、網誌描述)
- 閱讀(首頁顯示)
Masonry Blog W/ Sidebar
靜態頁面
Standard Blog W/ Sidebar

13. 外觀 - 選單

14. 內文文字編輯修改，”新增頁面”來練習。
頁面 / Page
- Add new element
- 嵌入資料到網頁內
- Templates

15. HTML語法教學: http://www.powmo.com/

16. HTML語法教學: http://www.powmo.com/
Add element 新增元件

17. 範例A
範例B

18. 1. youtube影片
影片下方點選嵌入，再複製<iframe src=….程
式碼到網頁中
ex.東海綠色博雅農場-沃土創建
2. Slideshare簡報
點選簡報左下方分享的箭頭符號(share this
presentation，再複製<iframe src=….程式碼到
網頁中
ex.HFCC / slideshare.net
3. Flicker照片
點選右下角分享照片照片箭頭/HTML內嵌，再複
製<a data-flickr-embed=…..程式碼到網頁中
Flickr 相片平台
4. googlemap地圖
選單中的嵌入地圖，再複製<iframe src=….程式
碼到網頁中
Google地圖
頁面 / Page
- Add new element
- 嵌入資料到網頁內
- Templates

19. Flicker照片
點選右下角分享照片照片箭頭/HTML內嵌，再複
製<a data-flickr-embed=…..程式碼到網頁中
頁面 / Page
- Add new element
- 嵌入資料到網頁內
- Templates
分享照片箭頭

20. 建議以英文命名，最大上傳檔案大小：200 MB
媒體 – Media

21. 新增文章練習
文章 – Post

22. Layout : Standard Blog W/ Sidebar
文章 – Post

23. Layout : Masonry Blog W/ Sidebar
文章 – Post

24. 預設風格「4 columns」，例 : HKR 104年獲補助名單。
專案成果 – Portfolio

25. Fullwidth / Masonry Style磚石風格。
專案成果 – Portfolio

26. 注意Slider Location 分類和Slider ordering順序。
幻燈片 – Nectar Slider

27. 如果設定全幅1024px * 523px，尺寸可參考如下(上下會被遮蔽可留白)。
幻燈片 – Nectar Slider

28. 「批次轉換」可同時編輯多張圖片的尺寸像素。
小工具 – FastStone Image Viewer

29. 各種檔案的轉檔互換，也可同時批次轉檔。
小工具 – FormatFactory

30. 「Resplashed」提供可直接下載的免費素材。
小工具 – 11個免費圖庫

31. 使用「 Pixabay 」不需要註冊登入，來到網站後直接搜尋需要的
照片關鍵字，可以支援英文、簡體中文的搜尋。
小工具 – 做簡報必備 10 個資訊圖表圖示資源

32. END
thank for listening !