it-swarm-ja.com

特定のページにスタイルシートを追加する

自分のサイトのホームページとしてページを設定しました。私が世界的に使用する必要がないホームページだけのための特定のスタイルシートがあります。私はまだWordPressに慣れていないので、これは私にとってとても混乱します。

私は http://codex.wordpress.org/Function_Reference/wp_enqueue_style を読みましたが、それを自分のページに組み込む方法がまだわかりません。誰かが私を助けてもらえますか?

1
kawiz

ワードプレス 条件付きタグ を使用して、スタイルシートを選択的にエンキュー/ロードします。これはベストプラクティスなので、依存関係を呼び出すこともできます。

私は実際にこれの例を提供しました。多くの場合、フロントページのスタイルを含めて、それからサブページのスタイルを含めたいだけです。

<?php 
// Is this the front page or home page  ?
if (is_front_page() && is_home() )  {
// if so then lets enqueue this!
// for reference the function uses the following parameters:
// wp_enqueue_style( $handle, $src, $deps, $ver, $media ) ?
  wp_enqueue_style( 'mystyle', TEMPLATEPATH . 'foo.css', array('my-dependency-styles', 'reset-style'), '1.0.1', 'only screen and print' ); 
} else {  
  wp_enqueue_style( 'mystyle', TEMPLATEPATH . 'sub-page.css', array('my-dependency-styles', 'reset-style'), '1.0.1', 'only screen and print' ); ?>
  }
1
chrisjlee

アクションフックを使用して、そのエンキューを条件付きロジックで特定のページにアタッチします。これは、Chrisのアプローチに似ていますが、関数内にラップされています。

add_action( 'wp_enqueue_scripts', 'enqueue_custom_styles_or_scripts' );

function enqueue_custom_styles_or_scripts() {

    // If it's not the front page, stop executing code, ie. return
    if( !is_front_page() )
        return;

    // Else we reach here and perform the enqueue
    wp_enqueue_style( 'your-style-handle', get_stylesheet_directory_uri() . '/yourfile.css' );

}

アクション名にもかかわらず、スタイルにも適しています。開発者が名前を変更するか、スタイルを追加することをお勧めします。ネーミングではスクリプト専用であることが推奨されます(ただし、実際はそうではありません)。

改行してPHP tag(<?php)を開いた後、テーマのfunctions.phpファイルの先頭にコードを追加できます。

0
t31os