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

 

 

おすすめの記事