中級者 - Webマスターへの道

自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人にWeb情報を発信します。

経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。

むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。

WordPress, asyncとdeferでJavaScriptのロードを遅らせる。

WordPressではJavaScriptをHTMLの<script>に挿入するのにレジスタ・キューを使いますが、async, defer属性を付けるなどのカスタマイズにはちょっとした工夫が必要です。

今回は『WordPressらしい』方法で解決します。

WordPress5.3からメンテナンス中のページのカスタマイズがかんたんになりました。

理由は『wp_die()の機能強化』です。これによって、コードが直感的でHTMLも見やすくなりました。

優先度は低いですが、あまり見られないページに力を入れてるとサイトのクオリティが高いと思われます。

（見た目だけのカッコつけだけど。）

WordPressでは、テンプレートにJavaScriptとCSSを直書きしてはいけません。必ずキュー登録から行います。インラインでも同じ。

『header.php, footer.php で共通化すればいい』と思うでしょうが、なぜ、WordPressはキュー登録という一見遠回しな機能を追加したのか考えましょう。

jQuery-migrateはサイト表示スピードに影響するのが知られてますが、WordPressでは標準搭載されているので、それを外す方法を説明します。

かんたんです。15行程度追加するだけです。

WordPressがjQueryを挿入するしくみを説明します。スクリプトのキューに登録していないのに出力されるのがポイントです。

WordPressでJavaScriptファイルを追加する関数のwp_register_script()とwp_enqueue_script()のちがいを説明します。

『registerのあとにenqueue入れればいいや』ぐらいの人は間違っていないけれど意味がないこともあるよ？という話です。

CSSスタイルでも同じです。

30 / 45