ブログ

【ブログ】簡単!ページ左右の余白を少なくする【Affinger6】

2022年4月5日

ブログをはじめて1ヶ月くらいが経ちました。

少しずつ愛着がわいてきて、細かい調整をしたい欲がモリモリ高まっています🔥

いとう
ずっとページ左右の余白が大きすぎると気になっていました。

今回は、この余白を小さくする方法をご紹介します!

 

 

完成イメージ

デフォルトと比較して、

薄い背景色の分だけ記事欄を大きくすることができています。

いとう
記事欄を広々使えるようになり、とても満足しています💯

 

 

やりかた

デフォルトの画面はこんな感じです👇

 

この左右の余白、実はとても簡単に幅を調整できるんです!

WordPressの管理画面を開き、[Affinger管理] > [Affinger管理]と進んでください。

 

次に、サイドリンクバーの[全体設定]をクリックします。

さらに表示されたページの[サイト全体のレイアウト]を押すと、

画面が自動で下にスクロールされます。

いとう
あと少しです!!

 

スクロール先の[PC閲覧時のサイトの幅]に、任意の値を入力してください。

デフォルトが1000pxなので、それ以上にすると、サイトの余白が小さくなります。

いとう
僕のサイトでは、1200pxで設定しています💡

これで作業は完了です!

変更を保存するため、[Save]を押すこともお忘れなく!!

 

おわりに

Affinger6はかゆいところに手が届く機能が多く、とても使いやすいです。

しかし、色々できるゆえに、どこでその変更ができるのか忘れちゃうことも多いですよね。

いとう
この記事がみなさんの備忘録になればとても嬉しいです!

-ブログ