![](https://cxg-design.jp/wp-content/uploads/2024/04/wpbanner02.png)
WP SINGLE CSS
WP
シングルページのコンテンツ内のみ適用されるCSSスタイルを実装します。
カスタムポストタイプも適用されます。
/**
* 投稿ページにのみCSSをインラインで追加
*/
function custom_inline_style() {
if( is_single() ) {
// CSSスタイルファイルをキューに追加
wp_register_style( 'style' , false );
wp_enqueue_style( 'style' );
//追加するCSS
$css = "
#pg-newsDetail .news .news-text .wp-block-image{
padding-bottom:30px;
}
#pg-newsDetail .news .news-text .wp-block-gallery .wp-block-image{
padding-bottom:0px;
}
";
// インラインにCSSの内容を出力
wp_add_inline_style( 'style', $css );
}
}
add_action( 'wp_enqueue_scripts', 'custom_inline_style' );