Twentyfourteenカスタムメモ

■ヘッダー下 TOPのメニューを左へ

子テーマstyle.cssで

/* Primary Navigation */

.primary-navigation {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
font-size: 14px;
padding-top: 24px;
    position: absolute;
    left: 30px;
}

の赤字部分を追加すれば、メニューは左端へにいくけどブラウザ幅を縮めるとメニューがうまく表示されなく、デザイン的に破たんする。
11.0 Media Queries  以降の調整が必要だが、めんどくさいのでもとに戻す。

■ヘッダー下にレスポンシブバナー

.centerad{
text-align: center;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left : auto ;/*—–IE用—–*/
margin-right : auto ;/*—–IE用—–*/
}

をstyle.cssに追加 ※どこでもいいぽい

その後、子テーマ内 header.php の一番下に

<div class=”centerad”>
(ここにアドセンスコードを入れる)
</div>

を追加。

バナーまわりの余白が黄色なのを白くするのはstyle.cssの

mark,
ins {
background: #fff9c0;
text-decoration: none;
}

mark,
ins {
background: #fff;
text-decoration: none;
}

に変更。

※あくまで素人のメモですので、動作の補償はいたしかねます。
テーマ編集はバックアップをとってから、楽しく行いましょう。

コメント