2015-01-27 3 views
0

나는 동일한 질문을 봤지만 완벽한 대답을 찾을 수 없었다. 아무도 워드 프레스 테마 개발에서 CSS를 사용하지 않는 방법을 분명히 할 수 있을까? 나는 온라인 스크립트에 의존하고 싶지 않다. 워드 프레스 테마 개발에 덜 CSS를 사용하는 방법?

는 이미

+0

코드를 LESS 또는 SASS에두고 CSS 사본을 WP로 직접 컴파일했습니다. : D – Mardzis

+0

웹 브라우저에서 CSS를 읽습니다. SASS 또는 LESS를 읽을 수 없습니다. 당신은 어쨌든 그것을 CSS로 컴파일해야합니다. 그래서 lessess를 style.css에 맞춰라. –

답변

1

귀하의 질문은 매우 광범위 .. https://github.com/sanchothefat/wp-less하지만 행운을 시도? 너무 광범위하게 생각합니다.

개발 프로세스는 어떻게 보이나요? Less 코드를 어떻게 컴파일하고 싶습니까?

적은 코드는 정적 CSS로 컴파일해야합니다. 물론 in browser version도 사용할 수 있지만 브라우저 내장 컴파일은 제작에 적합하지 않습니다.

기본적으로 Less Less CSS를 먼저 컴파일해야합니다. styles.css에 styles.less를 컴파일하고 해당 파일을 wp-content/themes/yourthemes 폴더에 업로드 할 수 있습니다. styles.css 대신 다른 파일을 사용하고 wp_enqueue_style 기능과 함께 테마에 통합 할 수 있습니다.

WordPress 대시 보드를 통해 Less 코드를 사용하려는 경우 WP Less to CSS 플러그인을 설치할 수 있습니다. 이 플러그인은 위에 설명 된 것처럼 Less 코드를 정적 CSS 파일로 컴파일합니다.

JBST 테마는 위의 Less Less 플러그인을 사용합니다. 또한 Less, npm 및 grunt를 사용하여 빌드하는 Roots.io 테마를 살펴볼 수도 있습니다.

0

Grunt.js를 사용하여 파일을 로컬로 컴파일하거나 CodeKit을 컴파일 할 수 있습니다. 또한 다음과 같은 일부 워드 프레스 플러그인을 사용할 수 있습니다. https://wordpress.org/plugins/wp-less/

잘 작동하기 전에 해당 플러그인을 사용했습니다.

관련 문제