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

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

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

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

2回答

4477閲覧

wordpressで固定ページごとにCSSを読み込ませたい

abskroy

総合スコア7

WordPress

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2017/06/03 03:47

###wordpressで固定ページごとにCSSを読み込ませたい
wordpressでwebページを作成しております。
その際に、各webページに共通のCSSとは別に個別でCSSを読み込ませたいと考えています。
例えば、ホームにはhome.css,お問い合わせにはcontact.cssを読み込ませるといった具合です。

そこで、wordpressのheader.phpにて各ページのスラッグを取得し、取得したスラッグからリンクを生成、そして固定ページを読み込ませようと考えました。

しかし、ブログの一覧を表示させるページにおいて同様の手順を行ったところ、個別ページのスラッグではなく投稿した最新記事のスラッグを読みこんでしまいます。スラッグを確認したところ、個別ページのIDではなく最新記事のスラッグを読み込んでいることが確認されました。

下記のコードでは、個別ページのスラッグを取得できないのでしょうか。
教えていただければと思います。よろしくお願いします。
###該当のソースコード

PHP

1$page = get_page(get_the_ID()); 2$slug = $page->post_name;

CSS

1<link rel="stylesheet" href="<?php echo get_template_directory_uri().'/css/'.$slug.'.css'; ?>" type="text/css" />

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

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

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

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

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

ruuusaamarki

2017/06/14 08:32

少し確認させてください。「個別ページのIDではなく最新記事のスラッグを読み込んでいることが確認されました。」こちらはブログの一覧を表示させる固定ページにおいて$slugの中身を確認したところ一覧の固定ページではなく最新記事(single.phpに当たるブログの最新投稿)のスラッグが表示されるということであっておりますでしょうか。
abskroy

2017/06/14 10:16

おっしゃる通りです。ブログ一覧を表示させるページのスラッグを取得したところ、固定ページのスラッグではなく最新記事のスラッグが取得されているという状況です。
guest

回答2

0

header.phpに書き込む方法ではありませんが以下のような方法もあります。
ページのスラッグや種類によって任意のCSSファイルを出力します。
テーマのfunctions.phpに書いてください。
CSSファイルのディレクトリ名やスラッグなどは適宜修正してください。
ちなみにhomeはトップページという解釈で書いています。

function register_style() { wp_register_style( 'home' , get_template_directory_uri() . '/css/home.css' ); wp_register_style( 'contact' , get_template_directory_uri() . '/css/contact.css' ); } // トップページにhome.css読み込む if ( is_front_page() ) { wp_enqueue_style( 'home' ); } // 固定ページ contact にcontact.cssを読み込む if ( is_page( 'contact' ) ) { wp_enqueue_style( 'contact' ); } } add_action( 'wp_print_styles' , 'add_stylesheet' );

投稿2017/06/03 04:37

編集2017/06/09 09:38
退会済みユーザー

退会済みユーザー

総合スコア0

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

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

0

こんにちは。起こっている問題に関して自分が確認するとしたらということで書いてみます。
すでに試されていたらすみません。

>ブログの一覧を表示させるページにおいて同様の手順を行ったところ、個別ページのスラッグではなく投稿した最新記事のスラッグを読みこんでしまいます。スラッグを確認したところ、個別ページのIDではなく最新記事のスラッグを読み込んでいることが確認されました。

この状況ですとパッと浮かんだのがテンプレートの
組み合わせが単純に違っているというのが浮かびました。
該当の一覧ページに使われているテンプレートが正しいか
heada部分のテンプレートが正しく適用されているかなどは
デベロッパーツールなどで確認されていないようでしたら見てみる必要がありそうです。
(編集しているphpファイルと適用されているphpファイルがあっているかを確認)


ご提示いただいたソースは問題なくスラッグが取れるかもしれませんが
get_page関数は非推奨になっておりますのでそれが関係しているかもしれません。
https://developer.wordpress.org/reference/functions/get_page/

wordpress

1$page = get_page(get_the_ID()); 2$slug = $page->post_name;

またはループ内でしたらこんなのもあります。

wordpress

1<?php if (have_posts()) : ?> 2 <?php while (have_posts()) : the_post(); ?> 3 $slug_name = $post->post_name; 4 <?php endwhile; ?> 5<?php endif; ?> 6

こちらに差し替えてどうなりますでしょうか。

投稿2017/06/14 12:00

ruuusaamarki

総合スコア468

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.44%

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

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

質問する

関連した質問