【WordPress】SyntaxHighlighterのデザインが綺麗にならない原因

WordPressに、
SyntaxHighlighter Evolvedプラグインを導入して、
ソースを入れて、そのままデザインを確認すると、
このようになっています。 SyntaxHighlighter デフォルトデザイン これをこのような綺麗なデザインにするには、 SyntaxHighlighter 綺麗なデザイン

step1:編集エディタで、ソース部分のブロックを選択すると、右側に言語などを選べるメニューが出てくる

※エディタ「Gutenberg」での説明をしています。 SyntaxHighlighter 編集エディタ ソース部分のブロックを選択

step2:メニューから言語を選ぶ

SyntaxHighlighter メニューから言語を選ぶ これだけでOKです。

背景色など変える場合

背景色などを変える場合は、
ダッシュボード>設定>SyntaxHighlighterから、
テーマを選ぶことで変えられます。 SyntaxHighlighter テーマ変更

コメントを残す