2019/06/07SHAREツイートシェアはてブLINEPocketカスタム投稿タイプを作る機会があったので備忘録としてカスタム投稿タイプの記事一覧をサムネイル付きで表示する方法をご紹介します。下記の「WordPressで全てのカテゴリーの全記事を一覧表示させるページを作る」記事を参考にさせていただきました。SANGOのトップページにカスタム投稿タイプの記事一覧を表示するカスタム投稿タイプとは?カスタム投稿タイプとは、同じWordPress内にあるミニブログのようなものです。(page)の他に追加して自分で新しい投稿タイプ作ることができます。UI」を使うと簡単に追加できます。UI」をインストールし有効化します。UI」という項目ができているので、そこから「投稿タイプの追加と編集」から新規の投稿タイプを作成します。一度パーマリンク設定で保存をクリックカスタム投稿タイプを作成した後は「設定」→「パーマリンク設定」で一度保存をクリックしてください。これをしないとカスタム投稿のページが404になることがあります。カスタム投稿タイプで404になったらパーマリンク設定の「保存」ボタンだ追記:編集するテーマファイルについて注意post-grid.phpを編集すると、アーカイブページにもカスタム投稿タイプの記事一覧が出てしまうので、トップページだけに表示したい場合はindex.phpへ同様の編集をして下さい。SANGOのトップページにカスタム投稿タイプの記事一覧を表示するここではこのブログでも使っているWordPressテーマ「SANGO」で記事一覧をカード型、タブ無しで表示した場合のカスタマイズを例に書きます。(カード型でタブを有効化している場合でも表示できます。子テーマへコピーした「parts」フォルダ内の「post-grid.php」を編集します。この時「post-grid.php」内の他のファイルは削除して下さい。STEP.3FTPソフトでアップロードサーバーの子テーマのディレクトリに「parts」フォルダごとアップロードしますSANGOの親テーマフォルダから「parts」フォルダを子テーマへコピーし、その中の「post-grid.php」を編集します。以下のコードを適宜調整の上、post-grid.phpの末尾に追加します。‘custom_blog’のcustom_blogは各自先ほど作ったカスタム投稿タイプの投稿タイプスラッグに変更して下さい。6は表示させたい記事数を入れて下さい。?>この編集した「post-grid.php」を含む子テーマの「parts」フォルダ(「post-grid.php」内の他のファイルは削除して下さい。)をそのままWordPressがあるサーバの子テーマのディレクトリにFTPソフトでアップロードすればOKです。【FileZillaの使い方】WordPressでFTPソフトを使おうトップページの表示はこんな感じになります。今回は「post-grid.php」を編集しましたが、カスタムページテンプレートを作って固定ページでカスタム投稿タイプの全記事アーカイブを作ることもできます。スマートなやり方があるかもしれませんがお役に立ちましたら幸いです。WordPressを始める方向けProfileみにまる@うれしデザインweb制作やデザイン、その他好きなことを書いていきます。当サイトの記事に関するご質問はお問い合せフォームでは受け付けません。Twitterから公開リプライに限りご質問いただけます。(全部に回答できる訳ではありません。)引用について☆引用の範囲内でしたらこのブログの画像・文章・コード転載OKです。引用元をリンク付きでご明記下さい。