Q&A
CSSがなぜか効かなかったので各固定ページに<style>タグを入れることでとりあえず解決しました･･！
こちらのご回答が大変参考になりました。ありがとうございました。
現在、固定ページがいくつかあり、特定の固定ページのタイトルだけCSSでフォントファミリーを変更したいのですが、
固定ページのタイトルが、全ページ共通のHTMLタグになっており、１つのPHPしかないので、
そこを変更すると全固定ページのタイトルのフォントが変更されてしまいます。
特定のページタイトルのみCSSを変更する方法は何があるでしょうか？
回答2件
0
適宜変更してテーマのfunctions.phpに追記してください。
function add_my_css() { if( is_page( 'ページのID' ) ) { echo '<style> .entry-title { font-family: 〇〇〇; } </style>'; } } add_action( 'wp_head', 'add_my_css' );
簡潔すぎたので説明を追記しておきます。
is_page()で固定ページかどうかをチェックします。
更にそこでページIDやスラッグを指定することで任意のページにのみ何かを行う事ができますが、ページIDを指定するのが無難です。
そのページの<head>～</head>にwp_headでCSSをechoするという意味です。
CSSを別ファイルにして読み込ませることもできますが、フォントを指定する程度ならインラインの方がいいでしょう。
投稿2017/11/17 09:38
編集2017/11/17 15:12
退会済みユーザー
総合スコア0
0
ベストアンサー
出力ページの body タグにはユニークなクラスが付きます。
固定ページであれば、.page-id-5 みたいな。
IDはWordPressの管理画面の当該記事のURLでも確認できますが、
ブラウザの開発者ツールで確認するのが早いでしょう。
あとは以下のように書きます。
//この固定ページのタイトルでのみ適用させたいスタイル .page-id-5 .entry-title { font-family: serif; }
補足：
もしユニークなクラスが確認できないなら、body_class()関数で出力してください。
<body <?php body_class(); ?>>
投稿2017/11/20 22:15
編集2017/11/20 22:21
総合スコア784
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/20 03:53