SlideDeck2.0をArthemia 3のheader.phpに組み込む

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]

記事の共有: