この問題から抜け出す方法を Google で検索するのに本当に苦労しています。カスタム投稿タイプを設定し、それらのカスタム タイプをインデックス ページに含めることができました。しかし今、これらのエントリを通常の投稿とは異なるスタイルにする方法が本当に必要です。誰も私がこれを行う方法を知っていますか? カスタムタイプは通常の投稿とは動作/外観が異なるため、スタイリングだけでなく、特定のコードの置換/追加/削除も含まれます。
どんな助けでも大歓迎です!
この問題から抜け出す方法を Google で検索するのに本当に苦労しています。カスタム投稿タイプを設定し、それらのカスタム タイプをインデックス ページに含めることができました。しかし今、これらのエントリを通常の投稿とは異なるスタイルにする方法が本当に必要です。誰も私がこれを行う方法を知っていますか? カスタムタイプは通常の投稿とは動作/外観が異なるため、スタイリングだけでなく、特定のコードの置換/追加/削除も含まれます。
どんな助けでも大歓迎です!
CSSに関しては、ループ内で、投稿を含む要素を定義するときに、次のようなことを試してください
<article class="<?php echo $post->post_type; ?>" ...>
これにより、CSS ファイル内でフックできるクラスが提供されます。
同様の結果を得るために、 WordPress の組み込みpost_class
関数を使用することもできます。
<article <?php post_class($post->post_type); ?>>
これにより、残りのデフォルトの投稿クラスに投稿タイプが追加されるため、これらの要素のスタイルを変更することができます。
異なる投稿タイプの異なるコードについては、上記の回答の 1 つで、投稿タイプに基づく if ステートメントを使用して言及しました。
if ('my_post_type' == $post->post_type)
{
// Code Here
}
これがお役に立てば幸いです。
ループ内でこのコードを使用できます。
if ( 'custom_post_type' == get_post_type() ){
//do whatever
}
または、いくつかの投稿タイプを確認する必要がある場合は、次のようなスイッチを使用できます。
switch ( get_post_type() ) {
case 'post':
//do whatever;
break;
case 'custom_post_type_1':
//do whatever;
break;
case 'custom_post_type_2':
//do whatever;
break;
}