kyle

這幾天第一次使用WordPress，發現許多好用的東西，設計起來也很方便，難怪世界上大多網站都是使用WordPress做的。如果會一些HTML、CSS、PHP的知識，用起來會更加如魚得水。目前也認識了一些WordPress外掛，在此介紹一下，也順便記錄下來或許哪天建立一個新的Blog時，可以更快速的添加上去。

顯示工具

這邊先介紹會直接影響部落格編寫、影響網頁顯示的部分。

Code Syntax Block

這個外掛能以語法醒目提示方式擴充區塊編輯器中的 [標示為程式碼] 區塊。

我常常寫程式碼在部落格內，進行解說與範例。雖然WordPress內建/code標籤可以顯示程式碼，但內容樣式比較單調，沒辦法針對不同語言標上Keyword顏色，也沒有行號可以顯示。安裝Code Syntax Block外掛後，一樣在/code標籤內編寫程式，右邊多出一些選項可以選擇程式語言，會針對語言格式標上顏色，同時也能選擇是否要顯示行號，在部落格內講解時會方便許多。

Java範例

public class Test {
    public static void main(String[] args) {
        System.out.println("Hello world");
    }
}

JavaScript範例

function test() {
    console.log("Hello world")
}

Insert Headers and Footers

這個外掛能讓網站管理員在 WordPress 網站的頁首或頁尾插入程式碼。

如上面引言所說的，這個外掛可以在網站的每個頁面中都插入相同的程式碼，例如每一頁的<head>內都塞入一段JavaScript或CSS，或是引入外部JavaScript與CSS。我利用這個外掛來塞Google Analytics的JavaScript，雖然Google也有提供自己的WordPress外掛，但我之前都是自己開發網站，也習慣直接塞一段<script>了。未來有其他需求時，再來仔細研究看看Google的WordPress外掛。

Easy Watermark

該插件可以在圖片上傳到 WordPress 媒體庫時自動為圖片添加圖片和文字水印。 您還可以手動為現有圖像添加水印（一次全部或每張圖像）。 水印圖像可以是 png、gif（兩種情況下都支持 alpha 通道）或 jpg。 也可以設置水印不透明度（不適用於帶有 alpha 通道的 png）。 對於文本水印，您可以選擇字體、設置顏色、大小、角度和不透明度。

使用這個外掛上傳圖片的時候，外掛會自動為圖片增加浮水印。在外掛設定中可以設定浮水印是文字、圖片，以及大小、位置、角度等功能，可以一鍵為之前已經上傳的圖片也全部加上浮水印，或是將全部的圖片恢復為原始樣子。可惜好像不能針對單張圖片加上浮水印或還原。

Gutenberg Blocks by Kadence Blocks

Gutenberg Blocks by Kadence Blocks – Page Builder Features
高級頁面構建塊。 創建自定義列佈局、背景、雙按鈕、圖標等。

似乎是個多功能組合包，一開始我使用Google Cloud Platform上的Bitmani的WordPress Nginx SSL Image來安裝，因此預設就有Kadence Blocks，所以我錯以為某些功能是WordPress內建的，後來才知道是Kadence Blocks提供的😅。

Table Of Contents

允許您的讀者使用目錄塊輕鬆瀏覽您的內容。包括平滑滾動到錨點。

這個功能是本篇文章最上面的「文章目錄」，只要在文章內正確填寫H1、H2、H3…等標籤，WordPress就會自己產生適當的文章目錄。

※因為Gutenberg Blocks的功能太多，我又只用到文章目錄，所以後來改成下面的「Easy Table of Contents」了。

Easy Table of Contents

使用全自動及對使用者便利的方式，從頁面/文章的內容中產生並顯示內容目錄。

後台工具

WP-PostViews

使用這個外掛便能顯示網站文章或頁面的瀏覽量。

安裝這個外掛後，每次文章被讀取時，就會為文章計算瀏覽量。但計算方式比較簡單，每一次的HTTP Request都會+1，因此同一個人在同一頁重新整理五次的話，瀏覽量就會+5，有時候還會發現重整一次就+2的奇怪情況。這外掛好處是在後台文章管理上就能夠直接顯示瀏覽次數，就算數字沒那麼準確，還是可以快速了解不同文章的概況，而更準確的數字就上Google Analytics觀看。

<?php if(function_exists(‘the_views’)) { the_views(); } ?>

WP Mail SMTP

不使用預設的 mail() 函式，並重新設定 wp_mail() 函式，以使用第三方 Gmail/Mailgun/SendGrid/SMTP 等郵件伺服器，並且協助建立設定頁面管理相關設定。

如果使用WordPress.com應該沒有這個問題，但是自己安裝WordPress的人就會遇到不少環境相關的問題要設定。WP Mail SMTP可以結合許多Email平台寄信，目前我是搭配Google的Gmail使用，但設定起來有點小複雜，需要去Google Cloud Platform開啟Gmail API，還要設定OAuth API。

All in One SEO（AIOSEO）

WordPress的搜索引擎優化（SEO）。提供XML Sitemap、優化自定義文章類型，可針對部落格、商業網站、電子商務網站進行搜尋引擎優化功能。自 2007 年以來，下載量已超過 8000 萬次。

SEO是搜尋引擎優化，讓Google等搜尋引擎更容易將網站排名提高，訪客也就更容易從Google上搜尋到網站。AIOSESO可以協助部落格作者進行SEO的改善，一編寫他就一邊在旁邊評分，例如文章標題太短、文章摘要太多等各種建議。在後台的文章管理上也會顯示評分，不用一個個點進去就可以看到概況囉。

All in One SEO的畫面

Limit Login Attempts Reloaded

阻止過多的登入嘗試，並保護您的網站免受暴力破解攻擊。簡單而強大的工具，可提高網站性能。

本來我要尋找的是帳號登入記錄的外掛，但別人推薦的似乎沒在維護已經下架了。找到了這個類似個東西，可以防止網站被暴力破解密碼，可惜正常登入的紀錄似乎看不到。

Post Views: 968
Tags: