テーマカスタマイザーの追加CSSの値の取得・出力方法。Fantastech(ファンタステック)Fantastech!!WordPressGoogleアドセンスSEO対策サイトマップお仕事のご依頼テーマカスタマイザーの追加CSSの値の取得・出力方法。シェフWordPress4.7でテーマカスタマイザーに追加された「追加CSS」。これまで子テーマで対応していたCSSの追加を管理画面から簡単にできるようになり、劇的に便利になりました。この追加CSS、通常はwp_head関数で出力されるのですが、中には、wp_head関数を使わずに値を取得・出力したい場合もあると思います。「wp_head関数を使っていないAMPページでのみ、値を取得・出力したい」なんて場合ですね。そこで今回は、追加CSSの値を簡単に出力・出力する方法をご紹介します。追加CSSの値を取得するのはとっても簡単。下記の関数を使うだけです。wp_get_custom_css()「ここに独自のCSSを追加することができます〜」というコメントと一緒に、入力したCSSがこの中に保存されています。上記の関数は、入力された値しか取得できないので、出力しなければいけません。AMPページで読み込む場合は下記のようなコードになります。?>また、AMPページは制約が多いので、正規表現でAMP仕様のCSSに変えるのも良いでしょう。こちらがそのコードです。strip_tags($styles).'</style>';}?>普通のページで読み込む場合ちなみに、普通のページで読み込む場合は、専用の関数があるので、それを使った方が楽です。wp_custom_css_cb()styleタグで囲まれたCSSが出力されます。今回の関数は、wp-includesフォルダのtheme.phpの中で定義されています。́)ゞカテゴリー:カスタマイズシェフこのサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。上に表示された文字を入力してください。WordPress4.8でウィジェットの表示が崩れる原因と対処法。AMPページに「抜粋」と「続きを読む」ボタンの表示する方法。「ページを開けません。Jobsの導入方法や注意点などカスタムデータ属性でCSSフレームワークを作ろうきたぞ、国内初の流体シェイプ国内初となる流体シェイプをデザインに取り入れたWordPressテーマ「4536」を公開しました。