STINGER PLUS+ ヘッダー画像の横幅を画面いっぱいに表示する
2016/10/25
WordPressの人気無料テーマ「STINGER PLUS+」の
ヘッダー画像の横幅を画像いっぱいに表示する方法です。
スポンサーリンク
子テーマを使用する
カスタマイズの際はテーマのCSSをそのまま編集するのではなく
子テーマに記述するようにしてください。
style.css の編集
子テーマの style.css に下記のコードを記述します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
/*media Queries PCサイズ（960px以上） ----------------------------------------------------*/ @media print, screen and (min-width: 960px) { /* Hearder and Footer Setting */ #wrapper { max-width: 100%; } header, footer, #gazou-wide { width: 100%; } #headbox, #content, nav > ul { max-width: 1060px; margin: auto; } #headbox { padding: 0; } } /* For All Media ----------------------------------------------------*/ /* Hearder and Footer Setting */ #wrapper { padding: 0; } footer { margin: 0 !important; } |
st-header-image.php の編集
|
1 |
<img src="<?php header_image(); ?>" alt="*" width="100%" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" > |