LearnDash 的視窗小工具區域僅為您提供了更多位置來在 LearnDash 中新增自定義內容。透過利用內建的 LearnDash 操作掛鉤,我們將小工具區域(也稱為 “側欄”)分配給整個 LearnDash 頁面的各個位置。
可用的 LearnDash 小工具區域
對焦模式:側邊欄:導航上方
聚焦模式:側邊欄:導航下方
聚焦模式:內容:開始
焦點模式:內容下方
課程頁面:內容:開始
課程頁面:內容:結束
需要 “ LearnDash 3.0” 活動模板。已透過 LearnDash 3.1.1.1 測試。
如何使用
啟用外掛後,將在WordPress管理區域的“外觀”>“視窗小工具” 螢幕上顯示 6 個新的視窗小工具區域。您也可以透過定製程式訪問它們。
只需將您想插入的小工具新增到相應的小工具區域。確保單擊底部的 “儲存” 按鈕。
導航到包含該視窗小工具區域的頁面,重新整理,然後您的新視窗小工具就會在那裡。
要新增的內容型別
WordPress 帶有一組預設小工具,其中一些可能有用。
新增具有一些基本內容,列表,一些連結等的文字小工具。
新增影象或影片小工具以獲得更多視覺內容
新增導航選單小工具以插入您建立的自定義選單
新增您自己的自定義 HTML 小工具以嵌入
提示:如果您使用的是 Text 或 Custom HTML 小工具,則可以使用 LearnDash 的 [student] 和 [visitor] 簡碼來僅向已註冊的學生或未註冊的訪客顯示該部件的內容。
LearnDash 小工具
LearnDash 預先包裝有一些小工具,但在這些小工具區域中可能只有一個有意義。
將課程進度欄新增到 “焦點模式” 側欄的頂部或底部
隨意嘗試其他 LearnDash 小工具。
元素模板
如果您使用的是 Elementor Pro,則可以建立一個自定義部分,並將其嵌入到網站上的任何位置,包括在新的 LearnDash 小工具區域中。有兩種方法可以做到這一點:
當您插入小工具時,選擇 Elementor Library 小工具。從下拉選單中選擇一個模板。點選 “儲存” 。
導航到模板>已儲存的模板。將簡碼複製到要插入的模板旁邊。現在,將 “文字” 視窗小工具插入視窗小工具區域,然後貼上簡碼。
有關更多資訊,請參見 Elementor 知識庫中的文章。
視窗小工具區域 CSS 類名稱
如果您需要定位小工具區域以使用 CSS 應用自定義樣式,則可以使用以下類名。
所有視窗小工具區域都具有.ldx-widget-area 類。
聚焦模式:側邊欄:導航上方– .ldx-widget-area.fm-nav-before
聚焦模式:邊欄:導航後– .ldx-widget-area.fm-nav-after
焦點模式:內容:開始– .ldx-widget-area.fm-content-start
焦點模式:內容下方– .ldx-widget-area.fm-content-bottom
課程頁面:內容:開始– .ldx-widget-area.course-content-start
課程頁面:內容:結束– .ldx-widget-area.course-content-end
用法示例:
.ldx-widget-area.fm-nav-before {
保證金:1em;
}
這將在 “焦點模式” 側欄中的導航上方顯示的小工具區域周圍增加 1em 的間距。
此外,放置在視窗小工具區域內的所有視窗小工具都具有.ldx-widget 類。
在某些裝置上顯示/隱藏小工具
雖然這不是此外掛的直接功能,但您可以使用另一個免費外掛在不同裝置上顯示/隱藏小工具。
安裝並啟用小工具選項外掛
導航到您要在其上調整可見性的小工具
滾動到底部,然後單擊手機上的標籤
選擇在選中的裝置上顯示還是隱藏
檢查適當的裝置
點選 “儲存”
在特定課程/課程/主題頁面上顯示/隱藏小工具
免費的 “小工具選項” 外掛(如上所述)的另一個功能是僅在特定課程,課程,主題或測驗頁面上顯示小工具。
安裝並啟用小工具選項外掛
導航到您要在其上調整可見性的小工具
滾動到底部,然後單擊設定齒輪圖示
單擊邏輯選項卡
在文字框中,您可以使用 is_single()條件標記僅在特定頁面上顯示該視窗小工具。
使用課程,課程,主題或測驗的 ID
如何查詢 LearnDash 內容的 ID
例:
這隻會在 ID 為 7 的頁面上顯示小工具:
is_single(’7’)
如果要在多個頁面上顯示視窗小工具(ID 為 1 、 2 和 3),則程式碼應如下所示:
is_single(array(1,2,3))
您可以使用更多的 WordPress 條件標籤。
從 WordPress 內部
前往[外掛程式>新增]
搜尋 “ LearnDash 的小工具區域”
點選 “安裝” 按鈕
點選 “啟用” 按鈕
導航到“外觀>視窗小工具” 或開啟定製程式以開始將視窗小工具新增到新的視窗小工具區域