如何使用 Elementor Pro 打造動態內容? Header | Preloader | Form | Popup



如何使用 Elementor Pro 的主題編輯器建立一個 Header?

Header 是網站的頂部部分,通常包含了標題、標誌、導航菜單等元素。


它是網站的重要組件,用於引導用戶、展示品牌和提供導航功能。


通過使用 Elementor Pro 的 Header 主題編輯器,你可以輕鬆地設計和自定義獨特而精美的標頭,以提升網站的視覺吸引力和用戶體驗。



如果要用 Elementor Pro 來打造自己風格的 Header 的話,可以這樣做。


Step1.開啟 Elementor Pro 主題建構器

從 WordPress 的後台點擊 Elementor → 主題建構器 。


如果你找不到「主題建構器」的功能不要害怕,你不是中毒了,主題建構器是 Elementor Pro 其中一項功能,你必須安裝 Pro 版本以及認證許可證 ( License Key )。


如果你還沒有 Elementor Pro 的話,可以參考我的讀者優惠。



Step2. 點擊「頂部」並新增 Add New

進入頁面後,在左側的功能欄找到「頂部」並點擊,再按一下右上角的 Add New,就會進入編輯頁面,就可以開始設計我們的 Header 。

進入編輯頁面後,映入眼簾的是一堆的 Elementor Pro 的 Header Template ,所以你也可以在當中找到喜歡的模板,直接使用不用廢話,當然你很可能在當中找不到喜歡的風格,選擇一個簡單風格的,我們再來修改吧。

再來,我們使用 Elementor 元素打造以及修改內容。


大致上完成後樣子就像下面,整個操作流程下來,其實可以發現 Elementor 並不難學習,而真正花費時間的是在調整「樣式」。



Step5. 發佈 Header

完成後,只需要發佈設計,就可以讓整個網站套用新的 Header。操作如下:

  • 點擊左下角的「發佈」
  • 系統會問「你想在哪裡顯示你的範本?」 我們點擊中間的「新增條件」
  • 選擇包含整個網站,如果你有特殊需要的話,也可以在「單頁」或使用條件。
  • 最後,儲存和關閉。
  • Share the Post: