WordPressテーマのArthemia 2.0のトップページのヘッダ部分にslidedeck2.0コンテンツを埋め込んだ際の書き換えの覚え書き。
【トップページのヘッダ部分に表示】
(1)コンテンツを作成
スライダーコンテンツを管理画面のメニュー内で作成。サイズは、カスタムで横555、縦300 で作成しておく。
(2)header.phpの書き換え
header.phpに埋め込むのでphpで記述する。php文の書き方は下記の通り。
[php]
[/php]
- 参照:How do template tags work in SlideDeck 2? - ユーザフォーラムより
header.php内の下記の部分にslidedeckのphp文を埋め込む。削除する部分は、Arthemia 2.0テーマのheadlineを表示するためのコードが記述されているところ。divタグのペアがずれないように注意。
[php]
この部分のphp文をごっそり削除(47行くらい)
以下にはヘッダーの右端、featured記事を表示するコードが続く
[/php]
↓
[php]
[/php]
(3)style.cssの書き換え
このままでは、cssのせいでずれて表示されるので、style.cssファイルの id=headline も書き換える。
[php]
#headline {
width:560px;
float:left;
padding:0px 12px 25px 25px;
font-size:12px;
line-height:1.5em;
margin:0;
color:#000;
overflow:hidden;
}
[/php]
↓
余白を指定しているpaddingのところの値をゼロにする。
↓
[php]
#headline {
width:560px;
float:left;
padding:0px 0px 0px 0px;
font-size:12px;
line-height:1.5em;
margin:0;
color:#000;
overflow:hidden;
}
[/php]
これで、ぴったりslidedeck2.0のコンテンツが表示される。