キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

WordPress で一部のページにだけ外部ファイルを読み込ませる方法

      2014/10/13

ここのところ記憶に残る夢といえば泳いでるキャリコ( @calicocatxyz )です。

特にプールでの水泳が多いんだけど、これって何かの暗示だったりするんですかね?夢の中では自分でもびっくりするほど速く泳いでますw さて、本日は特定のページで CSS を適用する方法です。それじゃあラテ、よろしくね♪

こんにちは、ラテにゃ。

前のエントリーでそのページにだけ CSS を読み込ませたいことがあったにゃ。でもそのエントリーにだけ適用させるのに、メインの CSS に記述したくないなと思ったのがきっかけで『 カスタムフィールド 』というものを使用したにゃ。今日はその使い方にゃ。

Ads by Google

特定のページにだけ CSS を適用させる

CSS を追加する

メインの CSS とは別に CSS ファイルを作成して適当に名前をつけるにゃ。キャリコの場合、このエントリーでしか使わない CSS を記述して『 another.css 』というファイルを作ったにゃ。

fanctions.php に追記する

3行目の色をつけた『 anotherCSS 』という部分がカスタムフィールドの名前になるにゃ。

投稿ページで読み込む

投稿ページ右上にある表示オプションを開いて表示させる項目のカスタムフィールドにチェックを入れるにゃ。そうすると投稿ページの下部にカスタムフィールドの項目が表示されてるにゃ。

この名前の欄に fanctions.php に追記したカスタムフィールドの名前を、値の欄に追加した CSS ファイルの絶対パスを入力するにゃ。

最後に『 カスタムフィールドを追加 』をクリックすれば、その投稿にだけ指定の CSS が適用されるにゃ。

まとめ

毎回使うわけじゃない CSS の記述は別にして、使うときだけその CSS を読み込ませるようにしたにゃ。ただ、このカスタムフィールドに追加するという方法は普段滅多に使わないと思うにゃ。その辺は備忘録ということで…

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - WordPress

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

WordPress Popular Posts の人気記事一覧とは別に今見てるカテゴリの人気記事一覧も設置する方法

この調子だとイギリスの冬は越せないと思う、キャリコ( @calicocatxyz …

Photo credit : bluesyemre
WordPress の単一記事でパンくずリストにタグも表示させる方法

イギリスから日本まで3万円で帰れるルートを発見して大喜びのキャリコ( @cali …

WordPress で複数のショートコードを作成する方法
WordPress で複数のショートコードを作成する方法

やっと謎が解決、キャリコ( @calicocatxyz )です。 これは絶対ショ …

Photo credit : freepik
たった3行追加するだけ!パソコンとスマホの表示を別々にしてくれる分岐タグ

そろそろセントラルヒーティングを使ってもいいんじゃないかと思うキャリコ( @ca …

WordPress 専用の高速レンタルサーバーを比較!GMO WP Cloud と wpX レンタルサーバー
WordPress 専用の高速レンタルサーバーを比較!GMO WP Cloud と wpX レンタルサーバー

レンタルサーバー乗り換えを検討中のキャリコ( @calicocatxyz )です …

Photo credit : http://www.kenston.k12.oh.us/
WordPress パンくずリスト決定版!親子関係も作れる完璧なコードは Web デザインレシピに載ってた

ようやくカテゴリとタグの棲み分けがわかってきたキャリコ( @calicocatx …

超簡単! WordPress で404ページだけアドセンスを非表示にする2つの手順

アドセンスの配置で迷ってるキャリコ( @calicocatxyz )です。 巷で …

WordPress でのファビコンやブックマークアイコンの設定方法
WordPress でのファビコンやブックマークアイコンの設定方法

時代は変わった、キャリコ( @calicocatxyz )です。 これまではファ …

WordPress でレスポンシブ対応の無料テーマ【 Point 】を導入して困った5つのこと

他サイト運営で STINGER5 以外のテンプレートを本格的に扱い始めたキャリコ …

1
【 セキュリティ対策 】ロリポップの WordPress に不正なアクセスをされました

もう乗っ取られるのは嫌だ、キャリコ( @calicocatxyz )です。 みな …