使用 Elementor 的即將推出的最佳網站

已發表: 2021-11-22

您是否正在尋找一種使用 Elementor 創建即將推出的最佳網站的方法? 即將推出的頁面是在您支持網站建設時保持訪問者參與度的好方法。

通常我們需要更新或更改站點佈局以跟上最新趨勢。 但是您不希望您的訪問者在您處理損壞的設計時看到它。 有一個錯誤頁面可以讓訪問者轉身尋找其他你不希望發生的選項。

這就是為什麼最好在您進入維護模式後立即掛起即將推出的頁面。 讓我向您展示如何使用 Elementor Page Builder 插件製作即將推出的最佳網站。

通過簡單的步驟使用 Elementor 創建即將推出的最佳網站

首先,在您準備好為您的網站設計即將推出的頁面之前,需要進行一些計算。 您需要確定站點停止運行的時間量並添加一個顯示延遲的計數器按鈕。

這樣,您的訪問者可以在他們再次訪問該站點之前跟踪剩餘時間。 同時,您還可以通過將即將推出的頁面與時事通訊訂閱表格相結合來提供電子郵件通知服務。

無論如何,如果您以前沒有使用 Elementor 設計過任何東西,請不要害怕。 Elementor 插件的操作非常簡單,只需 5 分鐘即可設計即將推出的頁面。

感覺非常激動? 讓我們開始設計吧!

步驟 1:手動創建即將推出的頁面模板

首先,讓我們轉到 WordPress 網站上的模板選項,然後單擊添加新按鈕。

使用 elementor 的最佳即將推出的網站

模板庫選項是您可以放置​​網站的各種模板的地方,包括來自 Elementor 頁面構建器的模板。

由於模板在您的站點數據庫中是可用的並且隨著時間的推移不會受到影響,因此最好使用模板來使用 Elementor 創建即將推出的最佳網站。

在新的彈出窗口中,從第一個下拉選項中選擇頁面,並為即將推出的頁面提供合適的標題。

單擊“創建模板”按鈕後,模板將保存到數據庫中,您將被重定向到該模板的 Elementor 編輯器頁面。

第 2 步:自定義和設計即將推出的網站

既然您被重定向到一個空白的編輯器頁面並想知道下一步該做什麼,那麼我們可以從這一點開始有兩種方法-

  1. 從頭開始創建模板
  2. 使用就緒塊並自定義它

對於初學者來說,從頭開始創建所有東西需要相當大的努力。 不用擔心, Element Pack Pro模板庫中有可用於此作業的模板。 足以幫助您使用 elementor 創建即將推出的最佳網站。

請注意,您必須事先在您的網站上安裝 Element Pack Pro 或 Element Pack Lite(免費)。

在訪問庫之前,讓我們先更改頁面佈局。

單擊 Elementor 編輯器頁面左下角的小頁面設置按鈕。

然後單擊Page Layout選項並選擇Elementor Canvas

這樣做將從頁面中刪除所有內容,包括全局頁眉頁腳、菜單、徽標等。空白頁面現在非常適合使用 Elementor 放置即將推出的最佳網站。

現在,單擊代表 Element Pack 模板庫的綠色小圓圈。 它將在彈出窗口中打開模板庫。

模板庫有 2300 多個資產,結合了所有就緒頁面、頁眉、頁腳和就緒塊。 從如此龐大的庫中找到一個模板似乎很困難。 但是,Element Pack 的模板庫並非如此。

您會發現模板按類別(左側)和部分(頂部)排列。

現在,轉到“”部分,然後在左側向下滾動,直到找到“倒計時”類別。

在這裡你會發現很多很酷的即將推出的頁面設計。 只需選擇自己喜歡的東西作為使用 elementor 的即將推出的最佳網站,然後單擊模板下的小插入按鈕。

第三步:模板定制

我們選擇了一個簡約的即將推出的頁面塊,它有一個中等大小的標題、一個大計數器塊和底部的電子郵件提交表單。

您可以立即使用此模板使用 Elementor 創建即將推出的最佳網站。

但是考慮到一個現成的塊模板,它需要一些自定義以使其看起來與眾不同。

讓我們首先更改倒數計時器。 單擊倒計時,然後單擊截止日期選項。

您將在底部看到一個帶有時鐘的彈出日曆。 只需根據需要更改計數器日期和時間。

然後讓我們更改計數器編號顏色以使其更加突出。

只需將顏色調整為亮白色並在下面添加一些文本陰影。

現在設計已經準備好了,是時候將即將推出的頁面掛在前端了。

第 4 步:設置即將推出的模板

最後一步,返回您的 WordPress 儀表板並查找Elementor選項卡。

在那裡,轉到“工具”部分,然後單擊“維護模式”選項。

單擊第一個選項並選擇即將推出。 將第二個選項保留為Logged In ,這是為了讓只有後端的人才能訪問該站點。

在第三個選項中,從下拉菜單中選擇您剛剛製作的模板。

現在,點擊保存更改按鈕,您就完成了!

嘗試以用戶身份訪問該站點以查看它是否正常工作。 如果您沒有跳過任何內容,那麼一切都會正常進行。

結論

您是否學會瞭如何使用 Elementor 成功創建即將推出的最佳網站? 如果您在閱讀本文之前對 Elementor 有一些經驗,那就更容易了。

謝謝你熬夜。