使用 Enlighter 用來做在 WordPress 中顯示程式碼的高亮語法十分方便好用. 不過在 TwentyTwenty Theme 中, 會靠到最左側, 導致閱讀不順利, 檢查一下是 css margin 的問題.
不過在 Enlighter plugin 有回報與解法:
https://github.com/EnlighterJS/documentation/blob/master/wordpress/WPThemeCompatibility.md
只需要自訂 css 中增加:
.enlighter-default{
margin: 0 auto 1.25em auto;
}
就可以了!
PS. 若在 multi-site環境下的 wordpress , 另外需要這個 plugin 來達成 custom css (附加css) 的功能: https://wordpress.org/plugins/multisite-custom-css/