ワードプレスで自作テーマ作成-L30 トップページの記事の表示方法変更-

2022年3月23日

ワードプレスで自作テーマ作成シリーズ
今回は「L30 トップページの記事の表示方法変更」をします。

現状トップページの記事は以下画像の様に2列に並んで表示されています。

それを以下画像の様に1列で縦長に表示していきたいと思います。

トップページのレイアウト変更

①「index.php」の変更

「index.php」ですが現状以下の記述になっています。

それを以下の記述に変更します。

「functions.php」へ以下の記述を追記します。場所は一番下でOKです。

「style.css」に以下の記載があります。

それを以下の記載に書き換えます。

トップページのレイアウト変更

トップページの記事の表示方法が上記画像のように変更されました。