如何在WordPress中添加全屏響應菜單


您是否看到流行博客使用的全屏響應菜單? 這些菜單以默認的漢堡包圖標顯示在網站上。 當用戶單擊或點擊它時,包含站點菜單的全屏覆蓋會出現,效果很漂亮。 在本文中,我們將向您展示如何在WordPress中添加全屏響應菜單而不編寫任何代碼。

WordPress中的全屏響應式菜單疊加

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活DC Fullscreen Responsive Menu插件。 激活後,您需要訪問 外觀»DC全屏菜單 頁面以配置插件設置。

全屏菜單設置

您需要從下拉列表中選擇一個菜單。 如果尚未創建導航菜單,請查看有關如何在WordPress中添加導航菜單的指南。

之後,您需要為全屏菜單選擇滑入效果的方向。 您可以選擇頂部,右側,左側,底部或沒有效果。

DC全屏自適應菜單允許您為菜單選擇背景和文本顏色。 確保您選擇的配色既易於搭配又可與您的配色方案相匹配。

選擇文本或背景色時,請始終考慮這些顏色如何影響可讀性。

您可以為菜單文本選擇Google字體。 只需輸入字體名稱,插件就會為您加載。

不要忘記取消選中“ Tiny link to Author”選項旁邊的複選框。 如果未選中,它將在您所有頁面上添加一個指向插件作者網站的鏈接。

最後,單擊“提交”按鈕以存儲您的設置。 現在,您可以訪問您的網站以查看菜單。 我們建議您調整瀏覽器的大小,以查看菜單在不同屏幕尺寸下的行為。

我們希望本文能幫助您將全屏響應菜單添加到WordPress網站。 您可能還想查看有關如何在WordPress中添加幻燈片面板菜單的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。