WordPress記事の中にソースコードを紹介してコピペしやすくしたい

WordPress記事の中にソースコードを紹介してコピペしやすくしたい

WordPressでソースコードをコピペしやすいサイトがあります。

タグで<textarea>～</textarea>かと思ったらうまくいかない。

そこで、Wordpressのプラグイン「SyntaxHighlighter Evolved」を使用します。

WordPress＞プラグイン＞新規追加

から「SyntaxHighlighter Evolved」を検索してインストールします。

左側のメニューの一覧 > 設定 > SyntaxHighlighter を選択します。

SyntaxHighlighter Evolved の設定画面を表示します。

これを使うと下記のように変化します。

↓

SyntaxHighlighter Evolved導入後

 

スタイルシートだと

のように

[css]と[/css]

の間にソースを記述する

PHPだと
[PHP]と[/PHP]

になる。