Views: 457
今天要跟大家分享一個 駕訓班教練網站 的操作教學。這個網站上提供了教練的介紹、開課與結訓日期的清單,以及報名相關的資訊,還包括影片說明等內容。
過去管理開課時間表比較麻煩,因為需要手動刪除過期的課程資訊。但現在我們可以透過 Elementor 搭配外掛來自動控制課程顯示,非常方便!以下就來一步步說明如何設定。
網站原本的結構
這個網站使用 Elementor 製作,每一個課程的資訊是用容器(container)來排版,裡面用內部段(Inner Section)進行細部配置。如果是用舊版本的 Elementor,可以用內部段去新增標題和內容,然後一排排地排列整齊。但今天我們要升級功能,讓課程能依時間自動隱藏,這就需要外掛的幫忙。
安裝所需外掛
- Visibility Logic for Elementor
這個外掛可以幫我們設定課程資訊的可見邏輯,達到在指定時間內顯示或隱藏的效果。不需要額外寫程式碼,非常簡單。 - IF MENU(選單可見度控制,可選安裝)
如果需要控制選單的顯示條件,也可以使用這個外掛。
我們接下來專注於 Visibility Logic for Elementor 的應用。
設定可見邏輯
- 新增 Visibility 設定
安裝外掛後,進入 Elementor 的編輯畫面,點選要設定的課程資訊。每個容器上會多出一個 “Visibility” 的選項,點進去後啟用 Enable。 - 設定顯示條件
在 Visibility 的設定中,可以選擇課程顯示的時間範圍。- 例如:設定從 10 月 2 日到 12 月 2 日之間顯示,超過這段時間課程資訊就會自動隱藏。
- 若要延長顯示,可以將結束時間調整為結訓後的隔天,例如 12 月 3 日,這樣讓報名者知道課程已結束。
- 逐步設定每個課程
- 選擇每個課程的時間範圍,設定完成後記得 發佈。
- 設定好的課程,會在容器旁邊顯示一個小眼睛的圖示,代表 Visibility 功能已啟用。
- 測試效果
回到前台,重新整理頁面。若系統時間已超過設定範圍,該課程就會自動隱藏。
優化管理流程
設定完成後,網站的時間表可以自動運作,省去了手動刪除過期課程的麻煩。未來新增新一年的課程時,只需修改標題與時間範圍即可,舊課程則會依時間自動隱藏。
總結
透過安裝 Visibility Logic for Elementor,我們可以輕鬆管理網站的開課時間表,實現自動隱藏功能。這不僅提升了網站的效率,也讓管理變得更加直觀簡單。有興趣的朋友可以試著操作看看,享受這個自動化的便利功能!
希望這篇教學對你有所幫助! 😊