Select Page
如何讓手機瀏覽 wordpress 的網頁時候,導到手機版本的頁面

如何讓手機瀏覽 wordpress 的網頁時候,導到手機版本的頁面

手機版本以及電腦版本的網頁共存的方法很多種,但總是要很多時候需要最佳化,當然現在流行的是採用AMP來處理手機頁面,每一種都有自己適用的場景,今天要介紹的是全手動自刻PHP程式碼處理的方法,透過 WP 內建的兩個函式來偵測使用者是否用手機看你的網頁,是的話就導引到手機專用的網頁上。

先準備好可以在你的頁面內直接寫PHP的外掛 Insert PHP Code Snippet

在外掛內搜尋 Insert PHP Code Snippet,如下圖打勾處

安裝完畢後,你可以在後台的主選單中找到 XYZ PHP Code,選擇 PHPCode Snippets,我們來寫一支很簡單的程式碼,當然你也可以用自己習慣的程式碼外掛處理

PHPCode Snippets

新增一筆程式碼,我把它命名為 checkMobile,裡面內容也很簡單,就是偵測到客戶用手機看,我們就導引到手機的頁面上

新增 PHP Code Snippet

利用 WP 內建的 wp_is_mobile()wp_redirect() 就可以達到想要的效果

<?php
if( wp_is_mobile())
{
	wp_redirect("https://rain.tips/phone/");
	exit;
}
wp checkmobile

寫完存檔後,就可以看到 Snippet Short Code 狀態是 Active ,把Short Code複製起來,並且貼到你的頁面或是文章中就可以用了

Admin Menu Editor 依據不同使用者自訂 WordPress 後台選單

Admin Menu Editor 依據不同使用者自訂 WordPress 後台選單

接案的朋友,如果要給客戶建置 wordpress 網站的案子,如果希望交接給客戶後,不要常常遇到更新設定或是更新外掛掛掉的情況的話,適時把重要且很困難的設定選單隱藏,只對最高階有權限的使用者開放,是明確的決定,除了選單可以控制以外,還可以控制外掛的顯示,是我必裝軟體之一。

外掛下載網址

隱藏、排序、自訂後台選單

自訂使用者的路由

控制外掛的顯示

Admin Menu Editor 進階設定

免費版本可以設定只讓超級使用者、管理權限群組、特定使用者,可以使用 Admin Menu Editor

免費的就很好用了,付費後還可以依照使用者權限做設定