WordPressで特定の記事やページにカスタムフィールドで指定したCSS・JSファイルを読み込む – bl6.jp
個人的に今後ちょっと使いそうな機能だったのでメモがてらエントリー。WordPressで特定の投稿記事や固定ページに自分が指定したCSSファイルやJSファイルを読み込ませたいと思ったのでそのカスタマイズの紹介です。使い方はカスタムフィールドに読み込ませたいCSSファイルやJSファイルをちょちょいと指定してやるだけです。 [ads_center] CSSとJSを読み込ませるカスタマイズ 基本的にはfunctions.phpにカスタムフィールドで指定した値を取得してadd_actionでwp_headにフックさせて出力させるというようなことをやっています。CSSファイルはsample-css、JSファイルはsample-jsというフォルダを作成して、その中に読み込むファイルを入れるようになってます。違うフォルダ名をつけたい場合はsample-css、sample-jsという部分を好きな名前に変更
WordPressでカスタムフィールドを使って任意のコードやファイルをhead内に読み込ませる – bl6.jp
以前「WordPressで特定の記事やページにカスタムフィールドで指定したCSS・JSファイルを読み込む」という記事を書いたんですが、こちらは指定したファイルを読み込ませるものでした。で、今回はカスタムフィールドに設定した値をそのままhead内に読み込ませるカスタマイズです。なので、フルパスで何かを読み込ませてもいいし、CSSやJavaScriptを直書きしても反映してくれるようにしてみます。 [ads_center] カスタムフィールドの値を読み込ませる 以下をfunctions.phpに記述します。 // header内に任意のコードを読み込む function head_original_load(){ if(is_single() || is_page()){ if($head_original_code = get_post_meta(get_the_ID(), 'head_lo
WordPressの記事ごとに個別のCSS, JavaScriptを追加できるプラグイン -Custom CSS and JS
WordPressの記事やページごとに、それぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインを紹介します。 Custom CSS and JS [ad#ad-2] Custom CSS and JSのインストール WordPressの記事ごとに個別のCSSを追加 WordPressの記事ごとに個別のJavaScriptを追加 Custom CSS and JSのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Custom CSS and JS」を入力して、「プラグインの検索」ボタンをクリックしてください。 プラグインの新規追加画面のキャプチャ 検索結果に表示された「Custom CSS and JS」の「プラグインのインストール」でインストールが始まります。 また、下記ページか
wordpressで特定のページにのみにCSSを適用させる方法
wordpressで特定のページにだけCSSを適用する方法。 外部cssを読み込む方法、head要素内に記述する方法、 body内に記述する方法（HTML5のみ）の3通り紹介します。 メモ的エントリーです。 外部CSSを読み込む カスタムフィールドを使います。 function.phpに以下を記述します。 ここではカスタムフィールドの名前を"includeCSS"としてます。 function include_custom_css(){ if(is_single()||is_page()){ if($css = get_post_meta(get_the_ID(), 'includeCSS', true)){ echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"{$css}\" />\n"; } } } add_action('w
cssやJavaScriptをヘッダに追加するプラグイン(WordPress) | とりさんのソフト屋さん
cssやJavaScriptをヘッダに追加するWordPressプラグインを作成。 一回きりの個別の記事やページだけに適応するcssやJavaScriptをわざわざテーマに追加するのは無駄なので、カスタムフィールドを利用してwp_head()関数でcssやjsを出力してくれるようにした。 使い方はカスタムフィールドに以下の名前でcssやJavaScriptを記述すればHTMLのheadタグの中に出力してくれるというもの。 「css」という名前のカスタムフィールドにスタイルシートを記述することで <style type="text/css">値</style> の形式で出力 「cssfile」という名前のカスタムフィールドにcssファイルのパスを記述することで <style type="text/css">値</style> という形式で出力 「js」という名前のカスタムフィールドにJava
WordPressでページごとに別のスタイル（外部CSS）を適用させる方法 – PresentNote
「このページだけ、違うスタイルシートを適用したいな〜」と思ったことはありませんか？ WordPress のテーマファイルには必ずスタイルシート（style.css）が含まれているはずです。そして、基本的にそこで決めたスタイルは全てのページに適用されます。でも、ページによってはちょっと違うスタイルを適用させたい……と思う時がありますよね。 例えばトップページだけ別のスタイルにしたいとか。 そんな時は、コンテンツに直接スタイルを適用することもできます。<span> とか <div> タグを使って、特定の部分だけデザインを変更することもできます。 でも、それをいちいちやっていると面倒です。「このページの見出し２（H2）は、全て赤文字にしたい！」と思ったとしても、見出し２が出て来るたびに <span> を使ってスタイルを指定しなくてはならなくなります。そんなの面倒ですよね。なので、「このページの見
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://vinypara.s236.xrea.com/archives/28
よく使うWordPressの条件分岐タグ | 沖縄Web日誌
初心者でもプラグインを使わずにtitle,meta keyword,descriptionを投稿ごとに変える ※4.1未満対象[WordPress使えそうなスニペットシリーズ]![初心者でもプラグインを使わずにtitle,meta keyword,descriptionを投稿ごとに変える ※4.1未満対象[WordPress使えそうなスニペットシリーズ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed97b1ef2e2878c1a040424418f189b02f0a2d69/height=288;version=1;width=512/https%3A%2F%2F8hi639kt.user.webaccel.jp%2Fwp-content%2Fuploads%2F2011%2F05%2Fcustomfield00-600x240.jpg)
カスタムフィールドの使い方 - WordPress Codex 日本語版