47．トップページに最新の投稿を一覧表示させる

今回はトップページを改修します。

具体的には、全幅見出し以下を最新記事の一覧に変更します。

 

最初にダッシュボード画面から【外観】→【カスタマイズ】と進みます。

 

【ウィジェット】を選択します。

 

【トップページコンテンツエリア上部】をクリック。

 

まず、「LTG全幅見出し」と「VK PR Blocks」を削除します。
ウィジェットの右端の【△】アイコンをクリックして詳細画面を開いたら、削除をクリックします。

 

「VR PR Blocks」も同様に削除しましたら、【＋ウィジェットを追加】をクリックします。

 

最新の記事を表示させるウィジェットはいくつかありますが、今回は【VK 最新記事】を選択します。

 

ウィジェットが変更されました。詳細でタイトルや表示件数なども変更できます。

 

最後に【公開】をクリックすればサイトに反映されます。
スマホでは下のように表示されます。

 

完成・・・といきたいところでしたが、問題が発生しました。
タイトルの改行コードがそのまま表示されていました。

 

ちゃんと表示できるウィジェットもありましたが、スマホでの見やすさを優先してタイトルの改行をあきらめました。
表示が10件までなので、今表示されているものと今後の記事では改行の替わりに「/」で代用していきます。

修正後です。

 

今まではデザイン優先でメニューアイコンの表示でしたが、よく考えてみるとヘッダーとフッターにもメニューがあり、トップページの情報量として貧相でした。それを最新記事の一覧変更したことで多少はユーザビリティも上がったように思います。

デザイン的にも以外と悪くないですし！

実は今回の変更のきっかけとなったのは、同僚の「見にくい」という一言でした(笑)。自分では見にくいという印象はなかったので、その一言がなければ今回の変更はなかったでしょう。自分以外の身近な人に見てもらうというのが大切だと実感できた出来事でした。