WordPress で CSS、JavaScript ファイルを読み込む正しい方法
July 10, 2014May 5, 2016WordPress で CSS、JavaScript ファイルを読み込む正しい方法Categories WordPress 誤った方法で行っている方を多く見かけますので説明します。 読み込むエリアにあわせて適切なフックを使用する wp_enqueue_scripts – サイト公開側に読み込む場合に使用するフックです。 login_enqueue_scripts – ログイン画面に読み込む場合に使用するフックです。 admin_enqueue_scripts – 管理画面に読み込む場合に使用するフックです。 上記フックは xxx_scripts という名前ですが、スクリプトだけでなくスタイルシートの読み込みにも使用されます。誤解を招き易い点なので注意してください。また、wp_print_scripts フック、wp_print_styles
WordPress » スタイルシートを読み込む | MORILOG
<link rel="stylesheet" id="style-css" href="http://my-domain.com/style.css" type="text/css" media="all" /> WordPressでは、この<link>タグを自動生成してくれるwp_enqueue_style関数が用意されています。 テーマファイルでは<link>タグは直接書かずに、このwp_enqueue_style関数を使用します。 <?php wp_enqueue_style($handle, $src, $deps, $ver, $media); ?> $handle — スタイルシートのハンドル名 $src — スタイルシートのURL（オプション） $deps — 関連するスタイルシートのハンドル名（オプション） $ver — スタイルシートのバージョン（オプション） $medi
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみました。 CSSファイルを読み込む方法 CSSを読み込むには、以下の関数を使用します。 wp_enqueue_style ★例として、子テーマフォルダ下に配置したBootstrapのCSSファイルを読み込ませる functions.php(子テーマ)に追加して下さい。 // wp-config/theme/[子テーマ名]/functions.php function my_styles() { wp_enqueue_style( 'bootstrap', get_bloginfo( 'stylesheet_directory') . '/bootstrap.min.css', array(), n
Wordpressでインクルード元のテンプレートから外部CSSやJSを指定する | webOpixel
Posted: 2011.04.20 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressでは基本的に共通のheaderファイルを使用するため、ページごとにcssを切り替えたい場合「is_home」や「is_single」などを駆使して条件分岐で外部cssやjsの切り替えを行うと思います。 数個のテンプレートだったらこれだけでも良いのですが、カテゴリーIDごとやページ数ごとにも切り替えたい場合、分岐が多くなりすぎて管理が大変そうです。 そこでインクルードもとのテンプレートで外部cssやjsを指定する方法をご紹介いたします。 categoryテンプレートに「category.css」「category.js」を、pageテンプレートに「page.css」「page.js」を読み込む場合、if文での切り替えはこんな感じになると思います。 hea
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
