[投稿(記事ページ)]この記事は約4分で読めます。WordPressで記事を書いていると「この記事だけ見出し変えたい」や「この固定ページだけソートするJavaScriptを追加したい」ことがあります。そんな時に、全てのページで使用されているcssファイルやJavaScriptファイルに追加していると、それだけでファイルサイズが膨大になってしまいます。そこで、ある記事単体・固定ページ単体でCSS・JavaScriptを追加する方法を説明します。これを使うことで、例えば「見出しタグを紹介するページ」や「フォントを紹介する」ページ(デモページ)などもそのページ固有のスタイルとして設定でき、他の記事や個別ページには影響せずに実現できます。方法は、プラグインを利用する簡単導入バージョンとプラグインを使わずに独自実装するオリジナルバージョンがあります。現時点でも使えますのでプログラムの変更に自信のない方は今回の記事を参考にしてください。オリジナルバージョンは以下の記事をどうぞ。JSを導入して個別対応インストールして有効化するだけで使用できます。直接ダウンロードは以下のページから可能です。JS」を今すぐインストールし、インストール完了後にプラグインを有効化します。JS」のインストール、および初期設定は完了です。個別のCSSファイルを追加するまずは、記事投稿ページを開きます(固定ページでも構いません)。記事投稿ボックスの下に、カスタムフィールドボックスが表示されます。「名前」と「値」を以下のように設定し、「カスタムフィールドを追加」をクリックします。※cssファイルが設置される場所とCSSファイルの名前(パス)です。これで記事へのCSSファイル追加が完了しました。記事ページのHTMLは以下のようにCSSが追加されています。/>この場合、当然ですが「custom.css」がないと意味がありません。CSSファイルを準備しておき、該当記事にカスタムフィールドで適用しましょう。賢威の場合には「wp-content/themes/keni61_wp_corp_131028」に他のCSSファイルが置いてあるので、同じ場所を指定すればCSSファイルをまとめて管理できます。(「keni61_wp_corp_131028」はテンプレートによって変わる)個別のスタイルを直接追加する次に、直接スタイルを指定する方法を説明します。CSSファイルを追加した時と同様に、カスタムフィールドを以下のように設定します。追加後に「カスタムフィールドを追加」のクリックを忘れないでください。名前:custom_css_code値:追加したいスタイルこれで記事へのスタイル追加が完了しました。記事ページのHTMLは以下のようにCSSが追加されています。*/</style>HTMLにスタイルが直接追加されて、HTMLのサイズが大きくなりますので、あまり乱用はせず、本当に必要な場合に利用してください。JavaScriptも同様の追加JavaScriptの追加方法もCSSと同様です。JavaScriptファイル追加:名前に「custom_js」、値にJavaScriptファイルのパスJavaScript直接追加:名前に「custom_js_code」、値に追加したいJavaScriptコードそれぞれ、HTMLには以下のように追加されます。*/</script>使い勝手がよいプラグインなので、個別にCSSやJavaScriptを追加したい方は試してください。下記ページにプラグインの使い方が記載されています。プラグインの方が断然楽ちんです...。[...]返信コメントを残す返信をキャンセルする。Reserved.このページの先頭へ。