wp_get_custom_css()


WordPressのwp_get_custom_css()関数は、カスタマイザーで設定されたカスタムCSSを取得するために使用されます。この関数は、テーマやプラグインでカスタムCSSを適用する際に便利です。

構文

wp_get_custom_css( $stylesheet = 'custom-css' );
  • $stylesheet (string) — カスタムCSSが関連付けられているスタイルシートのスラッグ。デフォルトは’custom-css’です。

例1: カスタムCSSの取得

カスタマイザーで設定されたカスタムCSSを取得し、表示します。

<?php echo wp_get_custom_css(); ?>

例2: 特定のスタイルシートのカスタムCSSを取得

特定のスタイルシートに関連付けられたカスタムCSSを取得します。

<?php echo wp_get_custom_css('my-theme'); ?>

例3: カスタムCSSをインラインスタイルとして追加

カスタムCSSをインラインスタイルとしてHTMLに追加します。

<?php echo '<style>' . wp_get_custom_css() . '</style>'; ?>

例4: カスタムCSSをフィルタリングして取得

カスタムCSSを取得する前にフィルタリングを適用します。

<?php echo apply_filters('custom_css_output', wp_get_custom_css()); ?>

例5: カスタムCSSをファイルに保存

カスタムCSSを取得し、ファイルに保存します。

<?php file_put_contents('custom-styles.css', wp_get_custom_css()); ?>

例6: カスタムCSSを条件付きで適用

特定の条件に基づいてカスタムCSSを適用します。

<?php if ( is_front_page() ) { echo '<style>' . wp_get_custom_css() . '</style>'; } ?>

例7: カスタムCSSをショートコードで表示

ショートコードを使用してカスタムCSSを表示します。

function custom_css_shortcode() { return wp_get_custom_css(); } add_shortcode('custom_css', 'custom_css_shortcode');

例8: カスタムCSSをJavaScriptで動的に適用

JavaScriptを使用してカスタムCSSを動的に適用します。

<?php echo '<script>document.head.innerHTML += \'<style>' . esc_js(wp_get_custom_css()) . '</style>\';</script>'; ?>

注意点

  • カスタムCSSはカスタマイザーで設定されている必要があります。
  • カスタムCSSが存在しない場合、関数は空の文字列を返します。
  • カスタムCSSを直接編集する場合は、バックアップを取ることを推奨します。

関連機能：