「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマAMORE:固定ページヘッダー画像を非表示にする方法

Q.固定ページの上部ヘッダーコンテンツを非表示にしたい

AMOREの固定ページ上部には、アイキャッチ画像と記事タイトルが表示されておりますが、こちらを非表示にすることは可能でしょうか。

A.下記のPHPファイルの該当箇所を編集します

今回は、固定ページテンプレート「page-nosidebar」の場合を記載致します。

編集するファイル:page-nosidebar.php

編集する箇所:

<?php
get_header('no-sidebar'); ?>
<?php while ( have_posts() ) : the_post(); ?>
  <?php
    $thumbnail_id = get_post_thumbnail_id();
    $eye_img = wp_get_attachment_image_src($thumbnail_id, 'full');
  ?>
  <div class="amore-divider romaji" data-parallax="scroll" data-image-src="<?php echo $eye_img[0]; ?>">
    <div class="container">

※上記の「<div class=”amore-divider romaji” data-parallax=”scroll” data-image-src=”<?php echo $eye_img[0]; ?>”>」を削除して下さい。

この状態では、記事タイトルが表示されたままになりますので、カスタムCSS欄に下記をご記入ください。

h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事