寫作常用的外掛

Easy Table of Contents

內容目錄,可以設定以 H2 為主,方便讀者直接跳到想看的段落

效果示意圖(以文章 H2 為主):

點擊目錄中任一段落,會自動跳到該段落

官方說明:https://tw.wordpress.org/plugins/easy-table-of-contents/


Simple Lightbox

點擊文章內的圖片,會有燈箱效果,圖片變大張,比較清楚。

效果示意圖:

官方說明:https://tw.wordpress.org/plugins/simple-lightbox/


Copy Anything to Clipboard

右邊紅框是他的樣式,他還有其它的可以選擇,效果示意圖:

一鍵複製,程式碼如下:

<pre>要被複製的句子</pre>

官方說明:https://tw.wordpress.org/plugins/copy-the-code/


彈出視窗外掛,如果網站有用像 Elementor 的外掛,就不用裝了。

https://tw.wordpress.org/plugins/popup-anything-on-click/


文章底下的相關文章

效果示意圖:

官方說明:https://tw.wordpress.org/plugins/yet-another-related-posts-plugin/


PPWP – WordPress Password Protect Page Plugin

可以局部設定文章段落,需要填寫密碼才能看到

效果示意圖:

PPWP 可以修改樣式,參考 CSS 語法如下,可自行修改

/* PPWP 樣式修改 - Andy */

form.post-password-form.ppw-form.ppw-pcp-password-form {
    color: #ffffff;
    background-image:url("圖片路徑");
    background-size:cover;
    border: solid 2px #cbe0ff;
    text-align: center;
    padding: 90px 25px;
    margin-top: -16px;
    font-size: 20px;
    border-radius: 30px;
    box-shadow: 3px 3px 9px #434553;
    margin-bottom: 40px;
    position: relative;

}

.ppw-description.ppw-pcp-pf-desc {
    font-weight: 800;
    font-size: 24px;
}

.ppw-form input[type='submit'] {
    color: #ffffff!important;
    background: #094585!important;
    padding: 8px 20px;
    border-radius: 11px;
    border: solid 1px;
    font-size: 16px;
}

p.ppw-input {
    padding-top: 30px;

}

input.ppw-password-input.ppw-pcp-pf-password-input {
    padding: 10px;
    border-radius: 5px;
}

input[type=password] {

    background-color: #094585;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
}

官方說明:https://tw.wordpress.org/plugins/password-protect-page/