WordPressのテンプレートで評価が高い「Diver」の記事一覧表示レイアウトを「リスト」から「グリッド」に変更する方法を記載しました。ちなみに、ヤスオログも「Diver」のテンプレートを採用しており、カスタマイズもカンタンにできるため複数のサイトで導入しています。

グリッドレイアウトとは?

今回はブログトップページの記事一覧のレイアウトの変更を行います。

 

Diverテンプレートでは、PC用の記事一覧レイアウトが「リスト表示」「グリッド表示」「ミニリスト表示」の3種類用意されています。

 

それぞれ下記の通りです。

 

リスト表示

 

 

グリッド表示

 

 

ミニリスト表示

 

 

 

 

グリッドレイアウトの設定方法

今回は「グリッドレイアウト」に変更します。

WordPress管理画面にログインし、画面左側にある「外観 >カスタマイズ」をクリックします。

 

 

画面左側のメニューにある「レイアウト設定」をクリックします。

 

 

 

「記事一覧レイアウト設定 >グリッド表示」をクリックするとグリッドレイアウトに変化します。

 

 

 

設定作業完了後、画面上部にある「公開」ボタンをクリックします。

 

 

 

最後にサイトを表示し、記事一覧がグリッド表示を確認できれば、以上で作業は終了です。お疲れさまでした!

Twitterでフォローしよう

おすすめの記事