WordPress、記事ごとにCSS・JavaScriptを追加する方法。WordPress、記事ごとにCSS・JavaScriptを追加する方法。Insightsの速度スコア対策にもなる!wordpressWordPress、記事ごとにCSS・JavaScriptを追加する方法。2019638WordPressの、すごく便利な小技を見つけました。サイトのデザインや機能をカスタマイズする際、CSSやJavaScriptを使うことが良くあるかと思います。JavaScriptのコードを挿入したり。CSS、JavaScript共にプラグイン使うこともありますね。これ、場合によっては問題があるのです。Insightsの速度スコアが落ちるブログ、ウェブサイトを運営している方なら馴染みある方も多いと思いますが、Googleは近年、ページの読み込み速度を、サイトの評価基準のひとつにしています。Insights」です。ここにURLを送信すると、ページの表示速度を診断してくれます。当然ながら、CSSやJavaScriptなどのコードが増えれば、それだけ表示速度が遅くなります。Insightsのスコアが落ちるのです。この問題は、できる限り阻止したいところです。コードを追加するのが良いでしょう。ある特定の記事だけに反映させたい場合は、関係ない記事にとっては無駄なソースコードとなってしまいます。「LINEの会話風デザインのCSS」だったり、「自動計算ツールのJavaScript」だったり。Insightsの速度スコアを落とさずに済みます。そんな方法あるの!?実は、あるのです。ウェブデベロッパーのNaoyaさんが運営するブログ「NxWorld」に、素晴らしいノウハウが書かれいました。2012年と古い記事なのですが、2019年現在も有効です。Widget」を使えば、WordPressの記事執筆ページごとにCSSとJavaScriptのコードを挿入することができるようになるのです。Widget」にチェックを入れるこれで完了です。各記事ごとに「CSS」「JavaScript」を記述する欄ができているかと思います。これで、色んな記事・ページの制作にチャレンジすることができます。しますね!今回は以上です。運用・カスタマイズのコツなどの記事を他にも多数公開しています。合わせてご覧ください。啓太郎10年間の音楽メディア編集長を経てフリーランスに。ウェブメディアが得意なライター、編集者です。テーマに、日々目の前を過ぎてゆく中で気づいた、アイデアの素ととなりそうなモノ・マチ・ヒト等の情報を蓄えておくプライベート・スペース。