WordPressテーマのSANGOでワンカラム表示を選んだ際に固定ページのコンテンツ幅が狭くなってしまうというエラーが起こりました。
本来ならこのように広く表示されます。
しかし以下のように幅が狭くなってしまいました。
他のテーマに切り替えてみましたが同じく幅が狭くなってしまいます。
これはSANGOだけではなくWordpress全体に関わる固定ページのワンカラム表示エラーのようです。
開発者ツールで確認
開発者ツールで確認してみると、style.cssにdefaultより幅が大きくならないというCSSが振られていました。
これを以下のようにwrap以上に大きくならないという記述に修正します。
.one-column #main {
/*max-width: var(--wp--custom--wrap--default-width);*/
max-width: var(--wp--custom--wrap);
width: 100%;
margin: 0 auto;
padding-right: 0;
}
子テーマのCSSに書いてもうまくいきません。カスタマイズの追加CSSに書きましょう。
上記のCSSを親テーマから削除して子テーマのCSSに修正し記述してみたもののうまく動きませんでした。
カスタマイズ機能の追加CSSに記述したところうまく表示されるようになりました！
飯田市でホームページ制作・広告運用をサポート｜デザインスタジオiR
牧内理恵
まきうちりえ
飯田市在住、広告制作歴20年以上。これまで200名以上のクライアント様と向き合い、100件以上のサイト制作を手掛けてきたデザイナー兼エンジニアの牧内理恵です。御社の強みを引き出し、業績アップに繋がるWebサイト・ネットショップ・販促ツールをご提案します。拠点とする長野県内はもちろん、全国各地からのご依頼にも柔軟に対応しております。
「相談してよかった」と言っていただける、飯田下伊那地域のパートナーとして。
長野県飯田市を拠点に、ホームページ制作やECサイト構築、Web運用のトラブル解決を承っています。20年以上のキャリアで培った「伝わるデザイン」と「確かな技術」で、御社の業績アップを支えます。飯田・下伊那エリアはもちろん、全国からのオンライン相談も大歓迎です。
「ホームページを作りたい」「ホームページをリニューアルしたい」といったご依頼もお気軽にお声がけください。
※強引な勧誘は一切ありませんので、安心してお悩みをお聞かせください。
