iT邦幫忙

1

Elementor 官方 [制作一頁式網站] 參考

https://ithelp.ithome.com.tw/upload/images/20190802/20116357C25jOu4gpa.jpg

協作的工具:
Hello 佈景主題 和 Theme Builder 工作流程

引用官方教學來源:

Monday Masterclass: Building a One-Page Website on WordPress

01 | 為什麼選擇單頁式網站?

首先,將所有內容放在一個簡化的線性頁面上意味著訪問者仍然專注於您的內容。因此,您的一個頁面成為漏斗本身,不斷說服讀者向下滾動到號召性用語。這樣可以降低在點擊指向其他頁面的鏈接時丟失客戶的風險,這些鏈接可能會加載太慢或造成分心。

02 | 如何創建一個 [一頁式網站]?

安裝官方的 Hello 佈景主題,這是輕盈和空白的主題
對 Elementor 來說,這方便新增更多的功能進去網站
而不是使用一個預載大量不相關功能的主題

在模版庫 (Template Library) 搜尋關鍵字「Yacht」並套用


首頁 (Top)
特點 (Features)
關於我們 (About Us)
我們的 CEO (Our CEO)
目的地 (Destinations)
照片庫 (Photo Gallery)
訂閱我們 (Subscribe)
聯繫我們 (Contact Us)

並使用上方的名稱為 CSS ID 命名
命名是自由的,只要我們可以知道他們的對應選擇器

簡單點說,只要把選單 (Menu) 上的連結位置
輸入例如 #Subscribe,這個選單 [不會另開一個新視窗] 而是在相同的頁面

連結到網站下方有「聲明」#Subscribe 的位置
基本上一頁式的原理就是這樣

【03】善用 Theme Builder,加速開發流程

輸入以下關鍵字,並套用以下「頁首」和「頁尾」

「Yacht Header」
「Yacht Footer」

基本上一個標準的 [一頁式網站] 就初步完成
當然您需要把網站的內容,換成您自己的

總結:

Hello 佈景主題 和 Theme Builder 工作流程就是為了效率和速度,
您不需要購買任何付費的佈景主題,只要使用簡潔的 Hello 佈景主題即可,
再配合 Theme Builder 大量現在即用的元素,
彈指之間,一個簡單的網站就輕鬆完成!


您可能會有興趣的 WordPress 相關文章:

免費建立網站教學,看這篇就足夠

WordPress 教學:小樹苗成長課程

HTML 標題語法 h1 至 h6 的使用原則和 SEO 的影響因素

免費 WordPress 新手必備素材包

什麼是 DA (Domain Authority 網域權威值) 和 PA (Page Authority 頁面權威值) ?

免費高品質和可商業使用圖庫推薦

Loom 是免費螢幕錄影工具,提供免費版和付費版 – 雲端錄制影片測試

100 個安裝 WordPress 後的小技巧

【Google Fonts 應用】如何在 WordPress 網站上使用 Google 中文字體?

WPWebHost 建立部落格完整流程 – 從 Logo 設計到 SEO 最佳化

為什麼 WordPress 是免費?

薑圖是什麼


什麼是 WordPress 社群生態普查與研習 - 網站迷谷

https://ithelp.ithome.com.tw/upload/images/20190427/20116357LGQmfn1DSo.png

一群喜歡網站架設的愛好者
推動 WordPress 社群持續的健康發展
建立關愛和共融的互動社群
適合完全沒有任何基礎和
不懂程式的入門者和新手
只要您勇敢踏出第一步
要建立自己的部落格或網站
其實沒有非常困難

第一次網站製作嗎?
歡迎來到我們的社團
學習網頁設計

免費 WordPress 線上影片教學課程

WordPress Valley - 網站迷谷【免費教學網站】

WordPress Valley - 網站迷谷【Facebook 討論社團】

WordPress Valley - 網站迷谷【追蹤 Instagram】


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言