この課題のゴールは、以下です
<aside> 💡 ・管理画面の記事投稿画面から、ショートコードを利用して、
・各言語ごと(HTML,CSS,PHP)にハイライトさせる
・また、それらを再利用ブロックに登録してみる
</aside>
実装手順は以下です👇
はにわまんさんの記事(https://haniwaman.com/highlight-js/)を参考に、ライブラリのcssとjsファイルをダウンロードします。
次に、それらをthemes>cssおよびthemes>jsに格納します
script.jsの下部で、ライブラリを起動させるための記述をします
hljs.initHighlightingOnLoad();
①でthemesに格納したcssおよびjsファイルを、functions.phpで読み込みます。
このときの注意点としては以下です。
cssファイルについての注意点
・style.cssの読み込みよりも手前で読み込むようにしてください。理由は、ライブラリで使用されているスタイルを仮に上書きしたいときに、sytle.cssで上書きするためです
jsファイルについての注意点
・script.jsよりも手前で読み込むようにしてください。script.jsよりも後で読み込むと、②の記述が機能しません