賢威7カスタマイズ一覧StingerXeoryお問い合わせHomeStingerStinger7:ヘッダー画像を横幅いっぱい(横幅100%)に広げる方法StingerStinger7:ヘッダー画像を横幅いっぱい(横幅100%)に広げる方法こんにちは、ぶどうサワーです。サイトの閲覧ありがとうございます。今回は無料WordPressテーマ:Stinger7のヘッダー画像を横幅いっぱいに広げる方法を紹介したいと思います。こないだStingerの最新バージョンがリリースされたようですが、Stingerもバージョン7になるんですね。自分が一番最初に使ったWordPressテーマはStinger(たしか3)だったので、しみじみStinger(というかEnjiさん)すごいなぁなんて思ってしまいます。これだけ有名になっても変わらず完全無料でテーマを公開するなんて、なかなかできることじゃないですよね。今回はそんなStinger7のヘッダー画像を横幅いっぱいに表示する方法を紹介します。コードを修正しました。丁寧なメッセージありがとうございました。お問い合わせフォームに入力してもらったメアドが違ったらしく、返信出来ませんでした・・・。気になる部分があれば、またご連絡ください。今回はPHPファイルを編集していきます。管理画面に入れなくなることもあるので、PHPコードは注意して編集して下さい。作成Stinger7では子テーマを配布されているので、今回は子テーマを使ってカスタマイズしていきます。ヘッダー画像を含めた横幅を最大1060px(以内)に指定しているので、まずはヘッダー画像をこのdivタグの外に移動します。いうコードがある場合には、以下のように編集して下さい。書かれていない場合には、上の編集のみで大丈夫です。タグから下は、以下のようになりました。外に出すことができました。CSSファイルを編集このままでは不自然すぎるので、CSSファイルを編集して見た目を整えていきましょう。お使いのCSSファイルに以下のコードを追加します。追記:2016年2月14日バージョンに合わせてコードを一部修正しました。/.../部分を消去して下さい。}}これで画像が横幅いっぱいに表示されるようになりました。ちなみにナビゲーションメニューの位置は画像の上でも下でも同じように横幅100%で表示することができます。以下のコードを追加すれば、ヘッダー画像の高さを変更することができます。);今回のカスタマイズは以上です。最後まで閲覧ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。