TCD テーマ AVANT の固定ページのカスタマイズ

TCD テーマ AVANT って、ブログ、お知らせ、イベント、特集以外の固定ページのテンプレートは手間がかかります。

かなり作りこみを覚悟するなら、ありかもしれませんが、少なくとも数を出す必要のあるアフィリエイトでは使えないテーマかもしれません。

TCD テーマ AVANT の固定ページのバナーの設定

TCD テーマ AVANT の固定ページのバナー部分は、固定ページの投稿枠下に出ています。

投稿枠からずずっと下の方へスクロールさせると「ページヘッダ設定」があり、そこで、タイトル、サブタイトル、ディスクリプション(説明)、背景画像を指定することができます。

TCD テーマ AVANT の固定ページのバナーを取り外す

TCD テーマ AVANT のページは、通常こういった形で、左にH1タイトル、右にH2サブタイトルとディスクリプションという2重構造になっています。

本体は、以下のようになっています。

<header class="p-page-header">
<div class="p-page-header__inner">
<div class="p-page-header__upper">
<h1 class="p-page-header__upper-title"><?php echo esc_html( $ph_1_title ); ?></h1>
<p class="p-page-header__upper-sub"><?php echo esc_html( $ph_1_sub ); ?></p>
</div>
<div class="p-page-header__lower">
<h2 class="p-page-header__lower-title"><?php echo esc_html( $ph_2_title ); ?></h2>
<p class="p-page-header__lower-desc"><?php echo nl2br( esc_html( $ph_2_desc ) ); ?></p>
</div>
</div>
</header>

できれば、このヘッダー部分を外したい。

実は、AVANTは、固定ページを書いたときに「ページヘッダ設定」をしていないとページヘッダー部分がデフォルトの色でタイトルなしのヘッダーを表示します。

実にみっともない・・・けど、たぶんTCDのAVANTは、固定ページは、しっかりとしたコンテンツを作るという前提になっています。

そのため、タイトル、サブタイトル、ディスクリプションなしなんてありえない!ってことです(笑)

それでも、やっぱり、そういうものがない、さらに、こんなにデカイヘッダーはいらないというコンテンツはあるもので、例えば、「お問い合わせページ」とかですね。

そこで、「ページヘッダ設定」でのタイトルが入っていない場合は、ページヘッダー部を削除するようにカスタマイズしてみます。

//if ( ! is_home() ) {
// $tag = ‘div’;
//}
}

if( $ph_1_title == ” ){
?>
<div class="p-page-header__inner" style="padding-bottom:0;">
<?php echo esc_html( the_title() ); ?>
</div>
<?php
}else{
?>
<header class="p-page-header">
<div class="p-page-header__inner">
<div class="p-page-header__upper">
<h1 class="p-page-header__upper-title"><?php echo esc_html( $ph_1_title ); ?></h1>
<p class="p-page-header__upper-sub"><?php echo esc_html( $ph_1_sub ); ?></p>
</div>
<div class="p-page-header__lower">
<h2 class="p-page-header__lower-title"><?php echo esc_html( $ph_2_title ); ?></h2>
<p class="p-page-header__lower-desc"><?php echo nl2br( esc_html( $ph_2_desc ) ); ?></p>
</div>
</div>
</header>
<?php
}
?>

取り外すトリガーは、$ph_1_title にしてありますが、トリガーを書き換える、もしくは、ページヘッダー部分をカスタマイズするならば、この部分で処理できます。

あなたの作業の一助になれば幸いです。

関連記事

ページ上部へ戻る