LIONBLOGの記事一覧の画像を小さくする方法

LIONBLOGの記事一覧の画像を小さくする方法

LIONBLOGのテーマを使っていて、トップページやカテゴリページの記事が並ぶ部分で

「なんか画像でかっ・・・画像だけで画面がいっぱいやなぁ(;´・ω・)」

と思ったことはないですか?

このサイトのトップページをパソコンとスマホで見ると・・・

◆BEFORE(パソコン)◆

◆BEFORE(スマホ)◆

どちらも1個目の記事の画像が画面の殆どを占めています。

そんな時に記事一覧のレイアウトを画像が小さいものに変更する方法をご紹介します。

変更後はこんな感じになります!

◆AFTER(パソコン)◆

◆AFTER(スマホ)◆

記事一覧のレイアウトを変更する

  1. WordPressのメニューから【外観】→【カスタマイズ】の順にクリックします。
  2. カスタマイズ画面の左のメニューから【基本設定[LION用]】をクリックします。
  3. 表示された設定項目の「記事ビューレイアウト設定」を「ワイド(default)」から「画像レフト」に変更します。
  4. 最後に上部の【公開】をクリックして完了です。

WordPress構築にはエックスサーバーがおすすめ!

このサイトもエックスサーバーで構築しています!月額990円(税込)から、大容量300GBからの高コストパフォーマンス!!

今なら18周年記念キャンペーン実施中!9/30まで