ソースコードやスケッチをWordPressに表示したい

この記事は約2分で読めます。

ということで唐突に始まったこのブログ、
当面はArduinoやRaspberry Piあたりのことを発信しようと思っています。

当然ブログの画面にコードを表示したいわけですが…

void setup() {
// initialize digital pin LED_BUILTIN as an output.
pinMode(LED_BUILTIN, OUTPUT);
}

✅ベタ打ちテキストでは読みにくいし、
✅レイアウトが崩れてるし、
✅なにより本文に埋もれてわかりづらいし、
✅コードのコピペもしづらい

などなど使いづらいことこの上ない…。

スクショでもいいんですが、

これじゃコピペできない!…てかスクロールもできないし字も小っさい…


結論:プラグインUrvanov Syntax Highlighterをインストールして解決しました。

Urvanov Syntax Highlighter
Reincarnation of Crayon Syntax Highlighter. Syntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, or post text.

ググったらたくさん出てきたけど開発が止まっていて使えなくなってしまったという「crayon Syntax Highlighter」の後継みたいですねどうやら。

Urvanov Syntax Highlighterによる表示がこちら

いい感じ!
これでしばらく行ってみましょう。


ちなみにこの他に

Advanced Editor Tools (previously TinyMCE Advanced)
Extends and enhances the block editor (Gutenberg) and the classic editor (TinyMCE).

とか

Classic Editor
Enables the previous "classic" editor and the old-style Edit Post screen with TinyMCE, Meta Boxes, etc. Supports all plugins that extend this screen.

とかインストール。
WordPressが初めてなので文字サイズ一つ変えるのも一苦労です。

コメント

タイトルとURLをコピーしました