LOGBLOG/CONTACT2019.06.08WordPressWordPressで新着記事を表示する際によく使うループWordPressを使用しているとトップページに新着情報を表示することが多いので、よく使うパターンをメモがてら記載。目指すレイアウトスマホの時は縦並びに。汎用性の高い作りにしておくと他の案件でも使いやすいですね。front-page.phpなどに以下の記述でループを準備します。?>この場合、ループで回す内容はメンテナンス性を考慮してテンプレートを呼び出す仕様にしています。今回はtemplate-partsというフォルダを作り、その中にcontent-page.phpというファイルを用意します。--></a></article>簡単に解説すると11~15行目はアイキャッチ画像があれば表示。なければ記事内の最初の画像を表示。それもなければ用意したno-imageの画像を表示させます。詳しくはこちらのページで詳細を説明しています。WordPressでアイキャッチがあれば表示し、なければ記事内の画像、それもなければダミー画像を表示する16~22行目でカテゴリーを取得して表示させます。CSSを準備scssで記述してますが、必要に応じて書き換えてください。他でも使い回せるようにレイアウトと各ボックスのCSSは分離させてます。}}コピペでもある程度使えるようにしてますが、必要な箇所はご自由に書き換えていただければと思います。誤って呼び出されました。』の対策CONTACTご意見やご感想、お仕事のご依頼などお気軽にご連絡ください。