web-dev-qa-db-ja.com

PHP HTMLコードではなくコードを使用してCSSファイルをインポート/インクルードする方法は？

私はたくさんグーグルで検索しましたが、何か間違ったことをしているようです。

私はこれをしたい：

<?php
include 'header.php';
include'CSS/main.css';
...
?>

ただし、私のページはCSSコードを印刷します。

注：CSSファイルを含めるためにPHPを使用し、CSSファイルの名前をPHP言及されたウェブサイト。

手がかりはありますか？

どうもありがとう。

phphtmlcssimport
27
Shailen TJ

<style>タグでCSSを囲む必要があります。

<?php include 'header.php'; ?>
<style>
<?php include 'CSS/main.css'; ?>
</style>
...

PHP includeも.cssで終了します。このように、CSSファイルでPHPを使用することもできます。これは、色を変数として整理するのに非常に役立ちます。

58
flori

CSSコードをテキストとしてPHPページに含めています。なぜ従来の方法でリンクしないのですか？

<link rel="stylesheet" href="CSS/main.css" type="text/css">
39
Flash

使用できます：

<?php
$css = file_get_contents('CSS/main.css');
echo $css;
?>

cssファイルにまだない場合は、上記を次のようにラップします。

<style type="text/css">
...
</style>
8
ldg

「include」を使用してCSSを含めるには、CSSコードを使用しているPHPを伝える必要があります。これをCSSファイルのヘッダーに追加し、main.php（またはstyles.css 、または何でも）：

header("Content-type: text/css; charset: UTF-8");

このmightは一部のユーザーの接続に役立ちますが、理論的には（読みます：テストしていません）サーバーにプロセッサーオーバーヘッドが追加され、Steve Souder氏によると、コンピューターは複数のファイルを一度にダウンロードできるため、includeの使用は遅くなる可能性があります。 CSSを1ダースのファイルに分割している場合、おそらくより高速になりますか？

Steveのブログ投稿： http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ 出典： http://css-tricks.com/css-variables-with-php /

7
dantiston
<?php
  define('CSSPATH', 'template/css/'); //define css path
  $cssItem = 'style.css'; //css item to display
?>    
<html>
<head>
 <title>Including css</title>
  <link rel="stylesheet" href="<?php echo (CSSPATH . "$cssItem"); ?>" type="text/css">
</head>
<body>
...
...
</body>
</html>

あなたのCSSアイテムIS含まれています

4
Stefan

これは古い投稿ですが、今日でも情報が関連しているため、追加のオプションが他の人に役立つ可能性があります。

  • Stefan's answerごとにファイルパスの定数を定義します。定義は、PHPページ自体の上部、またはconfig.phpなどの組み込み/必要な外部ファイル内に配置できます。（ http://php.net/ manual/en/function.include.php ）

  • PHPタグで定数をエコーし​​、ファイル名を直後に追加します。それだけです！
    JavaScriptなどの他のリンクファイルでも動作します。

<?php
define('CSS_PATH', 'template/css/'); //define CSS path 
define('JS_PATH', 'template/js/'); //define JavaScript path 
?>
<!-- Doctype should be declared, even in PHP file -->
<!DOCTYPE html> 
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>main.css">
<script type="text/javascript" src="<?php echo JS_PATH; ?>main.js"></script>
</head>
<body>
</body>
</html>
3
1keown

そのようなCSSファイルをインポートする場合は、ファイル自体に.php拡張子を付けてインポートします。それはうまく動作します:)

2
Vincent Koeman

次のこともできます。

  1. Includeフォルダーにphpファイルを作成し、たとえばbootstrap_css.phpという名前を付けます

  2. cssコードファイルを上記で作成したファイルに貼り付けます

     <?php 
  $minCss=' <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">';

 $business = '<link href="bootstrap/css/modern-business.css" rel="stylesheet">';

  echo $minCss;
  echo $business;
?>

  3. htmlヘッダーに、次のようにcssファイルを含めます

     <?php include_once 'includes/bootstrap_css.php'; ?>
1
Mwiza

最善の方法は次のとおりです。

ステップ1：main.cssの名前をmain.phpに変更します

ステップ2：main.phpに追加します

<style> ... </style>

ステップ3：通常どおりに含める

<?php include 'main.php'; ?>

それは私がそれをやった方法であり、それはスムーズに動作します..

0
BASSEL

あなたはこれを行うことができます

<?php include("Includes/styles.inc"); ?>

そして、このincludeファイルに、cssファイルへのリンクがあります。

0
Jason Gennaro

置くだけ

echo "<link rel='stylesheet' type='text/css' href='CSS/main.css'>";

pHPコード内に、スタイルが含まれます。 100％動作し、試しました。

0
mohan krishna

なぜこれが必要なのかわかりませんが、これを行うには、cssファイルを編集できます。

<style type="text/css">
body{
...;
...;
}
</style>

ここに追加して、main.phpとして保存しました。 main.cssを続行できますが、編集を行った後はcssファイルのままにならないため、.phpの方が優れています

次に、このようにHTMLファイルを編集します。 注：タグ内にincludeステートメントを作成します

<html>
<head>
 <title>Sample</title>
 <?php inculde('css/main.css');>
</head>
<body>
...
...
</body>
</html>
0
Rohan Verma

すべてのcss命令をphpエコーで包み、それをphpファイルとして保存して（もちろん、phpタグでファイルを開始および終了する）、phpファイルを含めることで、同様の問題を解決しました。これはリダイレクト（ヘッダー（ "somefilename.php"））に従うため必要であり、リダイレクトの前にHTMLコードは許可されません。

0
L.Box