日: 2025年9月23日

　WordPressを使い始めてかれこれ6年。最初からテーマに『Winter Solstice – Twenty Seventeen』を使っているが、一つだけ不満があった。それは、画面の左半分がコンテンツで右半分がメニューという意図が良くわからない画面構成。いつか修正しようと思っていたが、CSSは良く分からず。で、今日検索してみたところ、同じような思いを持っている人もいるようで、これを追加CSSに貼れば良いというコードを公開されていた。で、さっそく貼ってみたところ、画面が1200pixに広がり、コンテンツとメニュウーの比率も1対1から2対1に修正された。これで、写真も広く表示される。

ちなみに追加したコードはこれ。ただメインの割合を60.0%から65.0%に修正してある。参照元記事

/* TwentySeventtenの最大幅を1200pxに変更 */
@media screen and (min-width: 79em) {
.wrap {
max-width: 1200px;
padding-left: 5em;
padding-right: 5em;
}
.has-sidebar:not(.error404) #primary {
width: 65.0%;
}
.has-sidebar #secondary {
width: 31.3%;
}
.navigation-top .wrap {
max-width: 1120px;
}
.site-footer .wrap {
padding-left: 10em;
padding-right: 8em;
}
}