css - Genesis Framework で Less CSS を適用する方法

Question

Bones Child Themeを使用してGenesis Frameworkに適用されたLess CSSスタイルを経験した人はいますか? どうすれば始められますか？

お知らせ下さい！

Answer 1

一般的なWordPressテーマ。最初にwp_dequeue_style関数でテーマ スタイルシートを削除します。これらのファイルを削除しないでください (ほとんどのテーマでは、これは style.css とおそらく他のテーマのスタイルシートになります) これらのファイルは削除しません。Genesis Framework は、アクションを使用してスタイルシートをエンキューおよびデキューすることに注意してください。それらを削除するにはremove_action( 'genesis_meta', 'genesis_load_stylesheet' );(ソース: http://www.chriswiegman.com/2013/06/remove-the-default-style-css-in-wordpress-with-genesis/ )

以下に示すようなものを含むべき index.less ファイルを作成するよりも：

@import (less) "style.css"; // correct path to you original /wp_content/themes/{your_theme}/style.css
@import (less) "otherthemefile.css" // correct path to you original /wp_content/themes/{your_theme}/otherthemefile.css
/* custom less code here */

index.less最後に、ファイルを次のようにコンパイルしますmain.css。main.cssをテーマのディレクトリにアップロードし、wp_enqueue_styleを使用してテーマにロードします。