Wordpress 테마를 어떻게 변환합니까?

11

나는 봤지만 자동화 된 솔루션을 찾지 못했습니다. 그래서 수동으로 시작했습니다. CSS 파일을 매핑하는 것은 쉽지만 블록 / 템플릿을 매핑하는 방법을 찾고 있습니다. 도와주세요.

theming

— 사용자 931
소스

16

직접적인 방법이나 프로그래밍 방식은 없습니다. 템플릿 구조가 많이 다르기 때문입니다. 그러나 가장 빠른 전환을 위해 취해야 할 단계는 다음과 같습니다.

Wordpress에 테마를로드 한 다음 브라우저에서 사이트를보십시오. (이 목적은 템플릿의 기본 HTML 구조를 추출하는 것입니다).
페이지에서 소스를보고 모든 HTML을 복사 한 다음 텍스트 편집기에 놓으십시오. 새 프로젝트 폴더에 저장하십시오.
CSS 및 JS 파일을이 새 프로젝트 폴더로 복사하십시오. 조직에는 "css"폴더와 "js"폴더를 사용하는 것이 좋습니다.
모든 이미지를이 프로젝트 폴더로 복사하십시오. "이미지"폴더를 사용하는 것이 좋습니다.
이제 기본 템플릿을 Drupal의 테마로 변환해야합니다. 바 빠질 시간이야!
"garland"테마를 새 프로젝트 폴더로 복사하고 새 테마 이름으로 바꾸는 것이 좋습니다. 이렇게하면 속도가 빨라집니다.
css, js 및 images 폴더를 새 테마 프로젝트로 복사하십시오.
.info 파일을 편집하여 css 및 js 파일을로드하십시오.
css 및 js 파일을 수정하여 관련 이미지 및 기타 파일 경로를로드하십시오.
page.tpl.php와 템플릿 html 파일을 나란히 비교하여 tpl 파일의 구조를 html 파일의 구조와 비슷하게 변환해야합니다. 동적 참조를 제거하지 않도록주의하십시오.
필요에 따라 테스트하고 문제를 해결하십시오.

많은 단계이지만 작동합니다. 기본 테마를 제공하는 테마 프레임 워크를 사용할 수도 있습니다. 이것의 유일한 문제점은 때때로 이러한 프레임 워크가 매우 무겁고 필요한 것보다 훨씬 많은 것입니다. 젠은 일반적인 것이지만 매우 무겁습니다. Drupal 웹 사이트 drupal.org (테마 검색)에서 자세한 내용을 확인할 수 있습니다. 다음은 몇 가지 기본 테마에 대한 링크입니다.

젠 프레임 워크
NineSixty (960 그리드 시스템, 매우 유연한 개념, 나는 그것을 사용한 적이 없다)
Fluid Grid (또 다른 위대한 개념, 나는 이것을 행동과 꽤 멋지게 보았다)

마지막으로 Drupal 테마 가이드 링크가 있습니다.

— 패트릭
소스

나는 작년에 글을 쓴 이후로 960gs 기본 테마를 사용했으며 그것이 얼마나 잘 작동하는지 아름답습니다. 온라인에서 구입 한 기본 템플릿을 Drupal 테마로 매우 빠르게 전환하는 데 사용했습니다. 나는 시스템을 좋아하고 그것을 강력히 추천한다. 나는 일반적으로 프론트 엔드 사람이 아니지만 필요한 경우 여전히 작업을 수행 할 수 있습니다.

— 패트릭

화환 테마를 복사하여 시작점으로 사용하는 것에 대해 언급하고 싶습니다. Zen과 같이 언급 한 스타터 테마 중 하나를 사용하는 것이 좋습니다 (처음 으로이 작업을 수행하는 경우 누군가 Zen을 사용하는 것이 좋습니다). 이 목적을 위해 설계되었으며 결국 해킹이 줄어들고 더 유연한 주제가됩니다.

— cjm2671

1

Zen에는 많은 오버 헤드가 포함되어 있으며 일부 가벼운 테마와 비교할 때 실제로 더 많은 혼란을 야기 할 수 있습니다. 또한 D6에 포함 된 추가 기능은 D7의 핵심 형태로 제공됩니다.

— Patrick

wget을 사용하여 사이트를 얻을 수 있습니다

wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --no-parent -e robots=off --domains domain.com http://domain.com/path

. 그런 다음이 답변의 지침을 따르십시오.

— frazras

4

pthurmond의 답변에 동의하지만 전체 HTML과 CSS를 복사하지 말고 단계별로 수행하는 것이 좋습니다. 메뉴를 위해 HTML을 먼저 복사하십시오. 그런 다음 CSS를 복사하십시오. 프로세스에 Firebug를 사용하십시오. 이런 식으로 당신은 정말로 필요한 것만으로 끝날 것입니다. 또한 매우 유연하고 레이아웃 문제가 없으므로 그리드 시스템 라인 960.gs를 권장합니다.

— Varshith
소스

1

나도 WordPress 테마를 Drupal로 변환하는 방법을 찾고 있었지만 쉬운 해결책을 찾지 못했습니다.

Drupal 사이트는 대부분 텍스트 콘텐츠이므로 Drupal 사이트가 포함 된 WP 사이트 내에 iframe을 만들기로 결정했습니다.

운동 할 것 같습니다. Drupal 템플릿 파일에서 머리글과 바닥 글을 제거했으며 이제는 WP 사이트 내부의 본문 만 있습니다.

Drupal 사이트에서 CSS를 약간 조정해야하지만이 하이브리드 디자인을 기대하고 있습니다.

— 파라 그
소스