Wordpress 테마에 대한 SASS 변수를 구성하기 위해 Zurb Foundation & Compass를 올바르게 통합하는 방법은 무엇입니까?

Question

나는 웹 사이트에 사용자 정의 빌드를 만들고 내 테마에 필요한 파일을 포함하여 Wordpress 테마를 개발하기 위해 재단을 사용 해왔다.

테마 구조 (간체)는 이렇게이다 :

/* Background color for the top bar */ 
$topbar-bg: #111; 

을 그리고 필요한 구성 요소를 포함하는 것을 시도했다 :

Theme Root 
|-- 404.php 
|-- _ 
| |-- inc 
| | |-- css 
| | | | 
| | | `-- foundation.min.css 
| | |-- images 
| `-- js 
|  |-- foundation.min.js 
|  `-- modernizr.js 
|-- theme.css 
|-- theme.scss 

내 문제는 내가 SCSS 변수, 예를 사용자 정의하고자하는 것입니다 :

@import "foundation/components/topbar"; 
$include-html-top-bar-classes: $include-html-classes; 

분명히 나침반 프로젝트 나 appr이 없으므로 클래스를 찾지 못하고 있습니다. 토의되지 않는 SCSS 파일을 가져 오거나 포함하려면 여기가 제 질문이 오는 곳입니다.

기초 보석을 설치했으며 새 컴퍼스 프로젝트를 만들 수 있지만 물건을 구성하는 방법은 궁금합니다. 설정/내 Wordpress 테마를 Compass 프로젝트로 업데이트하여 _settings.scss에 변수를 설정할 수 있습니까?

표준 Wordpress 테마 구조를 유지하면서 필요한 SCSS 변수를 사용자 정의 할 수 있도록 '기초'방법을 Wordpress 테마에 통합하는 방법에 대해 혼란 스럽습니다.

Answer 1

찾고있는 통합 수준에 따라 테마 템플릿 디렉토리에서 기초 프로젝트를 만들어야합니다. 나는 재단 4, SCSS & SMACSS 대부분과 여기에 사용 빠른 CL 내가 이것을 가지고 니펫을 : 테마가 이미 존재하는 경우 당신이 TEMPLATENAME을 만들 것이라고 말했다

이제

compass create templatename -r zurb-foundation --using foundation; cd templatename/sass; mkdir {functions,layouts,mixins,modules,vendor}; open ../; 

. 이미 폴더에 있음을 의미합니다. Foundation 5를 수행하는 좋은 CL 방법이 아직 없습니다. 왜냐하면 대부분의 프로젝트가 IE 호환성에 의존하기 때문입니다. 다행스럽게도 올바른 방향으로 나아갈 수 있지만 나침반을 사용하면 & 시계를 사용하여 여러 가지 사항을 컴파일하고 가져올 수 있습니다. 당신은 나의 재단에서 떨어져 생각과 나침반 + 워드 프레스에 초점의 문구를 수정하여, http://smacss.com