WordPressテーマ「LION MEDIA」のトップページを1カラム(3列表示)に変更するカスタマイズ

現在のメインブログで使用しているテーマ「LION MEDIA」のトップページを1カラムに変更したいと思いちょっと変更してみることにしました。

まずは完成イメージはこちら。

サイドバーを取っ払って、記事の一覧は2列だったのを3列に変更するのが最終形です。ではまずは最初にこちらの設定変更から。

 

まずはここで1カラムに変更

1.「レイアウト設定」のアーカイブの部分を”1カラム”を選択
2.投稿や固定はそのまま2カラムにするつもりなので設定は変更せず
3.「1カラム時のメインカラムの横幅を選択」で”100%”を選択し保存します。

 

CSSに下記を追加

1カラムにすると記事の一覧が2列ではなんとなくバランスも悪いので3列になるようにCSSで調整しました。

サイドバーを無くすだけで意外にスッキリするもんですね。ただPCで表示した時だけなので、スマホではほとんど関係ありませんが。

それからアーカイブを変更したので、トップページだけでなく検索結果、カテゴリー、年月などの結果も当然1カラム3列表示になります。

 


スポンサーリンク


スポンサーリンク