質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.42%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

2回答

39603閲覧

WordPress 固定ページごとにCSSを読み込ませる方法

js_donzoko3

総合スコア14

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

6クリップ

投稿2016/04/21 01:19

編集2016/04/21 02:18

掲題通りなのですが、固定ページごとにCSSを読み込ませたいのですが分かりません。
調べてはいるのですが解決できず質問させていただきました。

分かる方ご教授いただけたら幸いです。
もしくは初心者でも分かるサイトがあれば教えていただけると大変嬉しいです。

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2016/04/21 02:04

各ページごととは、記事ページのことでしょうか固定ページのことでしょうかカテゴリやタグのことでしょうか。具体的に質問文に追記ください。
js_donzoko3

2016/04/21 02:16

ご指摘ありがとうございます。 記事ページではなく固定ページです。 よろしくお願いいたします。
guest

回答2

0

ベストアンサー

こんにちは。

投稿や固定ページなど、ベージごとに異なった CSS を適用させたい場合は、各ページに用意されているカスタムフィールドを使います。

デフォルトでない CSS を適用させたいページの編集画面にカスタムフィールドが表示されていない場合は、ページ左上の「表示オプション」を開いて「カスタムフィールド」にチェックをいれてください。

1)カスタムフィールドを使用する準備として、functions.php に必要事項を追記する
functions.php の任意の場所に

CSS

1/* カスタムフィールドで外部CSSを読み込む */ 2function include_custom_css(){ 3 if(is_single()||is_page()){ 4 if($css = get_post_meta(get_the_ID(), 'includeCSS', true)){ 5 echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"{$css}\" />\n"; 6 } 7 } 8 } 9add_action('wp_head','include_custom_css'); 10

を記述してください。

2)個別のページの編集画面でカスタムフィールドを追加する
編集画面の下方にあるカスタムフィールドで、「名前」に「includeCSS」を、「値」に適用したい CSS の絶対パス(例 http://example.jp/wp-content/themes/mytheme/css/new-style.css)を入力し、「カスタムフィールドを追加」をクリックした後、ページの更新を行ってください。

※ new-style.css(ファイル仮名)でスタイルを記述する際の注意
たとえば、元のテーマの style.css で「h2」が

CSS

1.entry-content h2 { 2 color: black; 3}

と記述されていた場合、new-style.css で「h2」に「red」を指定したい際には

CSS

1.entry-content h2 { 2 color: red; 3}

と上書きするかたちで記述しなければなりません。個別ページで適用したいスタイルに変化がない場合は、元のテーマの style.css にどのような id や class が指定されているかを確認してください。

以上、ご参考いただければ幸いです。

投稿2016/04/21 02:37

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

js_donzoko3

2016/04/21 04:22

無事設定できました。 ありがとうございました。
退会済みユーザー

退会済みユーザー

2016/04/21 04:45

js_donzoko3さん、コメント(返信)をいただきありがとうございます。 僕の回答がお役にたてたようで、とてもうれしいです。
guest

0

いろいろ方法はありますが、このあたりですかね。

【WordPressで記事ごとに個別のCSSを設定する方法3選】
http://naifix.com/article-css/

【WordPressで記事個別や固定ページ単体にCSS・JavaScriptを追加する(プラグインなし) | 賢威カスタマイズ研究所】
http://www.keni-customize.net/css-javascript-noplugin-536/


WordPress はユーザーが多いので、うまくキーワードを指定すれば解決方法が見つかると思います。試してみてください。

WordPress 固定ページ css プラグイン - Google 検索

投稿2016/04/21 02:26

kei344

総合スコア69558

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

js_donzoko3

2016/04/21 04:23

無事設定できました。 前回も回答いただきましてありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.42%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問