第三天:編輯首頁與選單

只要堅持約一小時,你就可以有個漂亮的門面!而且訪客也可以輕鬆找到你用心寫過的內容囉!
建立全新
WP 網站
套用版型
增加內容
編輯首頁
編輯選單
調整設計
修改樣式
安裝外掛
擴展功能
好學生推廣
加碼影片!

0.第三天的課程開始囉!

哈囉!歡迎來到第三天的課程!只要再撐一個小時,上完今天的課程,最重要的基礎就差不多上完了!明天再改一下 Logo 等等,幾乎就可以開始運作了喔!加油加油!

1. 如何使用 UX Builder 內容編輯器來修改內容?

 跟著影片操作就可以了喔! 11’17”

什麼是 UX Builder 內容編輯器?
  1. 沒有 Flatsome 時,WordPress 預設的內容編輯器是像 Word 一樣,讓你從上往下,純粹打字和插入圖片。
  2. 但是 Flatsome 附帶了獨特的頁面內容編輯器,叫 UX Builder,他替換掉 WordPress 預設的區塊編輯器,讓你模組化你的內容,像是玩拼圖一樣,自己建立很多內容拼圖,再用拖拉的方式來改變排版,幾乎所見即所得,而且他有預設很多互動元素,讓你直接插入使用,非常方便,做出來的內容,就專業漂亮多了。

2. 如何修改首頁的焦點分類?

 跟著影片操作就可以了喔! 4’15”

首頁的 Featured Categories 是由 UX Builder 的 Product Categories 元素所做成
如果你在任何頁面,想要列出某幾個產品分類時,都可以使用這個 Product Categories 的元素:
    1. 他有很多的呈現方式可以選擇。
    2. 你可以指定要顯示哪些分類
    3. 你可以指定總共要顯示幾個分類
    4. 如果要編輯商品的分類與代表圖片,記得到左手邊 「商品>分類」去編輯喔!

3. 如何修改首頁的幻燈片秀/Banner?

 跟著影片操作就可以了喔! 6’36”

首頁的格狀橫幅圖片,是由 Grid 元素所做成
  1. 如果你在任何頁面,想要用格狀的方式,很漂亮的列出圖片與幻燈片秀的組合時,就可以插入這個 Grid 元素。
  2. 在 UX Builder 上面,有許多元素是可以包含子元素的,像是 Grid 元素可以包含很多個 Grid Items,每個 Grid Item 可以包含 Banner(橫幅)、Image(圖片) 或者 Slider(幻燈片秀) 元素。

4. 如何單獨匯入範例網站裡的頁面或預先設計好的區塊?

 跟著影片操作就可以了喔! 6’46”

Flatsome 有兩種匯入預先設計好的版型的方式喔!
  1. 如果你不是設計師,或者你不想花很多時間從零開始編輯新的頁面,可以善用匯入範例頁面與區塊的方式,可以快速幫你製作專業的頁面喔!非常方便呢!
  2. 在新增頁面時,以 UX Builder 打開頁面,可以在下面直接匯入整個頁面。
  3. 左手邊,點選 Flatsome Studio 開啟區塊版型庫,找到你喜歡的區塊,點選 Import 匯入就可以囉!
  4.  

5. 如何新增更多的網站內容?

 跟著影片操作就可以了喔! 4’23”

使用 Flatsome 主題時,大致上可以新增這些內容類型:頁面、文章、Portfolio、商品、Block等。

每當你想要加內容時,請先思考一下你的內容是不是需要分類的?是不是會有很多篇數的?適合使用哪一種內容類型來製作呢?
  1. 通常靜態的頁面,不常更新的、不會有很多篇數或分類的,會使用「頁面」類型。
  2. 通常部落格,會有文章分類、會累積篇數的,會使用「文章」類型。
  3. 通常作品集,會有作品集分類、會累積作品篇數的,會使用「Portfolio」類型。
  4. 通常產品,會有產品分類、會有很多產品,會使用 WooCommerce 外掛所預設的「商品」類型。
如何新增各種內容類型的頁面:
    1. 你可以從後台最上面「新增」的地方去增加新的內容。
    2. 或者從左邊都選單找到你想增加的類型,像是:「頁面> 新增」、「商品> 新增」、「Portfolio > Add New」等等。

6. 如何新增或修改選單?

 跟著影片操作就可以了喔! 10’55”

有組織的主選單,可以幫助訪客快速找到你的內容喔!
  1. 這個影片教你如何從控制台的左邊「外觀 > 選單」來新增和修改選單。
  2. 主選單建議不要太多項目,最多大約6~8個,太多項目會讓人覺得凌亂、不知道從何選起。
  3. 一個網站的選單其實可以不只有一個(主選單),還可以有其他選單,放置在網站的不同位置,你可以試試看把選單指定到不同的位置,看他會出現在什麼地方。

今天的課程完成囉!可以準備進入第四天囉!

建立全新
WP 網站
套用版型
增加內容
編輯首頁
編輯選單
調整設計
修改樣式
安裝外掛
擴展功能
好學生推廣
加碼影片!

歡迎分享課程

歡迎贊助帶路姬

訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:2,614,479(2024/2/2)
總訪客量:626,454 (2024/2/2)

© WordPress 網站帶路姬 2018~2025 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

本網站使用 Cookies 來提升您的使用體驗。我們將假設您同意這項安排,但如果您希望,您可以選擇拒絕。 接受 閱讀更多