HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

Dynamic Headers

Dynamic Headersを使ってみる。
ヘッダーは、やっぱ、見せるときの命。ってことで、記事ごとにヘッダーを変える方法は、見つけた。これでいいよね?とか思ったけど、自由度が・・・
つーことで、探した。
 

Dynamic Headers には、日本語解説がないのかぁ~!!

つーことで、まぁ、入れ込みは発生するだろうと。ざっくり見たら、
<?php if(function_exists('show_media_header')){ show_media_header(); } ?>
これを header.php へいれたまえとか言ってる。そりゃそうだろう。
ところがだね・・・ css をつかって背景画像でヘッダーを出しているとこれはつかえないっぽい。
ま、このテーマはOKだったのでいれてみた。↓
<?php if(function_exists('show_media_header')){ show_media_header(); } ?>
埋め込んでみた。
</header>

<?php if(is_home()):?>
<div id="mainvisual">
<div id="mainvisual-inner">

<!-- こう直した。 -->
<div class="img">
<?php if(function_exists('show_media_header')){ show_media_header(); } ?>
</div>
<!-- ここまで -->

<!-- ※もともとは、こう。 -->
<div class="img">
<img src="<?php header_image(); ?>" alt="*" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" />
</div>
<!-- ここまで -->

</div>
</div>
<?php else :?>

<!-- こここにもいれた。(top以外のページ対応) -->
<div class="img">
<?php if(function_exists('show_media_header')){ show_media_header(); } ?>
</div>
<!-- ここまで -->

<?php
  if(function_exists('bcn_display'))
  {
  // Display the breadcrumb
  echo '<div id="plist"><div class="plist-inner">';
  bcn_display();
  echo '</div></div>';
  }
?>
<?php endif;?>
トップの場合もいれたんだけど、トップの場合は、どこで変えるんだろ?(--? 必要ないね。。。。

と順調か? ちがうんだな。 次にヘッダ画像をアップロードしておかないといけないわけだ。
ヘッダ画像は、メディアにはいれない。 ゆずまるも作ろうと思った時にそういうコンセプトだった。
つまりだ、プルダウンで選択させたいとおもったら、自分の管理下にヘッダ画像をおいておきたい。
 

ヘッダーをアップロードする前に、ヘッダ画像保管フォルダー

wo-content の中に header-images ってフォルダーを作って書き込み権を与えておくこと。
つまり、 777 にしておく。
2014y11m05d_043755427
 
あとは、Add Newでヘッダー画像をついかして。。。
2014y11m05d_044043305
 
投稿でプルダウンから選んで公開/更新すればいい。
2014y11m05d_044313921
てーと、ここのページみたいにヘッダーが変わるわけだ。
 

Dynamic Headersの画像は AddNewではなく・・・

Dynamic Headers の画像は、AddNewではなく FTP でアップロードしてあげるのがいい。
アップロードすると所有者が変わることがある。そすっといちいちデリートして・・・とかって面倒なので。
だまって header-images へFTPでアップロードする。
ちゃんと認識してくれるのでOK。
 

CSSでヘッダを指定している場合

実は、
「You can use this line of code to simply get the URL of the media for a particular post or page. This will allow you to do some more advanced things and embed the media yourself if you know what you are doing. 」
 
「あなたは、単に特定のポストやページのメディアのURLを取得するためのコード行を使用することができます。あなたは何をしているかを知っている場合、これはあなたには、いくつかのより高度なことを行うとメディアを自分で埋め込むことができるようになります。」
 
つまり?
 
これを使えば、ヘッダーのスタイルを書き換えられるわけだね?
<?php if(function_exists('dh_get_page_image_url')){ $dynamic_header_url = dh_get_page_image_url(); } ?>
if 文で聞いているのは、ヘッダーのURLがあるかい? あったら、URLを dynamic_header_url へ、もってきてくれ。
したら、ヘッダーをだしているクラス。を書き換えればいいわけだ。
<div class="header">

とかを

<div class="header" <?php if(function_exists('dh_get_page_image_url')){ echo 'style="background-image:url('."'".dh_get_page_image_url()."'".');'.'"'; ?> >

でいいんでないかな?試してないけど。(シングルクォートとダブルクォートに気を付けて・・・間違ってるかもしれない。
スタイルの優先順位がこれで効くのかもあやしい。
 

メディアによっても切り替えることができる

 
らしい・・・
 
そこまではかんがえてないので、とりあえず、保留。

スポンサーリンク

関連記事

スポンサーリンク

カテゴリー