2019np2020wordpress記事内にソースコードを書く機会がよくあります。今まではなんとなくそれっぽく整形してきたんですが、それをよく見掛けるような感じで綺麗にスタイリングしたいなと。参考にしたのはこちらの記事。JavaScript製軽量シンタックス・ハイライタの一つに、prism.jsというものがあります。カラーテーマを6つ備え、きちんと機能する上に軽量なのですが、ハイライトしたい言語が増えると、jsファイルをダウンロードしてセットしなおしたり、prism.jsに追加機能を導入したい場合はそのときもまたダウンロードしたり、という手間がかかります。Highlighter」です。鈍色スイッチ今現在、更新が止まっていて最新バージョンでの確認も行われていないように見えますが、設定画面が一番シンプルだったのでこれに決めました。使い方は上の記事の通りで、使用したい言語を選択して設定変更ボタンを押せば有効になります。pages」にチェックを入れるのを忘れずに(自分でスクリプトを配置している場合は必要ありません)。実際に導入してみたらこんな感じ。僕の環境では、なぜかアシストボタンが表示されませんでした。マルチサイトテーマはUnderstrapなぜだかクラシックエディタのテキストモードしか使えないプラグインを入れてボタンを増やすことも考えたんですが、最終的には「自分でボタンを追加する」という方向で落ち着きました。参考にさせて頂いた記事はこちら。プラグインを使わずにクイックタグを追加なんでもかんでもプラグインを入れてしまうとサイトの読み込み速度が遅くなったりしまので、出来るのであればプラグインを使わずにカスタマイズするのが一番いいと思います。カスタマイズしたものを他に運営しているサイトでも流用する場合、コピペするだけで済むのも便利です。クイックタグを追加するには、functions.phpに記述します。紆余曲折あり、最終的にはデフォルトのボタンの取捨選択もしながら、子テーマのfunctions.phpに以下の記述を追加しました。);残念ながら「PHP」「Ruby」など、ソースコードの言語を選択してコードを挿入することは出来ませんが、ここまで書いてあればあとは簡単なので。Highlighter」で有効にしておく必要があります。2019ブログの引っ越しが完了しました。20201日、風邪的なもので寝込んでおりました。(1)ProfileスズキイッペイWebデザイナ/プログラマとして15年ほど活動、現在は飲食業に身を置きつつ開業準備中。「NOBODY:PLACE」はスズキイッペイの個人的なブログです。技術的な情報や趣味であるランニングや自転車などに関するあれこれを書いています。前身となるサイトが1998年に生まれ、2005年に現在の形になりました。NOBODY:PLACE。