プラグイン[SyntaxHighlighter]wpカスタマイズ ハイライトしたコードの上下に余白をつける方法 

プラグイン[SyntaxHighlighter]wpカスタマイズ ハイライトしたコードの上下に余白をつける方法

プラグインSyntaxHighlighterのコードの上下が狭い

今回ご紹介するのはWordpressでコードをそのまま表示するのに人気のプラグイン[SyntaxHighlighter]のカスタマイズ方法

やり方は簡単cssを追加するだけ

管理画面の「外観」 → 「カスタマイズ」 → 「追加CSS」で下のコードを追加します。

.syntaxhighlighter {
  padding: 1em 0 1em 1em !important;
}
 

見やすくなってると思います。

ABOUTこの記事をかいた人

Uber Eatsの撮影をはじめ、動画など様々な撮影を行なっております。また旅記録、ワードプレスのカスタマイズ、カメラのレビューもご紹介しています。 愛用カメラ:Sony a7iii Zeiss、Sigma、GMレンズ 😉

Reviewsクチコミレビュー

評価:
/ 0件のレビュー

レビュー・クチコミを書く
1
2
3
4
5
送信
     
キャンセル

レビューを書く

みこ旅 mikotabi.com
平均評価:  
 0 レビュー
プラグイン[SyntaxHighlighter]wpカスタマイズ ハイライトしたコードの上下に余白をつける方法

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です