o2ビジネステーマTopPage画像をFlash画像に置き換える
o2ビジネステンプレート有料版(Wordpress用)を使用していて、トップページの画像をFlashにする場合、「o2BUSINESSTHEMEサイトの使い方・・・トップページの画像をFlashにする方法」に記載されていますが、この通り設定してもうまく表示されない場合(Flash画像が1/2程度の大きさになって右方向にずれて表示されている状態になってしまう現象が発生)
、下記を試してみてください。
1.Flash素材(XXXX.swf)のアップロード先
「wp-content/themes/テーマ名/images」のディレクトリにアップロードします。
2.トップ画像をFlash画像コードに変更
「index.php」から下記が記述されている箇所を探します。
<p><img src="<?php bloginfo('template_directory');?>/images/main.jpg" width="910" height="300" alt="banner" /></p>
上記記述箇所を下記Flashコードに書き換えます。(XXXX.swfファイルは任意置き換えます)
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/・・・・・・・・・・#version=6,0,0,0"
WIDTH="910" HEIGHT="300" id="XYXY">
<PARAM NAME="movie" VALUE="<?php bloginfo('template_directory');?>/images/XXXX.swf">
<PARAM NAME="quality" VALUE=high>
<PARAM NAME="bgcolor" VALUE=#FFFFFF>
<PARAM NAME="loop" VALUE="false">
<EMBED src="<?php bloginfo('template_directory');?>/XXXX.swf" quality=high bgcolor=#FFFFFF loop=false WIDTH="910" HEIGHT="300" NAME="main" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://get.adobe.com/jp/flashplayer/"></EMBED>
</OBJECT>
3.テーマの「cssファイル」に下記を追加
#container{
width: 910px;
}
#container object{
margin: 0 auto;
}
4.index.phpファイルを下記のように書き換えます。(id=”XYXY”が挿入されている場合)
<OBJECT ・・・・・・・・・・・・ width="910" height="300" id="XYXY"のid=”XYXY”の部分を削除します。
トップページへアクセスし、正常に表示されれば完了です。

