プロのクリエイターがホームページの作成や運用ノウハウについて無料公開!

ホームページTIPS
facebook twitter mail

このサイトでは、ホームページ制作運用に関する各種の情報を無料公開しています。
内容についてのご意見・ご指摘については、フォームからお知らせいただけば、適宜変更させていただきます。

wordpressに関するTips

2017.7.9更新

WPの共通head内で、個別にファイルを読み込む条件分岐

Attention!

php条件分岐を使うことで、共通テンプレートであるheader.phpの「head内」で、個別のファイル読み込みが設定できます。この方法以外にもfunctions.phpに記述したり、カスタムフィールドから個別ファイルを読み込む方法もあります。

1「head」内などで以下のように個別ファイルの読み込みが設定できます。
<!--ページ別のファイル読み込み-->

<?php if ( is_home() ) : ?><!--トップページの場合-->
	<link href="<?php echo get_template_directory_uri();?>/css/home.css" rel="stylesheet" type="text/css" />

<?php elseif( is_category() ) : ?><!--カテゴリーページの場合-->
	<link href="<?php echo get_template_directory_uri();?>/css/category.css" rel="stylesheet" type="text/css" />
	
<?php elseif( is_tag() ) : ?><!--タグページの場合-->
	<link href="<?php echo get_template_directory_uri();?>/css/category.css" rel="stylesheet" type="text/css" />

<?php elseif( is_search() ) : ?><!--サーチページ(検索結果表示)の場合-->
	<link href="<?php echo get_template_directory_uri();?>/css/category.css" rel="stylesheet" type="text/css" />

<?php elseif (is_tax('tokutei')): ?><!--タクソノミー名「tokutei」のページの処理--><!--タクソノミーはカスタム投稿タイプより前に記述-->
    <link href="<?php echo get_template_directory_uri(); ?>/css/tax.css" rel="stylesheet" type="text/css" />

<?php elseif( is_post_type_archive('tokutei')): ?><!--カスタム投稿タイプ「tokutei」のアーカイブページの場合--><!--カスタム投稿タイプはデフォルトのarchiveより前に記述-->
    <link href="<?php echo get_template_directory_uri();?>/css/archive-tokutei.css" rel="stylesheet" type="text/css" />

<?php elseif( is_archive() ) : ?><!--アーカイブページの場合-->
	<link href="<?php echo get_template_directory_uri();?>/css/archive.css" rel="stylesheet" type="text/css" />

<?php elseif( is_singular('tokutei')): ?><!--カスタム投稿タイプ「tokutei」のsingleページ--><!--カスタム投稿タイプはデフォルトのsingleより前に記述-->
    <link href="<?php echo get_template_directory_uri();?>/css/single-tokutei.css" rel="stylesheet" type="text/css" />

<?php elseif( is_single() ): ?> <!--シングルページの場合-->
    <link href="<?php echo get_template_directory_uri(); ?>/css/single.css" rel="stylesheet" type="text/css" />

<?php elseif( is_page() ): ?> <!--固定ページの場合-->
    <link href="<?php echo get_template_directory_uri(); ?>/css/page.css" rel="stylesheet" type="text/css" />

<?php else: ?><!--以外のページの処理-->

<?php endif; ?>

テンプレート別のCSSファイルやjsファイルの読み込みに便利です。

トップへ