修復移動設備上不顯示的 WordPress 菜單的 3 種方法
已發表: 2022-11-14如果您使用的是 2015 年或更早創建的 WordPress 主題,則您的主題可能未針對移動視圖進行優化。 這可能會導致您的菜單無法在移動設備上正確顯示。 您可以採取一些措施來解決此問題: 1. 檢查您的主題是否有移動專用版本。 如果是這樣,請切換到該版本並查看您的菜單是否正確顯示。 2. 如果您的主題沒有特定於移動設備的版本,請嘗試更改主題代碼中的“viewport”設置。 這將告訴瀏覽器如何針對不同的屏幕尺寸縮放您的內容。 3. 如果這些選項都不起作用,您可能需要購買針對移動視圖優化的新 WordPress 主題。
如何更改 WordPress 移動視圖中的菜單?

要更改您的移動菜單樣式,請登錄您的 WordPress 儀表板,然後導航至外觀 > 自定義 > 標題 > 移動菜單。 您需要的樣式將通過下拉菜單進行選擇。
要創建不同的移動菜單,您可以使用免費插件。 WP Mobile Menu 插件可在此處下載。 該視頻由 Liquid Web 製作 - 託管領域最有幫助的人。 您現在可以使用代碼 WordPress33 在 WordPress33 上獲得折扣。 這是一個移動友好且響應迅速的菜單,提供免費和付費版本。 同時,我將向您介紹如何立即使用免費版本。 免費版本帶有大量附加功能,但我將向您展示如何立即開始使用。
如果您轉到外觀部分並尋找選項,您可能會找到一位相當慷慨的作者,為您提供此選項。 我的最新版本的 WordPress 與該產品兼容,有 60,000 次活躍安裝,超過 40,000 條評論,今天有超過 60,000 名用戶安裝。 觀看此視頻時,請確保您看到的是當前日期和時間。 這是一個探索性問題,可讓您確認您是否願意向他們提供數據。 你有完全的自由。 當我們打開它時,顏色似乎是我們所有的選擇,我們可以按照我們喜歡的任何順序來操縱它們。 呵呵,呵呵:-/ 為此,請單擊“顏色”返回此菜單,然後向下滾動到右側菜單區域而不是左側。
當您單擊“添加菜單”時,它可能是您在移動菜單中使用的導航。 當您對插件有任何疑問時,您應該首先聯繫開發人員。 每天、每周和每月,Liquid Web 專家都可以為您提供及時的 WordPress 解答。
在移動設備上隱藏菜單
如果你想隱藏自定義菜單或其他移動菜單,你必須在你的菜單項中包含類'mobile-hide'。
如何強制更新 WordPress 主題?

要製作您的 WordPress 主題,請轉到外觀。 通知橫幅將顯示在所有有可用更新的主題中。 當您單擊要升級的主題時,會出現一條消息,提示“立即更新”。
使您的 WordPress 網站上的代碼保持最新至關重要。 如果您不利用更新,您的網站可能會變得容易受到攻擊。 您應該始終保持網站最新的三個主要原因:這是您的網站,對您很重要,而且很有用。 本指南將教您如何安全地執行更新。 至關重要的是,所有 WordPress 主題、插件和 WordPress 核心功能在可用後立即更新。 必須更新主題以與最新版本的 WordPress 保持兼容。 開發人員還更新它們以利用添加到它們的任何新功能。
如果您要進行任何更新,請備份您的網站。 使用 Kinsta 託管,您每天都可以訪問您網站的實時自動備份。 您可以選擇在更新之前執行手動備份和自動備份。 因此,我建議您這樣做以確保您的站點自上次備份以來保持安全。 如果您的託管服務提供商不提供簡單的備份,您將需要使用備份插件。 您希望確保您網站的訪問者不會受到任何停機時間的負面影響。 當一天中(或一周中的某一天)的訪問者數量低於平均水平時,最好在一天中的任何時間(或一周中的任何一天)密切關注您的網站。
您可以在暫存站點上測試您的站點,該站點與您的實時站點位於同一台服務器上。 URL https://staging-site-name.cloud 是您的暫存站點的名稱; 它將需要您的實時站點的副本進行暫存。 然後您將被帶到暫存站點,您可以在其中登錄、更新和測試該站點。 創建一個子 WordPress 主題並上傳您的 WordPress 定制將是更新您的定制主題的最安全方式。 您可能已經更改了子主題以適合您的父主題。 確保您已準確確定所做的更改以及它們如何與父主題交互。 當您更新主題時,您從主題目錄或主題供應商處對主題所做的任何更改都將丟失。
通過創建第三方主題的子版本,您可以對其進行適當的編輯。 您可以創建一個與父主題協同工作的子主題來創建網站。 在這種情況下,它將設計元素和功能添加到父主題,而不影響其功能或設計元素。 可以通過對父主題中的文件使用相同的名稱來覆蓋子主題中的文件。 如果您的主題是為 WooCommerce 定制的,它可能已經集成。 僅當您已經在使用版本 3 時才需要這樣做。如果您已經在使用版本 3,則可以這樣做。
如果您將額外的模板文件添加到您的主題中,通常會包含這些文件。 第一步是創建一個子主題,然後復制它的所有模板文件。 如果您使用最新的主題,您的站點將更加安全並且您將受益於可能添加的任何新功能。 在運行更新之前,請確保它已經安裝在您的暫存站點上; 它應該在嘗試運行更新之前完成。 僅當您想對系統進行更改時才應執行此操作。 首先,先製作一個子主題,然後添加您所做或需要的任何更改。
如何更改您的 WordPress 主題
由於 WordPress 主題有多種樣式和顏色可供選擇,因此很難找到適合您網站的主題。 WordPress 主題目錄是搜索主題的絕佳起點。 如果您喜歡要激活的主題,請轉到“激活”頁面。 因此,您必須更改網站的主題。 一旦主題被激活,您可以在您網站的主頁上查看新主題。 如果您想對主題進行任何更改,請轉到外觀。 通過選擇激活按鈕,您可以更改主題。
為什麼我的 WordPress 網站在移動設備上看起來不一樣?

您可以使用 WordPress 主題定制器預覽 WordPress 網站的移動版本。 轉到 WordPress 儀表板上的外觀以登錄您的 WordPress 帳戶。 您可以更改屏幕的外觀。 在屏幕底部,單擊移動圖標。 查看網站的移動版本後,您將能夠看到它在手機上的外觀。

您的 WordPress 網站的移動版本可能與桌面版本不同,因為 WordPress 具有響應式設計。 與界面不吸引人的公司相比,用戶更有可能從具有移動友好界面的公司購買。 如果您有這五個原因之一,您的 WordPress 網站在移動設備上可能看起來會有所不同。 無響應的主題將允許移動設備上的用戶看到您的網站,就像在台式計算機上一樣。 它不像將桌面設置轉換為垂直移動屏幕那麼簡單。 如果您為您的 WordPress 網站選擇一個響應式主題,您不會讓它在移動設備上看起來很糟糕。 某些插件可能不會響應,因此請檢查它們是否響應。
上傳前檢查媒體文件的大小。 大文件會減慢您網站的加載時間,並且加載時間可能根本不穩定。 通過壓縮您的媒體,您將能夠提高桌面和移動設備上的頁面速度。 要清理您的移動網站,請使用短代碼指定要隱藏的元素。 大多數主題已經構建為使您的網站適合移動設備。 如果您的 Jetpack 未啟用,則不需要此模塊。 通過單擊此文件路徑,您可以在 WordPress 儀表板上禁用該模塊。 如果您的移動網站使用與桌面網站相同的主題,您可以在那裡查看。
WordPress 移動菜單不顯示
您的 WordPress 移動菜單可能無法顯示的潛在原因有幾個。 首先,檢查您是否安裝了移動響應主題。 如果您使用的主題不是移動響應的,那可能就是問題所在。 另一種可能是您的菜單在移動設備上設置為“隱藏”。 要檢查這一點,請轉到 WordPress 管理員中的外觀 >菜單頁面,然後查找“在移動設備上隱藏”複選框。 如果已選中,請取消選中它並保存您的更改。 最後,也有可能與您網站上的另一個插件或代碼片段發生衝突,導致菜單無法顯示。 如果您不確定如何解決該問題,您可以嘗試停用所有插件並切換到默認的 WordPress 主題,看看是否能解決問題。 如果是這樣,您可以通過一次重新激活一個插件來縮小導致衝突的插件。
手機菜單不顯示在您的手機上是什麼問題? 檢查您的手機上是否安裝了以下 CSS:此字體大小為 28 位,字體系列名為 Awesome,顏色名為 #000。 Navigate('click,'menu,'#navigate','title','Menu,'link': 'https://www.google.com/file/d/19vDvgXdRdtES3TQRmiTNh-nav-nav 如果我從PC 或筆記本電腦,我正在查看的窗口較小,我單擊漢堡菜單,但沒有任何反應,我在移動設備 (iPhone) 上訪問該網站,但沒有任何反應。如果您的主題是基於兒童的,您可能需要修改 header.php 文件才能運行此測試。如果您希望顯示最新版本的主要悉尼主題,則需要對該文件進行一些更改。我的說明是否仍然有效或沒關係嗎?
為什麼 WordPress 移動菜單不起作用?
當移動菜單開始工作時,表示您已停用的插件之一不再處於活動狀態。 如果每個插件都被一個一個激活,菜單將恢復,直到完成。 您可以使用此方法確定錯誤來源並消除任何剩餘的插件。 這也可能是由於 Javascript 損壞造成的。
如何修復 WordPress 網站上的無效點擊
人們在使用 WordPress 網站時遇到的最常見問題之一是點擊無法按預期工作。 FastClick這個原本是為了簡化點擊事件的庫,經常出現這個問題。 FastClick 於 2013 年推出,當時移動流量相對稀少,移動瀏覽器也不太發達。 FastClick 是早期改進移動用戶界面設計的絕佳工具。 WP Engine 不再支持 FastClick。 因此,如果您使用 WP Engine 來託管您的 WordPress 網站,您應該清除您的 WordPress 緩存以確保點擊按預期工作。 為此,請轉到 WordPress 管理欄並選擇“WP Engine”菜單項,然後單擊“清除所有緩存”按鈕。 您可以讓 WP Engine 自動刪除所有 WordPress 站點的存儲緩存。
為什麼我的菜單沒有顯示在 WordPress 中?
在 WordPress 儀表板上,轉到外觀,然後轉到菜單。 確保菜單正確顯示並且您沒有無意中將其刪除。 通過單擊它,您可以管理您的位置。 確切的屏幕將取決於您的主題,但您應該看到標題菜單或主菜單。
“啟用空白頁面模板”選項:為什麼您的頁眉或頁腳可能會消失
如果您無法解決 WordPress 網站頁眉或頁腳消失的問題,您應該禁用“啟用空白頁面模板”選項。 結果,將加載一個沒有主題依賴項的空頁面,顯示您的頁腳和頁眉。 如果您想恢復頁腳和頁眉,您必須禁用“啟用空白頁面模板”。
如何在 WordPress 上恢復我的菜單?
要修改菜單,請轉到定制器並選擇它們。 在底部,選擇“添加菜單”。 通過單擊“創建菜單”,您可以更改新菜單的名稱。 在“刪除菜單”下,您會在指向新菜單的窗口中找到顯示位置。
彈出菜單中的菜單項。 在 WordPress 中創建菜單項
您現在必須創建自己的菜單項。 當您啟動導航菜單小部件時,通過單擊 + 圖標從彈出菜單中選擇菜單。
如果您在菜單小部件中選擇 + 圖標,將出現添加新菜單項彈出菜單。
如果要創建新菜單項或為現有項目命名,請從下拉菜單中選擇要使用的類別。
單擊“菜單項”小部件中的 + 圖標後,從彈出菜單中選擇“添加新菜單項”。
您現在必須將您的菜單項鍊接到它們將顯示的頁面。 可以通過單擊小部件中的 + 圖標並選擇添加新菜單項來訪問添加新菜單項彈出菜單。
從下拉菜單中,輸入菜單項的 URL 並選擇一個類別。
請鏈接到您要共享的菜單項。
要添加新項目,請單擊“菜單項”小部件中的 + 圖標。
WordPress 移動菜單亂序
一些 WordPress 移動菜單亂序,因為它們沒有更新到最新版本的 WordPress。 這可能會導致某些插件和主題出現問題。 建議您將 WordPress 安裝以及所有插件和主題更新到最新版本。
切換移動菜單
切換移動菜單是移動設備上常用的一種菜單。 它通常是可以單擊以打開或關閉菜單的按鈕或鏈接。 菜單可以顯示為項目列表、下拉菜單或滑動菜單。