クールでかっこいいワードプレステーマ を カスタマイズすべ
クールでかっこいいワードプレステーマ を カスタマイズすべ > クールでかっこいいWPテーマをPPC用にカスタマイズ > クールでかっこいいWPテーマをPPC用にカスタマイズ。その3(ロゴヘッダー部分を取り除く)

クールでかっこいいWPテーマをPPC用にカスタマイズ。その3(ロゴヘッダー部分を取り除く)

トップページには、ロゴの入ったヘッダーを残したい。つまり、今から表示するのはトップページなのか?それとも・・・って条件判断だ。
それをやるのが、前の記事で説明した if 。
 
今回は、 if( ~~ ){ } のパターンを使って header.php をこう直した。
<div><a class="icon icon-list" href="#"></a></div>
</div>
   
<?php if( is_home() ){ ?>
<!-- #header_inner -->
<div id="header-inner">
<?php $options =  get_option('coolweb_logo_options'); $coolweb_logo = $options['image_upload']; ?>
<?php  if(!$coolweb_logo){$coolweb_logo = get_bloginfo('template_url').'/img/logo.png'; } ?>
<?php if(is_home()):?>
<h1 id="ptitle" class="site-title"><img src="<?php echo $coolweb_logo; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"></h1>
<?php else :?>
<div id="ptitle" class="site-title"><a href="<?php bloginfo('url'); ?>"><img src="<?php echo $coolweb_logo; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"></a></div>
<?php endif;?>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('ヘッダーバナー') ) : ?>
<?php endif; ?>
<div id="s-button">
<?php if(get_option('feed_address')){echo '<a class="icon icon-feed" href="'.get_bloginfo('url').'/?feed=rss2"></a>';} ?>
<?php if(get_option('facebook_address')){echo '<a class="icon icon-facebook" href="'. esc_attr(get_option('facebook_address')).'" target="_blank"></a>';} ?>
<?php if(get_option('google_address')){echo '<a class="icon icon-gplus" href="'. esc_attr(get_option('google_address')).'" target="_blank"></a>';} ?>
<?php if(get_option('twitter_address')){echo '<a class="icon icon-twitter" href="'. esc_attr(get_option('twitter_address')).'" target="_blank"></a>';} ?>
</div>
</div><!-- /#header_inner -->
<?php } ?>
   
php if ( wp_get_nav_menu_object('topmenu' ) ) { ?>
1行目と20行目の着目いただくと、 if( ~~ ){ 中身 } に、なってるでしょ? if の条件は、 is_home() これは、これから表示するのはトップページですか?って条件で、トップページならば、条件が成立するので { } の中を処理してくれる。トップページでなければ { } 内に書いてあることはスキップする。
こういった条件は、ワードプレスのマニュアルを見るとわかる・・・かな?⇒ワードプレスのマニュアルページ
他にもあるので眺めておくといいね?
 
その結果・・・
トップページの方は・・・
2015y01m20d16
 
ページの方は。。。
2015y01m20d15
 
あれ?若干あいてるね? これは、グローバルナビのエリア。
グローバルナビを設定したんだけど、クールでかっこいいワードプレステーマVER9独特の現象。
何かといえば、グローバルナビには、クラスを割り当てて色をつけないと背景白の文字白で「表示」されてしまうって仕様だ。
 
したがって、これは、グローバルナビにクラスを与えればOK。
ということで、見事にトップページには、ロゴの入ったヘッダーが表示され、個別ページでは表示されなくなった。
 
次は、グローバルナビとパンくずリストを消す。
 
|<<Top | <PrevNext> | Last>>|