質問: ### 前提・実現したいこと WordPressのカスタム投稿タイプをトップページに表示する時に、テーマの装飾をどうしたら引き継げるのかわからず質問させて頂きます。 -使用プラグイン- Custom Post Type UI Advanced Custom Fields -表示したい場所- home.php -作成したファイル- archive_books.php single_books.php -使用テーマ- Luxeritas カスタム投稿タイプをCPT UIで作成、カスタムフィールドをACFで作成して、書籍専用投稿タイプを作りました。 home.phpで投稿一覧の下に、書籍紹介用に同じスタイルで投稿が表示されるようにするには何が必要でしょうか。 だいそれたものではなく、単純にカテゴリ(カスタム投稿タイプ)毎に同じスタイルで投稿していきたいです。 ### 発生している問題・エラーメッセージ ワードプレスのhome.phpに表示するところまでは作成できましたが、スタイルが全く適用されません。調べましたが解決せず困っています。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/74850c7b5dadd8a3c1987d9844827635.png) ### 該当のソースコード 以下、子テーマにhome.phpをコピーして記述を追加したコードです。 ``` get_header(); ?> > ``` ### 試したこと `カスタム投稿タイプ 表示``カスタム投稿タイプ CSS`などで検索して出てきたコードをいくつかトライしてみましたが、スタイルは引き継げず、そこでストップしています。 ### 補足情報(FW/ツールのバージョンなど) ワードプレスはブログ更新する程度では普通に使えるレベル、phpやcssは勉強しながらコピーして使っているレベルです。 よろしくお願いいたします。
回答: 実際に Web ブラウザに表示されている HTML や CSS が不明なので、一般的な推測で... まず、投稿は、 > > if( isset( $luxe['grid_type'] ) && isset( $luxe['list_view'] ) && $luxe['list_view'] !== 'content' ) { > > get_template_part( 'loop-grid' ); > > } > > else { > > get_template_part( 'loop' ); > > } > > > のような方法で、別のテンプレートファイルを読み込んで出力しているのに対し、カスタム投稿タイプは、 > > > > "> > > > と出力しているので、出力されている HTML の内容が異なると思われます。( get_template_part で読み込んでいるテンプレートの中身が不明なので、具体的な指摘はしません。 ) また、投稿は、 > > 〜 > > > で囲われていますが、カスタム投稿タイプは、 で囲われていませんので、同じスタイルを反映させるためには、投稿の タグの中に入れるか別途 タグで囲う必要があるかもしれません。(CSSの内容が不明なので、CSSを確認して調節してください)