web-dev-qa-db-ja.com

ワードプレスのテーマでscssを使用する方法?

Scssを使う最も簡単な方法は何ですか?

私はWP - SCSのプラグインを試してみましたが、それは私のために動作しないようです:

私のテーマでは:root:css - > style.css scss - > style.scss

scssとcssの場所の設定は '/ scss /'と '/ css /'です。

style.scss $ピンク:#7e40e4。

style.css .bg {background:$ pink}

動作しません、何が足りないのですか?

ありがとう

2
Meschiany

WordPress core自体はSCSSをサポートしていませんが、現在はコア開発で使用されています。

このようなサポートを透過的に追加するための「プラグイン」タイプのソリューションの問題は、それらがプリプロセッサの「ポート」に依存していることです。 SCSSはPHPのためにネイティブに開発されたものではなく、そのような環境でそれを実行することはサードパーティの再実装でのみ可能です。 portsの大部分は動作しますが、私の経験からすると、それらは問題に悩まされており、定期的にバージョンの更新が遅れています。

より実用的な方法は、開発中にSCSSをコンパイルし(ネイティブエンジンとそれを便利に拡張するツールを使用して)、ビルド結果を通常のCSSとして使用することです。

1
Rarst

私はあなたが WP Bonesテーマ のスタートアップテーマから始めることを勧めます。それは実際に私が初めてscssに入った方法です。それはあなたがscssについて理解する必要があるすべてを説明して、そしてWordpressのために良いファイルシステムとscss設定であなたを直接セットアップする。

また、 Codekit のようなソフトウェアを使用して、scssファイルの構成およびコンパイルのタスクを処理する方が快適な場合もあります。 無料の選択肢 があります(ただし、Codekitは小さな投資に値すると思います)。

0
pixeline