나는 동일한 질문을 봤지만 완벽한 대답을 찾을 수 없었다. 아무도 워드 프레스 테마 개발에서 CSS를 사용하지 않는 방법을 분명히 할 수 있을까? 나는 온라인 스크립트에 의존하고 싶지 않다. 워드 프레스 테마 개발에 덜 CSS를 사용하는 방법?
는 이미답변
귀하의 질문은 매우 광범위 .. 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 테마를 살펴볼 수도 있습니다.
Grunt.js를 사용하여 파일을 로컬로 컴파일하거나 CodeKit을 컴파일 할 수 있습니다. 또한 다음과 같은 일부 워드 프레스 플러그인을 사용할 수 있습니다. https://wordpress.org/plugins/wp-less/
잘 작동하기 전에 해당 플러그인을 사용했습니다.
- 1. 워드 프레스 테마 적응하지
- 2. 워드 프레스 테마
- 3. 비디오 공유 워드 프레스 테마
- 4. 는 워드 프레스 테마
- 5. 디코드 워드 프레스 테마
- 6. 워드 프레스 테마 확인란
- 7. 명왕성 테마 워드 프레스
- 8. 워드 프레스 뿌리 테마
- 9. 워드 프레스 테마 디자인하기
- 10. 워드 프레스 테마 동일하지
- 11. 워드 프레스 테마 제안
- 12. 워드 프레스 테마 - 상태와 전체 폭 테마
- 13. 워드 프레스/OptionTree CSS를
- 14. 내가에서 사이트가 워드 프레스 테마
- 15. 워드 프레스 탐색 (자신의 테마)
- 16. 워드 프레스 플러그인/테마 제안
- 17. 워드 프레스 4.6 사용자 정의 테마 플러그인 CSS를
- 18. Woocommerce/워드 프레스 나는 워드 프레스 테마 woocommerce을 사용하고 페이지
- 19. JS & CSS를 워드 프레스 페이지에 추가하는 방법
- 20. 워드 프레스 아이 테마는 워드 프레스 코덱스에서
- 21. 워드 프레스 매김 사용자 정의 테마
- 22. 워드 프레스 워드 프레스
- 23. 워드 프레스 테마 옵션은 내가 현재 테마 옵션 페이지와 워드 프레스 테마를 짓고 있어요
- 24. 워드 프레스 사용자 정의 테마 woocommerce supp30해야합니다
- 25. 워드 프레스 2.8.6 탈출 내 테마 옵션
- 26. 워드 프레스 스물 열두 테마 및 모바일
- 27. 워드 프레스 - JS 파일에 사용 테마 옵션
- 28. T.Variable 오류 (워드 프레스 테마 사용자 정의)
- 29. 멀티 테마 워드 프레스 플러그인 아이디어
- 30. 자신의 워드 프레스 테마 만들기 from html
코드를 LESS 또는 SASS에두고 CSS 사본을 WP로 직접 컴파일했습니다. : D – Mardzis
웹 브라우저에서 CSS를 읽습니다. SASS 또는 LESS를 읽을 수 없습니다. 당신은 어쨌든 그것을 CSS로 컴파일해야합니다. 그래서 lessess를 style.css에 맞춰라. –