コンテンツへスキップ妻と僕。ブログ完全初心者のサイトです。アニメや食べ物の感想。wordpressについて経験したことを記述します。Seventeen」について、記事とサイドバーの幅をカスタマイズします。僕がこのテーマの幅を気にしたのは、アドセンスに合格してから。広告をどのように貼り付けるか調べていて、記事下に広告を2つ横に並べるダブルレクタングルをしたいと思ったからです。レクタングルの1つの幅は小さいタイプで300pxあるので2つ横に並べるには最低でも600pxの幅が必要になります。Seventeen」の記事幅は524pxしかありません。広告を横並びにするために記事の幅を広げたいと思います。Seventeenのレスポンシブデザインで大きな変化点は、画面サイズの横幅が48em(768px)未満か以上かというところです。具体的には、48em未満でサイドバーが記事下に移動します。(タブレットが768pxなので、タブレット以上の大きさはサイドに表示される)この機能を損なわずに記事とサイドバーの幅を変更します。下記コードをコピーし、子テーマのstyle.cssに追記します。上記コード1行目と24行目(下記コード)内で指定したコードが横幅48em(768px)以上で適用されることとなる。{/*横幅が48em以上の場合*/}記事とサイドバーの幅の最大値まず、3~5行目で記事・サイドバー・余白を合わせた幅の最大値を指定します。上記コードでは、1100pxとしています。そのうち、左右の余白をそれぞれ2em(32px)と指定しているので余白を抜いた記事とサイドバーの幅は1036pxとなります。記事の幅は9行目(67%)、サイドバーの幅は14行目(29%)で指定しています。1036px×29%=300px残りの4%は記事とサイドバーの間隔になるあとは、数値を自由に変更することで好みに合った幅に変更できます。seventeenのコンテンツ幅を、レスポンシブを損なわない範囲に広げたくてあちこち放浪していたら、こちらにたどり着きました。コンテンツ幅とサイドバーの比率、枠線の太さ、そして背景のコードも丸パクリさせていただきましたw当分はこのレイアウトを維持しつつ微調整を加えていきたいと思います。有用な情報提供ありがとうございました!返信する妻僕。PMponkanさん。コメントありがとうございます。僕の記事が役に立ったとのコメントを頂いて、とても嬉しいです。これを励みにまた記事を書いていきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。