WordPress Twenty seventeen 記事幅の変更

デフォルトの記事の幅が狭くて使いにくかったので拡張しました。
Twenty Seventeen に関する情報が少ないので掲載しておきます。

子テーマの作成

子テーマを作ってから子テーマのスタイルシートに書き込みをします。親テーマ(Twenty Seventeen)のスタイルシートは長大なので、直接書き込むと収集がつかなくなります。子テーマの作り方は詳しいサイトがあるのでそちらを参考にしてください。

スタイルシートへの書き込み

メニューから「外観」「テーマの編集」を選択し、スタイルシートに下記のように書き込みをします。max-widthの値を変更して好みのサイズに変更してください。

ネットで調べてもよくわからなかったので、親テーマのスタイルシートを解析したら変更すべき箇所が見つかりました。動作は保証しませんので、不具合が生じた場合は元に戻してください。







/*ナビゲーションバーの幅の変更*/

.navigation-top .wrap {
max-width: 1200px;
padding: 0;
}

/* 記事幅の変更 */

.wrap {
margin-left: auto;
margin-right: auto;
max-width: 1300px;
padding-left: 2em;
padding-right: 2em;
}






コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA