トップページの記事一覧項目順 表示方法変更 (Cocoon) | OFFのパソコン日記

トップページの記事一覧項目順 表示方法変更 (Cocoon)

ある団体のホームページ(cocoon wordpress)を運営しています。

これまで、「entry-card.php」ファイルのコードを変更して、下記表示にしていました。

  • トップページの新着記事に「NEW」マーク
  • トップページの記事一覧項目順変更
     (デフォルトの①サムネイル、②タイトル、④日付(投稿・更新)の順を①サムネイル、②日付(投稿・更新)、③タイトル順に変更)

この度、「NEW」マークの表示方法を変更したため「entry-card.php」の変更は止めることにしました。

替わりとして、
トップページの記事一覧表示項目順は、cssの変更で対応しました。

/* ①サムネイル、②日付(投稿・更新)、③タイトル 順 */

.entry-card-content {

display: flex;

flex-direction: column;

}
.entry-card-title {

order: 3; /* タイトル項目を③番目に表示 */

}