インラインスタイルを使用せずにプラグインにCSSオプションを追加するにはどうすればよいですか？

最近、ショートコードを使用してjQueryスライダーを任意の投稿またはページに追加するプラグイン、WP Coda Sliderをリリースしました。次のバージョンでオプションページを追加します。CSSオプションをいくつか追加したいのですが、プラグインがスタイルの選択肢をインラインCSSとして追加したくありません。呼び出されたときにCSSファイルに動的に選択肢が追加されるようにします。

また、セキュリティの問題のためにfopenを使用したり、ファイルに書き込んだりすることも避けたいと思います。

このようなことは簡単に実現できますか、それともスタイルの選択をページに直接追加した方が良いでしょうか？

wp_register_styleとwp_enqueue_styleを使用してスタイルシートを追加します。にスタイルシートのリンクを単に追加しないでくださいwp_head。キューイングスタイルを使用すると、必要に応じて他のプラグインまたはテーマでスタイルシートを変更できます。

スタイルシートは.phpファイルにすることができます：

wp_register_style('myStyleSheet', 'my-stylesheet.php');
wp_enqueue_style( 'myStyleSheet');

my-stylesheet.phpは次のようになります。

<?php
// We'll be outputting CSS
header('Content-type: text/css');

include('my-plugin-data.php');    
?>

body {
  background: <?php echo $my_background_variable; ?>;
  font-size: <?php echo $my_font_size; ?>;
}

CSSファイルを動的に構築してからロードすると、特にWPを介して処理される変数がCSSにある場合、CSSファイルを追加する帯域幅が非常に低くなるため、パフォーマンスに大きな負荷がかかります。1ページの読み込みで2つの異なるファイルが作成されるため、WPは2回起動し、すべてのDBクエリを2回実行します。これは非常に面倒です。

スライダーを1ページのみに配置し、スタイルを動的に設定する場合は、ヘッダーにスタイルブロックを追加することをお勧めします。

パフォーマンスの順：

1. 動的に作成されたヘッダーにスタイルの小さなブロックを追加-非常に高速
2. wp_enqueue_style経由で非動的スタイルシートを追加-中
3. wp_enqueue_styleを使用して動的スタイルシートを追加する-非常に遅い

これは私が通常行う方法です：

function build_stylesheet_url() {
    echo '<link rel="stylesheet" href="' . $url . 'stylesheetname.css?build=' . date( "Ymd", strtotime( '-24 days' ) ) . '" type="text/css" media="screen" />';
}

function build_stylesheet_content() {
    if( isset( $_GET['build'] ) && addslashes( $_GET['build'] ) == date( "Ymd", strtotime( '-24 days' ) ) ) {
        header("Content-type: text/css");
        echo "/* Something */";
        define( 'DONOTCACHEPAGE', 1 ); // don't let wp-super-cache cache this page.
        die();
    }
}

add_action( 'init', 'build_stylesheet_content' );
add_action( 'wp_head', 'build_stylesheet_url' );

私はこの同類のすべての推奨事項に苦労しました-多分私は少し太っているかもしれないし、あるいは貢献者が共通の感触を失ったかもしれません。

プラグインphpファイルでこれをコーディングすることに決めました：

echo "<link href='http://www.brittany-gite-holidays.co.uk/wp-content/plugins/flexavailability/css/css.css' type='text/css' rel='stylesheet' />";
echo "<link href='http://www.brittany-gite-holidays.co.uk/wp-content/plugins/flexavailability/css/public.css' rel='stylesheet' type='text/css'/>";

うまくいくようです。プラグインを使用するページでのみロードされます。h1タグの後にロードしますが、これは私には問題ありません。私はそれがより効率的であるか、より明確であることができるかわかりません。

....しかし、おそらく私は間違っています-私は少し太かったと言いました。

Wordpress 3.3以降の更新

テーマ/プラグインオプションに基づいてスタイルを動的に追加するために使用できるwp_add_inline_styleという関数があります。これを使用して、高速で効率的な小さなcssファイルをヘッドに追加できます。

<?php
function myprefix_scripts() {

    wp_enqueue_style('name-of-style-css', plugin_dir_path(__FILE__) . '/css/ccsfilename.css');

    $css = get_option( 'loader_css', 'default css goes here for when there is no value' );

    //or for Example
    $color = get_option( 'custom_plugin_color', 'red' ); //red is default value if value is not set
    $css = ".mycolor{
                background: {$color};
           }";

    wp_add_inline_style('name-of-style-css', $css);

}

add_action( 'wp_enqueue_scripts', 'myprefix_scripts' );