PHPで動的に取得した値をCSSに反映させたい時、そんな時は、PHPファイルにCSSを記述することで、CSSにPHP変数の値を埋め込んで動的に組み込ませることができます。
【STEP1】CSSをPHPファイルに記述する
まずは適当にPHPファイルを作りましょう。
PHPで変数を定義し、echoでスタイルシートを出力していきます。
変数定義
CSSへの記述
【STEP2】PHPファイルを読み込む
作成したPHPファイルを読み込むことによって、動的にスタイルシートがサイトに組み込まれます。
HTMLファイルから呼び出す
PHPファイルから呼び出す
WordPressで動的スタイルシートを実現するサンプルプログラム
以下は、WordPressで動的なスタイルシートを実現するサンプルプログラムです。
スタイルはhead.phpに記述し、function.phpで読み込んでいます。実際にスタイルシートを作りたい箇所に、head.phpの関数を呼び出す記述を行うことによって、任意の箇所にスタイルを持ってきています。
head.php
function.php
header.php
footer.php
