WordPressの記事内にコードを表示させるプラグイン
投稿日
更新日
前回の記事でWordPressのテーマ作成について、書きながら、、、
コードって直接かけないのね、、、という事に気づく・・・
世の中のブログ内にコード書いてる人はどうやって書いてるの?ってなったのですが、
コードを埋め込めるプラグインを入れているということで、私も実際に入れてみました。
利用させていただくプラグインは「Urvanov Syntax Highlighter」。
(入れた時点のバージョンは2.8.27)
インストールして有効化すると、エディタの上のところに「crayon」という表示が出てきます。
ここをクリックするとポップアップが表示されます。
↓
↓
コードの欄に実際に記載したいコードを書いて、
タイトルがある場合はタイトルも入れたり、プログラム言語を選択したり、下の方の設定をしたりして、
右上の挿入をクリックすると、こんな感じに表示されます。
実際の記事上では下記のような感じに表示されます。
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> |
これを使って、これからどんどんコードで覚えておきたい内容を書いていきたいと思います!!!