あまんの備忘録

WordPressの記事内にコードを表示させるプラグイン

投稿日
更新日

前回の記事でWordPressのテーマ作成について、書きながら、、、
コードって直接かけないのね、、、という事に気づく・・・

世の中のブログ内にコード書いてる人はどうやって書いてるの?ってなったのですが、
コードを埋め込めるプラグインを入れているということで、私も実際に入れてみました。

利用させていただくプラグインは「Urvanov Syntax Highlighter」。
(入れた時点のバージョンは2.8.27)

インストールして有効化すると、エディタの上のところに「crayon」という表示が出てきます。
ここをクリックするとポップアップが表示されます。

コードの欄に実際に記載したいコードを書いて、
タイトルがある場合はタイトルも入れたり、プログラム言語を選択したり、下の方の設定をしたりして、
右上の挿入をクリックすると、こんな感じに表示されます。

実際の記事上では下記のような感じに表示されます。

これを使って、これからどんどんコードで覚えておきたい内容を書いていきたいと思います!!!

コメントを残す

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