HTML 웹사이트를 WordPress 테마로 변환하는 방법은 무엇입니까?

게시 됨: 2021-08-11

HTML을 WordPress로 변환

HTML을 WordPress로 변환하는 단계

WordPress 웹 사이트가 사용자 친화적이며 온라인에 더 많은 노출을 제공할 수 있기 때문에 오늘날의 사람들이 HTML보다 WordPress로 이동하고 있다는 것을 알고 있습니다.

HTML을 WordPress로 변환 하려면 체계적인 접근 방식이 필요합니다. 혼자 가지고 다닐 수 없습니다. HTML 및 WordPress 기술 배포에 대한 전문 지식이 있는 개발자의 도움을 받아야 합니다.

HTML을 WordPress 웹사이트로 변환하려면 두 플랫폼 모두에서 완벽한 기술이 필요합니다. 그렇지 않으면 누락된 코드 하나가 전체 레이아웃을 파괴할 수 있습니다.

몇 년 전, 웹 디자이너는 정적 HTML 웹사이트를 만들곤 했습니다. 그러나 웹 기술의 급속한 발전으로 인해 이러한 웹 사이트는 이제 구식이 되었습니다.

많은 웹 브라우저에서 제대로 표시되지 않고 모바일 장치 등에 응답하지 않습니다. 반면에 정적 사이트가 커지면 HTML 형식으로 관리하기 어려워집니다. 따라서 첨단 CMS로의 운송은 불가피한 요구 사항이 됩니다.

대부분의 사람들은 여러 가지 이유로 정적 웹사이트를 WordPress 플랫폼으로 가져오는 것을 좋아합니다. HTML 웹사이트를 WordPress 플랫폼으로 가져오려면 HTML에서 WordPress로의 변환 서비스가 도움이 될 것입니다.

HTML에서 WordPress CMS로 웹 리소스를 원활하게 전환할 수 있습니다.

따라서 이 자습서에서는 선택한 HTML 테마 또는 현재 온라인에서 사용할 수 있는 HTML 테마를 변환하는 방법에 대해 자세히 읽을 수 있도록 도와드립니다.

정적 HTML에서 WordPress로 이동하는 3가지 방법

HTML에서 WordPress로 이동하려면 HTML을 WordPress 테마로 전환해야 합니다.

테마는 WordPress 웹 사이트의 모양과 느낌을 제어하는 ​​반면 기능은 CMS 자체 및 추가 플러그인에서 제공됩니다.

1. "HTML to WordPress Theme" 수동 대화

첫 번째 옵션은 가장 기술적이기도 합니다. 이 경로로 이동하면 기존 코드를 가져와 WordPress 테마 파일을 생성하기 위한 시작점으로 사용합니다.

특히 코딩 경험이 있는 경우에는 너무 복잡하지 않습니다. 약간의 HTML, CSS 및 일부 PHP 지식만 있으면 해결할 수 있습니다. 대부분이 복사 및 붙여넣기입니다.

단점: WordPress 테마가 작동하게 되지만 WordPress가 제공해야 하는 모든 기능이 포함되지는 않습니다.

예를 들어, 나중에 구축하지 않는 한 사이트에는 위젯 영역이 없거나 WordPress 백엔드에서 메뉴를 변경할 수 있는 기능이 없습니다.

2. 하위 테마를 통한 HTML에서 WordPress로

제 생각에는 이것이 노력과 금전적 투자 측면에서 가장 쉽고 합리적인 방법 일 것입니다.

기존 사이트를 출발점으로 사용하는 대신 기성품 WordPress 테마를 대신 사용합니다. 그런 다음 이전 웹 사이트와 유사하도록 디자인만 조정합니다.

나중에 WordPress 기능을 추가할 필요도 없습니다. 대신 WordPress 플랫폼이 명시적으로 만든 기존 테마를 기반으로 구축할 수 있습니다.

3. HTML에서 WordPress로 전체 콘텐츠 가져오기

현재 디자인을 사용하는 것을 고집하지 않고 기꺼이 변경할 수 있다면 상황이 훨씬 쉬워집니다. 이 경우 사이트를 설정하고 테마를 설치하고 HTML 콘텐츠를 가져오기만 하면 됩니다.

HTML을 WordPress 테마로 수동으로 변환하는 방법

1) 테마 폴더 및 기본 파일 생성

편의에 따라 HTML 코드를 조작하기 전에 먼저 갖추어야 할 것들의 목록을 만드십시오. 이러한 사항은 다음과 같습니다.

 바탕 화면의 테마 폴더; 원하는 대로 이름을 지정할 수 있습니다.
 필요한 파일을 동일한 형식으로 유지하되 내용을 가다듬지 마십시오. 지금은 비워 둡니다.
o 사이드바.php
o 바닥글.php
o 인덱스.php
o 스타일.php
o 헤더.php

또한 웹사이트의 HTML 사이트맵을 WordPress 플랫폼 전체의 테마 사이트맵으로 대체하기 위한 주요 목적으로 이러한 파일을 하나씩 탐색하고 작성해야 합니다.

2) 기존 CSS, Javascript 및 이미지 파일을 모두 새 폴더에 복사

.php 파일과 함께 바탕 화면에 테마 폴더를 만들었으므로 이제 WordPress 웹 사이트의 테마에 표시하려는 CSS, JavaScript 및/또는 필요한 이미지와 관련된 모든 파일을 복사하여 붙여넣을 의무가 있습니다. .

CSS 이미지 JS 전송

또한 CSS 코드를 Style.php 시트에 복사할 수도 있습니다. 그러나 일단 아래의 스냅에서 언급된 이러한 코드를 Style.php 에 복사해야 합니다. 그런 다음 Style.css 파일에서 나머지 코드를 복사하여 붙여넣을 수 있습니다.

스타일 CSS

3) 이제 다른 PHP 파일에 대해 HTML 코드를 더 세분화

모든 HTML에는 각각의 .php 파일로 이동해야 하는 머리글, 색인 및 바닥글이 있습니다. 즉, 나중에 WordPress 사이트의 테마를 작성하고 실행하는 데 필요한 블록으로 HTML 코드를 나눌 수 있습니다.

HTML 코드를 PHP로

기본 index.html 파일에서 HTML 을 복사하여 다른 유사한 파일과 함께 바탕 화면에 있는 header.php 파일에 붙여넣습니다.

HTML을 WordPress로 변환

HTML을 비즈니스, 결혼식, 사진, 이벤트 관리, 개인 일기 등과 같은 WordPress 테마로 변환 할 때 나중에 변경 사항이 적용되도록 올바른 내용을 올바른 위치에 복사하여 붙여넣었는지 확인하십시오.

이해를 돕기 위해 아래 이미지를 확인하고 모든 내용을 복사하여 header.php 시트에 붙여넣습니다.

HTML에서 워드프레스로

같은 방법으로 index.html 파일에서 웹사이트 페이지 콘텐츠의 바닥글과 본문을 복사합니다. 나중에 footer.php 와 index.php 에 붙여넣습니다.

HTML 문서 파일에서 바닥글 자료의 복사 및 붙여넣기에 대한 스크린샷을 확인하십시오.

HTML 문서화

마찬가지로, HTML 본문의 내용을 index.php 파일로 복사하려면 복사할 절차를 시작하십시오. 끝까지