使用WPtouch Pro使WordPress移動友好


根據您網站的人口統計特點,擁有適合移動設備訪問的網站可能對您很重要。 您可以通過使用自適應WordPress主題以適應不同的屏幕尺寸/設備來做到這一點,或者如果您不想更改網站設計,則可以創建網站的移動版。 在本文中,我們將向您展示如何使用WPTouch Pro創建適合移動設備的WordPress網站。

WPtouch Pro是一個商業WordPress插件,可以將您的WordPress網站轉變為現代智能手機瀏覽器的本機移動體驗。 它速度很快,具有全面的國際化支持,iOS主屏幕集成以及許多其他改善移動用戶體驗的方式。

購買WPtouch Pro後,您將收到許可證密鑰和插件的下載文件。 您需要在博客上安裝它(按照我們簡單的插件安裝指南),然後從儀表板中將其激活。

激活後,插件將顯示通知,提醒您輸入許可證密鑰。 您需要輸入許可證密鑰才能接收插件更新,下載主題和插件。 點擊 “激活您的許可證” 鏈接以輸入您的許可證密鑰。

許可通知

在下一個屏幕上,只需輸入您的帳戶電子郵件地址(用於購買插件的電子郵件地址)和產品許可證密鑰,然後單擊“激活”按鈕。 WPTouch現在將驗證您的許可證密鑰,並顯示成功消息。

輸入您的WPTouch帳戶電子郵件和許可證密鑰

激活後,插件將在WordPress管理欄中添加WPTouch Pro菜單項。 要配置插件,您需要轉到 WP Touch Pro»核心設置

WPTouch Pro核心設置

在核心設置屏幕上,您可以為網站的移動版本配置各種選項。 此屏幕上的第一個選項是更改站點標題和副標題。 如果您的網站標題和副標題太長,無法很好地適應移動屏幕,則此功能特別有用。

該屏幕上的下一個選項是“區域化”。 WP Touch Pro會通過WordPress安裝自動檢測站點的語言,但是您也可以使用此選項手動選擇語言。

顯示 核心設置屏幕上的選項可讓您手動禁用移動主題,而無需停用插件。 默認設置是 正常 從而為所有通過移動設備訪問該網站的訪問者提供移動主題顯示。 您可以將其更改為 預習,因此移動主題僅在網站管理員登錄時顯示給他們。您還可以選擇 殘障人士 完全關閉移動主題顯示。

WP Touch Pro額外設置

核心設置頁面上有一些高級選項。 例如,您可以為網站的移動版本選擇自定義登錄頁面。 您可以添加將顯示在主題頁腳區域中的自定義代碼。 您還可以備份所有WP Touch Pro設置,然後使用WP Touch Pro將它們導入另一個WordPress網站。 如果您具有暫存站點或本地安裝,這是一個不錯的選擇。

進入“核心設置”頁面後,您可以通過以下方式直接在桌面上預覽移動網站: 預覽主題 此頁面底部的按鈕。 對主題外觀滿意後,可以單擊 保存更改 按鈕以保存您的設置。

WP Touch Pro-移動主題預覽

在WPTouch Pro 3中更改移動主題

默認情況下,WPTouch Pro 3預先安裝了一個移動主題。 您可以從以下位置下載並安裝其他主題 WPTouch Pro»主題和擴展。 Bauhaus,CMS,Classic Redux和Simple是所有許可計劃中可用的主題。 要安裝主題,只需單擊 安裝 主題下方的按鈕。 WPTouch Pro將從雲端下載主題並進行安裝。 安裝主題後,您可以單擊激活按鈕以使用該主題。

使用WPTouch Pro切換手機主題

在WPTouch Pro3中自定義您的移動主題

為移動網站選擇主題後,您可能需要對其進行自定義以滿足您的需求。 為此,您需要轉到 WPTouch Pro»主題設置。 WPTouch Pro的移動主題可以高度自定義。 您可以從主題設置屏幕微調移動網站的各個方面。 我們將引導您完成主題設置的不同部分。

WPTouch Pro 3中的主題設置屏幕

在頂部菜單選項卡上,您可以看到可以自定義的主題的不同區域。 您將從 一般 標籤,其中包含一些基本設置的選項,例如在首頁上顯示的帖子數,啟用類別滑塊,啟用特色帖子滑塊等。默認設置適用於大多數網站,但是您可以根據需要進行更改。 您還會在某些選項旁邊看到一個信息圖標,將鼠標移到該圖標上將為您顯示該選項的上下文幫助。

對主題進行更改後,您可以通過以下方式預覽這些更改: 預覽主題 按鈕位於頁面底部。 當您對所做的更改感到滿意時,需要單擊 保存更改 按鈕以保存您的主題設置。 如果您想還原為默認設置,還有一個重置按鈕。

保存之前預覽您的移動主題設置

在為您的移動主題配置常規設置後,切換到 品牌推廣 標籤。 在這裡您可以上傳自己的徽標,背景,自定義字體,社交媒體圖標等。您還可以更改主題顏色,以符合徽標和品牌顏色。

更改主題顏色並從品牌屏幕上載自定義徽標

將您的網站變成移動Web應用程序

WPTouch Pro使您可以將網站變成Web應用程序,從而充分利用移動設備的功能。 首先,您需要在主題設置屏幕上單擊書籤圖標選項卡。 您將需要上傳兩個圖標,一個用於Android設備,另一個用於iOS設備(iPhone,iPod和iPad)。

添加移動設備的書籤圖標

之後,在主題設置中單擊“ Web-App模式”選項卡。 只需選中復選框即可啟用iOS Web應用程序模式,這將顯示Web應用程序模式的高級設置。 您可以使用默認設置,也可以上傳自己的自定義啟動屏幕。

開啟iOS設備的網絡應用模式

使用WPTouch Pro通過移動網站獲利

WPTouch Pro主題還使您非常輕鬆地在移動站點上顯示廣告。 您需要轉到主題設置下的廣告標籤,然後從Google Adsense或自定義廣告服務中進行選擇。

在您的移動網站上顯示廣告

對於Google Adsense,您需要輸入可從Google Adsense帳戶獲取的Google Adsense發布者ID和廣告位ID。 之後,您需要選擇廣告展示的位置。 保存更改,您的移動網站將開始展示廣告。

在WPTouch Pro中自定義移動網站的導航菜單

WPTouch Pro使用默認的WordPress菜單功能,但允許您修改或選擇在移動網站上顯示菜單的方式。 要配置菜單,您需要轉到 WPTouch Pro»菜單。 首先,您需要選擇一個菜單。 您可以選擇在菜單中顯示WordPress頁面,也可以選擇現有菜單。

選擇您的移動網站菜單

在菜單設置選項卡上,您可以進一步自定義WordPress菜單。 您只需將圖標拖動到菜單項即可將圖標與每個菜單項關聯。

默認情況下,WPTouch Pro帶有由Elegant Themes設計的Elegant圖標集。 您可以通過單擊其他圖標集旁邊的“安裝”按鈕來安裝它們,也可以上傳自己的自定義圖標集。

選擇並安裝圖標集或上傳自己的圖標集

WPTouch是一個很棒的插件,可以將任何基於WordPress的網站轉換為成熟的移動Web應用程序。 憑藉精美的主題和強大的自定義選項,您可以在幾分鐘內創建外觀精美的移動網站,而無需編寫任何代碼。 我們希望本文能幫助您使用WP Touch Pro創建適合移動設備的網站。 對於反饋和問題,您可以在下面給我們留下評論或關注我們 推特