WordPressテーマのArthemia 3のトップページのヘッダ部分にslidedeck2.0コンテンツを埋め込んだ際の書き換えの覚え書き。
【参考】
【トップページのヘッダ部分に表示する手順】
(1)コンテンツを作成
スライダーコンテンツを管理画面のメニュー内で作成。サイズは、カスタムで横590、縦300 で作成しておく。
(2)header.phpの書き換え
下記のコードが、ヘッドライン部分のコード。
[php]
[/php]
↓
ここから、下記のコードを削除。
↓
[php]
[/php]
↓
そして下記のコードを追加。
↓
[php]
[/php]
(3)style.cssの書き換え
このままでは、cssのせいでずれて表示されるので、style.cssファイルの id=headline も書き換える。
[php]
#headline {
float: left;
display: inline;
width: 59.6%;
padding: 0 1.3% 2.7% 2.7%;
}
[/php]
↓
余白を指定しているpaddingのところの値をゼロにする。
そして、widthは消したpadding分を足して同じ幅にする。
↓
[php]
#headline {
float: left;
display: inline;
width: 63.6%;
padding: 0 0 0 0;
}
[/php]