WordPressの無料テーマ「Twenty Seventeen」の記事一覧ページは、全ての記事をそのままつらつらと並べただけでとにかく見にくいです。「moreタグ」を使って多少はすっきりとできますが、それでもぱっと見どのような記事があるのか分かりにくく、サイトに訪問してくれた方に対して優しいものではありません。 そこで、各記事の情報をコンパクトにまとめて表示し、それをタイル状に敷き詰めることで見やすく、そしてスタイリッシュな記事一覧ページにカスタマイズしたいと思います。 《 目 次 》 今回変更するPHP PHPを子テーマにコピー index.phpとarchive.phpの変更 style.cssへ追記 Masonryの導入とheader.phpの変更 今回変更するPHP 今回手を加えるPHPは「archive」「header」「index」「content」と少し多めです。 ここを見
![記事一覧ページをタイル状に配置する(Twenty Seventeen)-WordPress – 妻と僕。](https://cdn-ak-scissors.b.st-hatena.com/image/square/09361bd86495295c306fd1f4ee455a8e3887230f/height=288;version=1;width=512/http%3A%2F%2Ftsumaboku.com%2Fwp-content%2Fuploads%2Flist-of-articles00.jpg)