您想預(yù)覽WordPress網(wǎng)站的移動版本嗎？預(yù)覽移動布局可幫助您了解網(wǎng)站在移動設(shè)備上的外觀。當(dāng)您的網(wǎng)站正在開發(fā)中甚至上線時，在臺式計算機(jī)上查看移動版本通常更容易。然后，您可以快速進(jìn)行更改并查看其效果。在本文中，我們將向您展示如何從桌面查看WordPress網(wǎng)站的移動版本。
為什么要預(yù)覽移動布局
超過50%的網(wǎng)站訪問者將使用手機(jī)訪問您的網(wǎng)站。大約3%的人將使用平板電腦。
這意味著擁有一個在移動設(shè)備上看起來很棒的網(wǎng)站非常重要。
事實上，移動是如此重要，以至于谷歌現(xiàn)在使用移動優(yōu)先指數(shù)作為其網(wǎng)站排名算法。這意味著 Google 將使用您網(wǎng)站的移動版本進(jìn)行索引編制。
即使您使用的是響應(yīng)式 WordPress 主題，您仍然需要檢查您的網(wǎng)站在移動設(shè)備上的外觀。您可能希望創(chuàng)建針對移動用戶需求進(jìn)行優(yōu)化的關(guān)鍵登錄頁面的不同版本。
重要的是要記住，大多數(shù)移動預(yù)覽不會完全完美，因為有許多不同的移動屏幕尺寸和瀏覽器。您的最終測試應(yīng)始終是在實際的移動設(shè)備上查看您的網(wǎng)站。
方法1：使用WordPress的主題定制器
您可以使用WordPress主題定制器來預(yù)覽WordPress網(wǎng)站的移動版本。
只需登錄到您的WordPress儀表板，然后轉(zhuǎn)到外觀?自定義屏幕。
這將打開WordPress主題定制器。在本教程中，我們將使用 Astra 主題。
根據(jù)您使用的主題，您可能會在左側(cè)菜單中看到略有不同的選項。
在屏幕底部，只需單擊移動圖標(biāo)即可。
然后，您將看到您的網(wǎng)站在移動設(shè)備上的外觀預(yù)覽。
當(dāng)您尚未完成博客創(chuàng)建或處于維護(hù)模式時，這種預(yù)覽移動版本的方法特別有用。
現(xiàn)在，您可以對網(wǎng)站進(jìn)行更改，并在上線之前檢查它們的外觀。
方法2：使用谷歌瀏覽器的DevTools設(shè)備模式
谷歌瀏覽器有一套開發(fā)者工具，讓你在任何網(wǎng)站上運(yùn)行各種檢查，包括查看它在移動設(shè)備上的外觀預(yù)覽。
只需在桌面上打開谷歌瀏覽器，然后訪問您要檢查的頁面。這可能是您網(wǎng)站上頁面的預(yù)覽，甚至可能是您競爭對手的網(wǎng)站。
接下來，您需要右鍵單擊頁面并選擇“檢查' 選項。
將在屏幕右側(cè)或底部打開一個新面板。
它將看起來像這樣：
在開發(fā)人員視圖中，您將能夠看到您網(wǎng)站的 HTML 源代碼、CSS 和其他詳細(xì)信息。
接下來，您需要單擊“切換設(shè)備工具欄”按鈕以更改為移動視圖。
您將看到網(wǎng)站的預(yù)覽縮小到移動屏幕尺寸。
您網(wǎng)站的總體外觀也會在移動視圖中發(fā)生變化。例如，菜單將折疊，其他圖標(biāo)將向左而不是菜單右側(cè)移動。
當(dāng)您將鼠標(biāo)光標(biāo)懸停在網(wǎng)站的移動視圖上時，它將變成一個圓圈?？梢杂檬髽?biāo)移動此圓圈以模仿移動設(shè)備上的觸摸屏。
您也可以按住“Shift”鍵，然后單擊并移動鼠標(biāo)以模擬捏合手機(jī)屏幕以放大或縮小。
在您網(wǎng)站的移動視圖上方，您將看到一些其他選項。
這些設(shè)置允許您執(zhí)行一些額外的操作。您可以查看您的網(wǎng)站在不同類型的智能手機(jī)上的外觀。
例如，您可以選擇iPhone等移動設(shè)備，并查看您的網(wǎng)站在設(shè)備上的顯示方式。
您還可以模擬站點在快速或慢速 3G 連接下的性能。您甚至可以使用旋轉(zhuǎn)圖標(biāo)旋轉(zhuǎn)手機(jī)屏幕。
如何在WordPress中創(chuàng)建特定于移動設(shè)備的內(nèi)容
您的網(wǎng)站必須具有響應(yīng)式設(shè)計，以便移動訪問者可以輕松瀏覽您的網(wǎng)站，這一點很重要。
但是，僅僅擁有一個響應(yīng)式網(wǎng)站可能還遠(yuǎn)遠(yuǎn)不夠。移動設(shè)備上的用戶通常尋找與桌面用戶不同的東西。
許多高級主題和插件可讓您創(chuàng)建在桌面和移動設(shè)備上顯示不同的元素。您還可以使用頁面構(gòu)建器插件（如 SeedProd）在移動視圖中編輯登錄頁面。
您應(yīng)該考慮為潛在客戶生成表單創(chuàng)建特定于移動設(shè)備的內(nèi)容。在移動設(shè)備上，這些表單應(yīng)要求提供最少的信息，最好只是一個電子郵件地址。它們也應(yīng)該看起來不錯并且易于關(guān)閉。
創(chuàng)建特定于移動設(shè)備的彈出窗口和潛在客戶生成表單的另一種好方法是使用 OptinMonster。它是市場上最強(qiáng)大的WordPress彈出插件和潛在客戶生成工具。
OptinMonster 具有特定的設(shè)備定位顯示規(guī)則，可讓您向移動用戶和桌面用戶展示不同的廣告系列。您甚至可以將其與 OptinMonster 的地理定位功能和其他高級個性化功能結(jié)合使用，以獲得最佳轉(zhuǎn)化。
