CSSファイル

Bluditは、開発者がより少ないコードで書けるようにヘルパーを提供しています。

このチュートリアルでは以下の名前を使用します:

テーマの名前 box
サイトURL https://www.example.com
テーマパス /bl-themes/box/
CSSファイルパス /bl-themes/box/style.css

それでは、style.cssというCSSファイルを追加しましょう。このファイルは、/bl-themes/box/style.cssにあります。Theme::ヘルパーを使用する場合は、絶対パスを気にする必要はありません。

<?php
    echo Theme::css('style.css');
?>

HTML出力

<link rel="stylesheet" type="text/css" href="https://www.example.com/bl-themes/box/style.css">

設定例

次のHTMLとPHPのスニペットは、テーマに2つのCSSファイルを含める方法の例です。

<!DOCTYPE html>
<html>
    <head>
        <title>Hello</title>

        <?php
            echo Theme::css('style.css');
            echo Theme::css('buttons.css');
        ?>
    </head>
<body>

<h1>これは見出しです</h1>
<p>これは段落です。</p>

</body>
</html>

Collaborate with us and edit this page