現在テーマ変更に伴う修正作業中です。一部表示崩れがありご不便をおかけしています。

SANGOのサイドバーの横幅をコピペで変えるカスタマイズ方法

いらっしゃいませ三姉妹育児に奮闘中の主婦、あず(oyakocreate)です。

今回は、Twitterで質問があった「SANGOのサイドバーの横幅の広さを変更する方法」についてまとめておきます。

SANGOユーザーさんはコピペするだけで簡単にできるので、サイドバーの広さが気になる方はお試しください。

今までに書いたSANGOのカスタマイズ方法は「コピペで簡単にできるSANGOのカスタマイズ方法まとめ」にまとめているので、良ければ参考にしてみてください。

[kanren id=”458″]
広告

SANGOのサイドバーを広くする

カスタマイズ前
カスタマイズ後

カスタマイズする前と、カスタマイズしたあとの違いは、上記の画像をご覧ください。

サイドバー単体の横幅を広げるだけでなく、記事一覧の表示幅も一緒に広げています。

実際の表示を確認したい方は「トップページ」をご覧ください。

カスタマイズ方法

子テーマのstyle.cssに以下のコードを追記してください。

@media only screen and (min-width: 1230px) {
.wrap {
  width: 1200px;
}
.d-5of7 {
  width: 70%;/*メインコンテンツ幅(デフォルト69%)*/
}
.d-2of7 {
  width: 30%;/*サイドバー幅(デフォルト31%)*/
}
}

メインコンテンツ幅+サイドバー幅が100%になるように、自由に調整してみてください。

スポンサーリンク

SANGOのサイドバーの幅を変えよう!

記事一覧ページをパソコンから見たときに、スッキリしすぎているのが気になっていたので、1000pxから1200pxに変更しました。

それぞれの数値はご自分の好みに合わせて変えてみてください。

今までに書いたSANGOのカスタマイズ方法は「コピペで簡単にできるSANGOのカスタマイズ方法まとめ」にまとめているので、良ければ参考にしてみてください。

[kanren id=”458″]

この記事はここまでです。もしお時間があれば、ぜひ他の記事も読んでいってくださいね。

あず(oyakocreate)でした!


広告
>WordPressテーマはTHE・THOR(ザ・トール)がおすすめ

WordPressテーマはTHE・THOR(ザ・トール)がおすすめ

当ブログで使用しているWordPressテーマは「THE THOR(ザ・トール)」です。

THE THOR(ザ・トール)」は機能が豊富で、記事を書く効率が格段にアップ。税込15,984円で何個のサイト・ブログで使用してもOK。

カスタマイズ知識がなくても、設定項目を1つずつ進めていくだけでおしゃれなブログ・サイトが作成できます。

無料・無期限・無制限でのアフターフォローが受けられるので、安心して使用できるイチオシの有料テーマです。

CTR IMG