MONOMANIAテーマでは、下層ページのヘッダー画像は、テーマオプションで設定した1種類の画像しか表示できませんが、これを、こちらのページのように、ヘッダー画像の上にタイトルと説明文を表示するスタイルに変更するには、下記のように変更します。

【カスタマイズ方法】

<div id="head_space" class="clearfix">
  <?php if(is_home() || is_front_page()){ ?>
  <?php get_template_part('featured'); ?>
  <?php } else { ?>
  <?php if ( ot_get_option('page-header-image') ): ?>
  <div class="parallax page-header-imagee"  data-velocity="-.5" style="background-image:url(<?php echo ot_get_option('page-header-image'); ?>);"> </div>
  <?php  else:  ?>
  <div style="height:40px;"></div>
  <?php endif; ?>
  <?php }  ?>
</div>

<div id="head_space" class="clearfix"> 
<?php if ( is_front_page() || is_home() )  { ?>
<?php get_template_part('featured'); ?>
<?php }  elseif ( is_page()  )  { ?>

<?php get_template_part('inc/page-image'); ?>
<?php }   elseif ( is_single()  )  { ?>
<?php get_template_part('inc/page-image'); ?>
<?php } ?>


<?php if ( is_page()  )  { ?>
<?php if ( ot_get_option('page-eyecatch') == 'off' ) {  ?>
<div class="header-margin"></div>
<?php }}  ?> 

<?php if ( is_single()  )  { ?>
<?php if ( ot_get_option('single-eyecatch') == 'off' ) {  ?>
<div class="header-margin"></div>
<?php }} ?>
</div>;

<?php if ( ot_get_option('page-eyecatch') == 'on' ) {  ?>
<?php get_template_part('inc/page-image'); ?>
<?php } ?

Tweet