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

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

Views: 36

手機版本以及電腦版本的網頁共存的方法很多種,但總是要很多時候需要最佳化,當然現在流行的是採用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複製起來,並且貼到你的頁面或是文章中就可以用了

WordPress 隱藏 Admin Menu, Top Bar, Plugins

WordPress 隱藏 Admin Menu, Top Bar, Plugins

Views: 9

如果你是需要提供一個完整 WordPress 後台給客戶的案子,非常建議用 Amin Tools 以及 Menu Editor 來製作客製化的 WordPress 後台,來避免客戶的誤觸以及無意義的問題,並且經過你的系統化整合,可以讓客戶部會迷失在 WordPress 後台的大海之中,會呈現專業且客製的感覺。

Admin Tools

Admin Tools 一共有五大功能

分別是通用、選單、外掛、最上層的選單、進階選項

Admin Tools – 通用

可以把最高權限的使用者隱藏,也可以隱藏這一個外掛

Admin Tools – Menu

用來隱藏後台選單使用

Admin Tools – 外掛

用來隱藏不需要的外掛

Admin Tools – Top Bar

Admin Tools – Advanced

用來隱藏更新以及各式通知

延伸閱讀


Divi Theme 繁體中文化

Divi Theme 繁體中文化

Views: 35

Divi 真的是一個很好用的佈景主題,其實他的英文介面我已經看了很習慣了,但還是有太多的名詞,對於剛接觸的編輯來說,摸不著頭緒,所以就有了要找中文化的需求,網路上用Divi的人很多,可以很快的鎖定幾個解決方案,目前用起來最佳解釋採用Make9大大的版本。

安裝說明

下載zip檔案後,分別把 corelang, lang, languages, 複製到 Divi 佈景主體下,並且合併 functions.php 即可,操作如下:

1.解開壓縮檔後,會看到這些資料

2.複製目錄到 Divi 佈景主體的目錄下

 sudo cp -R ~/Make9_Divi_zhtw_20220412v22/corelang/* /var/www/wordpress/wp-content/themes/Divi/corelang/
 sudo cp -R ~/Make9_Divi_zhtw_20220412v22/lang/* /var/www/wordpress/wp-content/themes/Divi/lang/
 sudo cp -R ~/Make9_Divi_zhtw_20220412v22/languages/* /var/www/wordpress/wp-content/themes/Divi/languages/
 sudo chown -R www-data:www-data /var/www/wordpress/.

3.整合你的 functions.php,將下面的程式碼複製到你原本的 functions.php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

load_theme_textdomain( 'Divi', get_stylesheet_directory() . '/lang' );
load_theme_textdomain( 'et-core', get_stylesheet_directory() . '/corelang' );
load_theme_textdomain( 'et_builder', get_stylesheet_directory() . '/languages' );

下載點

https://drive.google.com/file/d/1fozK6-0dRTgOzbMOse6DoyesJUzsdMPa/view?usp=sharing

參考文章