如何在不使用插件的情況下將滑塊添加到您的 WordPress 主頁

已發表: 2022-09-15

WordPress 的一大優點是它很容易使用插件進行擴展。 但有時您不需要或不想要插件帶來的所有功能,您只想添加一個簡單的功能。 在本教程中,我們將向您展示如何在不使用插件的情況下將滑塊添加到您的WordPress 主頁。 向您的 WordPress 網站添加滑塊可能是展示特色內容或圖像的好方法。 許多 WordPress 主題都內置了對滑塊的支持,但並非全部都支持。 如果您的主題不支持滑塊,您通常可以通過安裝插件來添加一個。 但是,如果您不想使用插件怎麼辦? 也許您想讓您的網站盡可能地輕量級,或者您只是不喜歡在您的網站上添加另一個插件的想法。 不管是什麼原因,您仍然可以在不使用插件的情況下將滑塊添加到您的 WordPress 網站。 在本教程中,我們將向您展示如何做到這一點。

以下步驟將引導您完成如何在 WordPress 頁面上添加滑塊。 在本文中,我們將學習如何在 WordPress 網站的主頁上添加滑塊。 使用滑塊時,您可以輕鬆創建幻燈片,而無需輸入任何信息。 它們還可以響應用戶輸入,例如單擊或滑動,允許您查看下一張幻燈片或上一張幻燈片。 Meta Slider 插件可免費使用並且非常受歡迎,下載量超過 110 萬次,用戶評分為 5 星中的 4.5 星。 免費版本包括四種不同的樣式以及許多有用的設置和選項,允許您將 SEO 友好的響應滑塊添加到您的帖子和頁面。 您還可以指定尺寸、效果、導航等。

它還在頁面右側有一個高級設置選項。 要在自定義函數中使用Meta Slider 短代碼,請添加一個包含主頁條件標記的 Genesis 標頭掛鉤。 由於您的幻燈片內容大於滑塊的大小,因此您的訪問者可以輕鬆訪問它。 Meta Slider 高級版是免費版的附加包,包括免費版中可用的高級功能。 您可以將視頻上傳到 YouTube 或 Vimeo(通過您的滑塊)並添加自定義 HTML 內容。 WooCommerce 支持的在線商店也可用於顯示您的投資組合中的項目,以及您自己的投資組合中的項目。 無需在 Meta Slider Pro 的定價上花費時間或金錢,因為您可以根據要使用插件的網站數量輕鬆選擇要使用的功能。 專業優惠起價為 39 美分(2 個站點),最高為 319 美分(無限站點)。 此外,MetaSlider Pro 附帶 30 天試用期,您可以免費試用。

如何在 WordPress 中添加自定義滑塊?

信用:codeinhouse.com

有幾種方法可以在 WordPress 中添加自定義滑塊。 一種方法是使用諸如 Slider Revolution 或Master Slider之類的插件。 另一種方法是使用帶有自定義分類的自定義帖子類型。

WordPress插件中的滑塊

信用:lambertgroupproductions.com

WordPress 插件中的滑塊是一種以引人入勝且具有視覺吸引力的方式展示您的內容的好方法。 它可用於顯示您最新的博客文章、圖像甚至視頻。 滑塊易於設置,可以添加到任何 WordPress 網站。

什麼是滑塊插件?

您只能使用圖像和文本來創建帶有免費滑塊插件的幻燈片( Smart Slider 3 除外)。 另一方面,基於圖層的滑塊插件可讓您個性化您的內心內容。

帶文本的 WordPress 輪播滑塊,不帶插件

有很多方法可以在不使用插件的情況下創建帶有文本的 WordPress 輪播滑塊。 一種方法是使用自定義 HTML 小部件。 此小部件允許您將自定義 HTML 代碼添加到側邊欄。 要使用此小部件,只需將其拖到側邊欄中,然後將以下代碼粘貼到小部件中: 第一張幻燈片 這是輪播的第一張幻燈片。 第二張幻燈片 這是轉盤的第二張幻燈片。 第三張幻燈片 這是旋轉木馬的第三張幻燈片。 要設置輪播樣式,您可以將以下 CSS 代碼添加到主題的 style.css 文件中:#my-carousel { margin: 20px 0; } #my-carousel .item { 文本對齊:居中; 溢出:隱藏; } #my-carousel .item img { 邊距:0 自動; 上面的代碼將創建一個帶有三個幻燈片的基本輪播滑塊。 您可以通過複製第一張幻燈片的代碼然後更改圖像源和文本來添加其他幻燈片

WordPress中的自定義滑塊代碼

有幾種方法可以在 WordPress 中添加自定義滑塊代碼。 一種方法是使用像 Soliloquy 這樣的插件,它允許您輕鬆創建和管理自定義滑塊。 另一種方法是使用 WordPress Customizer,它允許您將代碼片段添加到您的站點。

如何在我的 WordPress 代碼中添加滑塊?

文件頭可以在 WordPress 後端的 Appearance – File header 下找到。 通過在右側菜單中單擊它,您可以對其進行更改。 將 PHP 標記添加到正文後,滑塊的代碼將添加到頁面頂部。

沒有插件的 Woocommerce 產品滑塊

有幾種方法可以在不使用插件的情況下創建WooCommerce 產品滑塊。 一種方法是使用 WooCommerce 內置的短代碼。 另一種方法是使用 WooCommerce 產品表插件。 最後,您可以使用第三方插件,例如 WPBakery Page Builder。

WooCommerce 的產品滑塊提供了一個外觀專業的產品滑塊輪播,可讓您快速輕鬆地插入您的 WooCommerce 產品。 使用內置的簡碼生成器,您可以輕鬆修改產品滑塊的外觀和功能。 此頁面將引導您完成安裝插件並使其正常工作的過程。 只要主題是根據 WordPress 的標準和 WooCommerce 的指南開發的,WooCommerce 的產品滑塊就可以與任何 WooCommerce 主題一起使用。 必須先將 PHP 代碼複製並粘貼到模板文件中,然後才能包含它。 如果您在使用我們的插件時遇到問題,請首先執行以下步驟來解決問題。 您可以將產品滑塊用於 WooCommerce 開源軟件。

該插件已由各種貢獻者向公眾提供。 我可以自信地說這個滑塊是我用過的最好的。 提交了 196 條評論。 世界貿易組織的理事機構國際商會將於 2022 年 9 月 2 日舉行其成立 25 週年大會。期間為 2021 年 7 月 7 日至 7 月 21 日。期間為 2021 年 12 月 25 日至 2023 年 12 月 25 日。日期為 2.3.3 - 2021 年 8 月 19 日和 2. 2.8 - 2021 年 1 月 27 日。

將產品滑塊添加到 Woocommerce

就像將產品滑塊添加到您的 WooCommerce 網站一樣簡單。 該過程非常簡單,只需登錄您的 WordPress 儀表板,選擇插件菜單,然後單擊添加新的。 通過在搜索字段中輸入“WooCommerce 的產品滑塊”,您可以找到 ShapedPlugin。 如果找到它,請單擊“立即安裝”,然後單擊“激活”。 安裝後,您可以輕鬆更改 WooCommerce 中的滑塊。 您可以通過轉到 WooCommerce > 產品滑塊並選擇要編輯的滑塊來編輯滑塊。 更改您想要的選項並將它們保存為滑塊。