使用 WordPress 架站,不免要自行開發或安裝許多外掛及佈景主題,當頁面產生錯誤訊息時,我們要如何有效率地除錯呢 ?

現在可以透過 Query Monitor 來進行監控,除了可以查看頁面載入的情形,也能查看目前的錯誤訊息來自哪一支檔案等功能,節省了開發人員除錯的時間,並有效地確定哪些外掛、佈景主題或功能的性能不佳。


安裝外掛 Query Monitor

https://i.imgur.com/Ydu4Hot.png


【功能介紹】

查看頁面載入情形,也可透過選項 「Overviews」 查看

https://i.imgur.com/By0d551.png

目前 Query Monitor 所提供的功能

https://i.imgur.com/i8cufvW.png

1、當需要做 SQL 語法優化時,可查看 「Queries」,且可以按照不同條件做篩選。

https://i.imgur.com/UvtXuQv.png

2、在網站開發時,可快速瞭解此頁面樣版 [ index.php ],以及 Template Tags [ is_front_page()、is_home()、is_ssl() ]

https://i.imgur.com/CzWcD4h.png

Template Tags : 為 WordPress 所提供的 API,當你在設計網站頁面時,則可藉由 Tags 來取得內容或做判斷,並將資料顯示在頁面上。

使用範例如下 :

// 顯示文章日期
<?php 
    $post_date = get_the_date(); 
    echo $post_date;
?>

// 判斷是否為 home page
<?php 
    if(is_home()){
        echo "This is home page.";
    }
?>

3、查看當前頁面載入的所有 Scripts & Styles

https://i.imgur.com/QQ6KkZd.png

4、查看 WordPress 環境的詳細資料,包含 PHP、Database、WordPress、Server。

https://i.imgur.com/6DU3st6.png

除了上述介紹的功能外,仍有許多功能以簡單且易理解的方式提供訊息,讓開發人員能夠快速瞭解當前影響網站的原因,非常的方便呢 !