HTML을 WordPress로 변환 (단계별)


HTML을 워드 프레스로 변환순수한 HTML로 구축 된 사이트에서 워드 프레스로가는 길은 그리 짧지 않았습니다. 모든 텍스트 환경에서 웹 디자인은 대화식 웹 사이트로 발전했습니다. 또한, 우리는 더 이상 마크 업을 직접 작성할 필요는 없지만 컨텐츠 관리 시스템이 어려운 일을하게 할 수 있습니다.


그렇다고 정적 HTML 웹 사이트가 더 이상 존재하지 않는다는 의미는 아닙니다. 실제로 마크 업 언어의 최신 반복 인 HTML5는 매우 강력하며 CMS를 사용하지 않고도 양질의 웹 사이트를 구축 할 수 있습니다..

그러나 WordPress의 시장 점유율이 증가함에 따라 점점 더 많은 사람들이 플랫폼으로 전환하고 있음을 보여줍니다..

2019 년 워드 프레스 시장 점유율

그중 일부는 정적 HTML에서 WordPress로 이동하는 것을 의미합니다. 이것은 어려운 작업 일 수 있지만이 게시물은 몇 가지 간단한 방법으로 수행하는 방법을 설명하려고 시도합니다.

아래에서 HTML을 WordPress로 변환하는 방법을 몇 가지 보여 드리겠습니다. 먼저, 다양한 옵션과 장단점에 대해 알아 봅니다. 그런 다음 각 단계를 단계별로 실행하는 방법을 보여줍니다..

가자.

정적 HTML에서 워드 프레스로 이동하는 3 가지 방법

HTML에서 WordPress로 이동하려면 HTML 디자인을 WordPress 테마로 바꿔야합니다. 테마는 WordPress 웹 사이트의 모양과 느낌을 제어하며 기능은 CMS 자체 및 추가 플러그인에서 제공합니다..

전환하려면 몇 가지 옵션이 있습니다. 귀하에게 적합한 것은 귀하가 투자 할 수 있고 기꺼이 투자 할 시간과 돈, 코딩 기술 및 개인 취향과 같은 요소에 따라 다릅니다. 다음은 주요 옵션입니다.

A) HTML을 WordPress 테마로 수동 변환

첫 번째 옵션은 또한 가장 기술적 인 것입니다. 이 경로를 사용하면 기존 코드를 가져 와서 WordPress 테마 파일을 만드는 시작점으로 사용합니다..

특히 코딩 경험이있는 경우에는 그렇게 복잡하지 않습니다. 약간의 HTML, CSS 및 일부 PHP 지식을 사용하여 해결할 수 있습니다. 그것의 많은 복사 및 붙여 넣기입니다.

단점 : 작동하는 WordPress 테마로 끝나지 만 WordPress가 제공하는 모든 기능을 갖추고 있지는 않습니다. 예를 들어, 사실 후에 빌드하지 않으면 사이트에 위젯 영역이 없거나 WordPress 백엔드에서 메뉴를 변경하는 기능이 없습니다..

귀하의 사이트는 업무를 수행하지만 WordPress를 통해 사이트를 완전히 관리 할 수는 없습니다. 이런 이유로 우리는 개인적으로 다음 옵션을 선호합니다.

B) WordPress Child Theme를 통한 HTML to WordPress

우리의 견해로는 아마도 노력과 금전적 투자 측면에서 가장 쉽고 합리적인 방법 일 것입니다. 기존 사이트를 점프 포인트로 사용하는 대신 기성품 WordPress 테마를 대신 사용합니다. 그런 다음 이전 웹 사이트와 비슷하게 디자인 만 조정하십시오..

이렇게하면 기존 사이트의 모양을 유지하면서 WordPress를 최대한 활용할 수 있습니다. 나중에 WordPress 기능을 추가하지 않아도됩니다. 대신 기존 테마를 기반으로 할 수 있습니다. WordPress 플랫폼이 명시 적으로 만들어진 것입니다..

C) 플러그인을 사용하여 HTML에서 WordPress로 컨텐츠 가져 오기

현재 디자인 사용을 고집하지 않고 디자인 변경에 관심이있는 경우 훨씬 쉬워집니다. 이 경우 사이트를 설정하고 테마를 설치하고 HTML 컨텐츠를 가져 오기만하면됩니다. 아래에서 볼 수 있듯이 이것은 매우 빠르고 고통없는 프로세스입니다..

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

처음부터 시작하여 기존 HTML 웹 사이트와 유사한 고유 한 WordPress 테마를 만드는 것이 목표라면 여기에서 시작하십시오..

겁이 나더라도 걱정하지 마십시오. 복사 및 붙여 넣기뿐 아니라 몇 가지 파일 및 폴더 만 있으면됩니다..

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

가장 먼저해야 할 일은 새 테마 폴더를 만드는 것입니다. 컴퓨터의 디렉토리와 마찬가지로 데스크탑에서도 그렇게 할 수 있습니다. 테마를 부르기를 원하는대로 이름을 지정하십시오..

그런 다음 코드 편집기로 이동하여 여러 개의 텍스트 파일을 작성하십시오. 다음과 같이 이름을 지정하십시오.

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

아직 아무 것도하지 말고 편집기에서 파일을 열어 두십시오. 곧 필요할 것입니다.

2. 기존 CSS를 WordPress 스타일 시트에 복사

이제 워드 프레스 스타일 시트 (파일)를 준비 할 차례입니다.style.css 방금 만든 것)을 사용하여 기존 사이트의 CSS를 복사합니다. 이를 위해 파일을 열고 다음을 붙여 넣습니다.

/ *
테마 이름 : 스물 열세
테마 URI : http://wordpress.org/themes/twentythirteen
저자 : WordPress 팀
작성자 URI : http://wordpress.org/
설명 : WordPress의 2013 테마는 블로그에 다시 게시되며 다양한 형식의 게시물 형식이 각각 고유 한 방식으로 아름답게 표시됩니다. 생생한 색상 구성표와 일치하는 헤더 이미지, 아름다운 타이포그래피 및 아이콘, 크고 작은 장치에 어울리는 유연한 레이아웃으로 디자인 세부 사항이 풍부합니다..
버전 : 1.0
라이센스 : GNU General Public License v2 이상
라이센스 URI : http://www.gnu.org/licenses/gpl-2.0.html
태그 : 검정, 갈색, 주황색, 황갈색, 흰색, 노랑, 빛, 1 열, 2 열, 오른쪽 사이드 바, 가변 폭, 사용자 정의 헤더, 사용자 정의 메뉴, 편집기 스타일, 추천 이미지, 마이크로 포맷, 포스트 포맷, rtl 언어 지원, 스티키 포스트, 번역 가능
텍스트 도메인 : 스물셋

* /

소위 스타일 시트 헤더입니다 (중요 : 의견을 남기지 마십시오)/*...*/ 태그 아웃!). 다음과 같이 각 부분을 채우십시오.

  • 테마 이름 — 여기에 테마 이름이 있습니다. 원하는대로 할 수 있지만 일반적으로 테마 폴더의 이름과 동일합니다..
  • 테마 URI — 일반적으로 여기에 테마 홈페이지를 게시하지만 자신의 사이트 주소를 사용할 수 있습니다.
  • 저자 — 당신입니다. 여기에 자신의 이름을 입력하거나 원하는 이름을 입력하십시오..
  • 작성자 URI — 홈페이지 링크. 그것은 당신이 짓고있는 것이거나 말이되는 것이 될 수 있습니다.
  • 기술 — 테마에 대한 선택적 설명. 이것은 WordPress 백엔드에 표시됩니다.
  • 버전 — 테마 버전. 게시하지 않기 때문에 실제로 중요하지 않습니다. 우리는 보통 여기 1.0을 넣습니다.
  • 라이센스, 라이센스 URI, 태그 — 테마를 제출하려는 경우에만 중요합니다. 워드 프레스 테마 디렉토리. 이 경우에는 그대로 둘 수 있습니다. 완성을 위해 방금 포함했습니다..

헤더 다음에 정적 HTML 웹 사이트에서 기존 CSS를 복사하여 붙여 넣습니다. 그런 다음 파일을 새 테마 폴더에 저장하고 닫습니다. 나머지로 이동할 시간.

3. 기존 HTML 분리

다음 부분에서는 WordPress가 일반적으로 PHP를 사용하여 데이터베이스에서 정보를 가져옵니다. 따라서 CMS에서 HTML을 올바르게 구성 할 수 있도록 기존 HTML을 다른 조각으로 잘라야합니다..

복잡해 보이지만 HTML 문서의 일부를 복사하여 여러 PHP 파일에 붙여 넣기 만하면됩니다. 이를 더 잘 설명하기 위해 아래에서 볼 수있는 간단한 예제 페이지를 구성했습니다..

HTML을 워드 프레스 예제 페이지로

보시다시피 헤더, 콘텐츠 영역, 사이드 바 및 바닥 글이 포함 된 표준 HTML 템플릿입니다. 함께 제공되는 코드는 다음과 같습니다.





웹 사이트 제목







웹 사이트 제목

  • 탐색 항목 # 1
  • 탐색 항목 # 2
  • 탐색 항목 # 3

기사 제목

Lorem ipsum의 dolor는 amet, conditetur adipiscing elit에 앉습니다. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, moestie nisl pharetra in. semper consequat est, eu porta velit mollis nec..

소제목

Lorem ipsum의 dolor는 amet, conditetur adipiscing elit에 앉습니다. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, molestie nisl pharetra in. semper consequatest, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. 에 티암 ullamcorper lorem dapibus velit suscipit ultrices. est sed erat facilisis pharetra에서 Proin.

소제목

Lorem ipsum의 dolor는 amet, conditetur adipiscing elit에 앉습니다. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, molestie nisl pharetra in. semper consequatest, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. 에 티암 ullamcorper lorem dapibus velit suscipit ultrices. est sed erat facilisis pharetra에서 Proin.

디자인이 다른 경우 아래 단계를 다소 조정해야 할 수 있습니다. 그러나 전체 프로세스는 동일하게 유지됩니다.

먼저, 당신의 현재를 엽니 다 index.html (HTML 사이트의 기본 파일). 그런 다음 새로 만든 WordPress 파일을 통해 다음을 파일로 복사하십시오 (아래 예는 내 마크 업입니다).

header.php

HTML 파일의 시작부터 기본 컨텐츠 영역에 이르는 모든 것 (일반적으로

또는

)가이 파일에 들어갑니다. 그 외에도, 그것이 말하는 바로 직전에, 복사 및 붙여 넣기 . 많은 WordPress 플러그인이 올바르게 작동하는 데 중요합니다..




웹 사이트 제목






웹 사이트 제목

  • 탐색 항목 # 1
  • 탐색 항목 # 2
  • 탐색 항목 # 3

sidebar.php

섹션에 속하는 모든 것

그 후에는 끝났습니다. index.html 닫을 수 있습니다. 다른 모든 파일을 테마 폴더에 저장하고 다음을 제외하고 닫으십시오. header.phpindex.php. 그들과 관련된 일이 더 있습니다.

4.“WordPressify”Header.php 및 Index.php

헤더의 경우 남은 것은 스타일 시트 호출을 HTML에서 WordPress 형식으로 변경하는 것입니다. 그렇게하려면에서 기존 링크를 찾으십시오. 부분. 다음과 같이 보일 수 있습니다.

이것을 다음과 같이 바꾸십시오 :

쿨, 이제 저장하고 닫을 수 있습니다 header.php. 그런 다음 index.php. 현재 비어 있어야합니다. 먼저 다음 코드 줄을 복사하여 붙여 넣으십시오.




나머지 사이트가 포함 된 다른 파일에 대한 호출입니다. 헤더 호출과 사이드 바 사이에 공백이있을 수 있습니다. 그것이 당신이 추가 할 곳입니다 루프.

후자는 CMS가 백엔드에서 작성된 컨텐츠를 출력하는 WordPress의 일부입니다. 나중에 가져올 페이지에 WordPress에 컨텐츠를 동적으로 추가하도록하려면 중요합니다. 이를 위해 바로 여기에 붙여 넣기 :


이제 저장 index.php 파일을 닫고 닫습니다. 잘 했어! 기본 테마가 준비되었습니다. 이제 새 WordPress 사이트에 추가 할 수 있습니다.

5. 스크린 샷 생성 및 테마 업로드

이제 스타일 시트 헤더의 정보와 함께 테마 스크린 샷을 추가하여 WordPress 백엔드에서 웹 사이트의 미리보기 역할을합니다..

이렇게하려면 브라우저에서 기존 사이트를 열고 원하는 방법으로 스크린 샷을 만드십시오. 그런 다음 원하는 이미지 편집 소프트웨어를 열고 880 × 660 픽셀로 자릅니다. 다른 이름으로 저장 screenshot.png 테마 폴더에 추가하십시오. 이제 테마를 업로드 할 준비가되었습니다.

WordPress 사이트에 새 테마를 가져 오려면 몇 가지 옵션이 있습니다. 그러나 전제 조건은 모든 파일이 테마 폴더 안에 있어야합니다..

첫 번째 옵션은 zip 파일을 만들어내는 것입니다. 그런 다음 워드 프레스 사이트로 이동 한 다음 모양> 테마. 여기를 클릭하십시오 새로운 걸 더하다 상단에 테마 업로드.

변환 된 테마 업로드

다음 메뉴에서 버튼을 사용하여 zip 파일의 위치를 ​​찾습니다. 표시하고 클릭 열다, 그때 지금 설치. 완료되면 테마를 활성화하십시오.

또는 FTP를 통해 서버에 연결하거나 하드 드라이브의 로컬 디렉토리로 이동하여 wp-content / themes. 그런 다음 압축이 풀린 테마 폴더를 업로드하십시오. 그 후, 이전과 같은 장소에서 테마를 활성화하십시오.

좋은! 이제 새 사이트의 프런트 엔드가 이전 사이트와 같아야합니다. HTML에서 WordPress 로의 전환을 완료하기 위해 남은 것은 기존 컨텐츠를 가져 오는 것입니다. 기존 WordPress 테마 사용에 대해 이야기 할 때 아래에서 더 자세히 설명하겠습니다..

그러나 기본 테마는 현재 작동하지만 HTML을 WordPress와 더 잘 통합하기 위해 더 많은 작업을 수행 할 수 있습니다. 여기에는 블로그 제목과 설명을 편집 가능하게 만들기, 위젯 영역 추가, 의견 및 훨씬 더. 내용이 이미지와 같은 원래 디자인의 일부가 아니기 때문에 CSS 마크 업을 추가해야 할 수도 있습니다..

많은 작업이므로 개인적으로 모든 기능을 갖추고 있으며 디자인 변경 만 필요한 솔루션을 개인적으로 사용하고 싶습니다. 그것이 우리가 다음에 보여줄 것입니다.

B) WordPress Child Theme를 통한 HTML to WordPress

위의 방법이 너무 강해 보이면 다음 방법이 더 관리하기 쉬울 수 있습니다. 원래 디자인을 유지하면서 수천 개의 기존 WordPress 테마를 활용할 수 있습니다..

그것은 소위 어린이 테마를 사용하는 것입니다. 이러한 테마는 다른 테마 (부모)를 기반으로하며 자체 테마가 아니라 필요에 따라 부모 테마를 수정하기 만합니다. 약간의 탐정 작업이 필요하지만 쉽게 할 수 있습니다..

1. 적절한 테마를 선택

첫 번째 단계는 디자인을 기반으로 적절한 테마를 선택하는 것입니다. 이를 위해 기존 디자인에 가까운 테마를 찾거나 테마 프레임 워크 또는 스타터 테마를 사용하면 사용자 정의 테마의 기반으로 작동합니다..

을 체크 해봐 워드 프레스 테마 디렉토리, 멋진 테마 목록 또는 살펴보기 프리미엄 테마 적합한 후보를 찾으십시오. 몇 가지 검색 후, 우리는 스물 두 테마는 HTML에서 WordPress 로의 전환에 좋은 출발점이 될 것입니다. 일반적으로 최신 정보를 선택하지만 간단한 디자인과 잘 어울립니다..

선택을 마치면 테마를 설치하는 것처럼 WordPress 웹 사이트에 테마를 설치하십시오. 활성화 할 필요가 없습니다. 언급했듯이 작업 할 수있는 기반을 제공하기 만하면됩니다. 나머지는 어린이 테마에서 발생합니다.

2. 새 폴더 만들기

이전 방법과 마찬가지로 하위 테마의 경우 테마 폴더를 작성해야합니다. 여기에 속한 모든 파일을 넣을 곳이 있습니다..

자식 테마를 만들 때 부모 테마와 같은 이름으로 폴더를 호출하는 것이 일반적입니다. -아이. 따라서, 우리의 자식 테마는 스물 열두 테마를 기반으로하므로 디렉토리를 호출합니다 스물 두 자녀.

어떤 이름을 선택하든 그 방식으로 작동하지 않으므로 공백을 포함하지 마십시오..

3. 스타일 시트 설정

자식 테마에는 스타일 시트가 필요합니다. 이것은 위에서 만든 스타일 시트와 거의 동일하게 작동합니다. 그러나 헤더가 약간 다르며 코드가 적습니다..

나중에 두 번째 부분으로갑니다. 지금은 평소와 같이 style.css 테마 폴더에 넣습니다. 그런 다음 다음을 추가하십시오.

/ *
테마 이름 : 스물 다섯 아이
테마 URI : http://example.com/twenty-fifteen-child/
설명 : 스물 다섯 아이 테마
저자 : John Doe
작성자 URI : http://example.com
템플릿 : 이십오
버전 : 1.0.0
라이센스 : GNU General Public License v2 이상
라이센스 URI : http://www.gnu.org/licenses/gpl-2.0.html
태그 : 밝음, 어두움, 2 열, 오른쪽 사이드 바, 반응 형 레이아웃, 접근성 지원
텍스트 도메인 : 스물 다섯 자녀
* /

보시다시피, 한 가지 예외를 제외하고는 이전에 사용한 스타일 시트 헤더와 매우 유사합니다. 주형 꼬리표.

이 섹션에는 부모 역할을 할 테마 이름을 입력해야합니다. 그렇지 않으면 하위 테마가 작동하지 않습니다. 이를 피하려면 상위 폴더 이름을 입력하십시오. 그래서 스물 열두, 그것은 템플릿 : 스물 12.

4. Functions.php 생성 및 부모 스타일 상속

스타일 시트와 폴더 만 있으면 이미 하위 테마를 활성화 할 수 있습니다. 그러나 현재 사이트는 스타일이없는 HTML 페이지처럼 보이기 때문에 그다지 좋지 않습니다..

이를 변경하려면 먼저 부모의 스타일을 상속 받아야합니다. functions.php. 이 파일은 WordPress 설치의 중요한 부분이며 웹 사이트를 크게 변경할 수 있습니다..

그러나이 경우에는 부모의 스타일을 호출 할 때만 사용합니다. 이를 위해 새 파일을 만들고 호출하십시오. functions.php. 맨 처음에 추가 할 것은 다음과 같습니다.

PHP 태그를 시작하면 파일이 이론적으로 준비되었지만 아직 아무것도하지 않습니다. 따라서 다음을 입력해야합니다.

child_theme_enqueue_styles () 함수 {

$ parent_style = '부모 스타일';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ( '자식',
get_stylesheet_directory_uri (). '/style.css',
배열 ($ parent_style),
wp_get_theme ()-> get ( 'Version')
);
}
add_action ( 'wp_enqueue_scripts', 'child_theme_enqueue_styles');

이 코드는 WordPress에 템플릿 디렉토리 (일명 상위 테마)로 이동하여 여기에 포함 된 스타일을 사용하도록 지시합니다. 또한 자녀 테마를 통해 테마를 수정할 수 있습니다 (나중에 자세히 설명)..

5. 자식 테마 활성화

이제 하위 테마를 활성화 할 준비가되었습니다..

원하는 경우 위 지침에 따라 스크린 샷을 추가 할 수 있습니다. 그 외에도 압축하여 압축하여 WordPress에 추가 할 수 있습니다 모양> 테마> 새로 추가> 테마 업로드 또는 단순히 폴더를 그대로 추가하여 wp-content / themes.

두 경우 모두 테마를 활성화하면 사이트가 상위 사이트와 정확히 같아야합니다..

6. 디자인 조정

위에서 언급 한 탐정 작업이 시작되는 곳입니다. 이제 기존 테마의 디자인을 원래 HTML 사이트와 비슷하게 변경해야합니다..

예를 들어 가장 눈에 띄는 것은 WordPress 테마가 HTML 사이트에없는 머리글과 바닥 글 아래에 공간을 추가한다는 것입니다..

자식 테마 예제 페이지를 통해 HTML을 워드 프레스로

이를 해결하기 위해 HTML 사이트에서 브라우저 개발자 도구 책임있는 마크 업을 찾습니다. 그렇게 할 때, 우리는 다음과 같은 상황에 직면합니다 :

신체 {
여백 : 0;
}

그런 다음 새로운 스타일의 워드 프레스 테마를 사용하여 다음과 같은 스타일을 찾습니다.

body .site {
여백 : 48px;
마진 상단 : 3.428571429rem;
여백-하단 : 48px;
마진 바닥 : 3.428571429rem;
}

내 목표는 이제 HTML 사이트에서 WordPress 테마에 스타일을 적용하는 것입니다. 이 경우 자녀 테마에 다음을 추가하면됩니다. style.css:

body .site {
여백 : 0 자동;
}

저장 후 WordPress 테마에는 새로운 스타일이 적용됩니다.

자식 테마를 통해 HTML을 워드 프레스 편집 된 예제 페이지

하위 테마의 스타일 시트에 추가 한 항목이 부모의 스타일보다 우선하기 때문입니다. 그러나 나머지 마크 업은 그대로 유지되므로 관련 항목 만 변경할 수 있습니다.

또한 HTML5 템플릿을 초보자로 사용하고 현대적인 WordPress 테마를 부모로 사용하는 경우 많은 기본 마크 업이 일치하여 인생을 훨씬 쉽게 만듭니다..

자녀 테마로 더 많은 것을 할 수 있습니다. 여기. 디자인 조정이 끝나면 콘텐츠를 가져올 차례입니다. 이제 시작하겠습니다.

C) 플러그인을 사용하여 HTML에서 WordPress로 컨텐츠 가져 오기

마지막으로 HTML에서 WordPress로 이동하는 목록에서 기존 테마를 그대로 사용하고 단순히 HTML 사이트에서 해당 컨텐츠로 컨텐츠를 마이그레이션합니다. 가장 간단한 방법입니다. 원하는 테마를 설치하고 활성화하기 만하면 (지금까지 방법을 알고 있다고 가정) 아래 단계를 따르십시오..

그건 그렇고,이 과정은 어렵지 않지만 잘못 될 수있는 일이 있습니다. 따라서 WordPress 사이트를 백업하기 전에 백업하십시오..

1. 가져 오기 플러그인 설치

가장 먼저 할 일은 플러그인을 설치하는 것입니다 HTML 가져 오기 2. 이것을 달성하는 가장 쉬운 방법은 플러그인> 새로 추가 이름으로 검색하십시오. 목록에서 찾으면 (맨 아래까지 더 이어질 수 있음) 지금 설치. 완료되면 활성화.

HTML을 워드 프레스 가져 오기 플러그인

2. 수입 준비

한 번에 여러 페이지를 가져 오려면 WordPress 설치와 동일한 서버에 해당 페이지를 업로드해야합니다. 플러그인은 다음과 같은 것을 제안합니다 html 파일을 가져 오기  폴더 이름이지만 원하는 것을 선택할 수 있습니다. 경로명 만 기억하십시오.

다음에서 볼 수 있듯이 단일 페이지를 하나씩 가져올 수도 있습니다. 어느 방법을 사용하든 WordPress로 이동하여 설정> HTML 가져 오기. 이제 가장 기본적인 설정을 살펴 보겠습니다. 추가 정보가 필요하거나 확실하지 않은 내용이 있으면 공식 사용자 안내서.

파일

HTML을 워드 프레스 가져 오기 파일

이 화면을 다음과 같이 구성하십시오.

  • 가져올 디렉토리 — 기존 파일을 방금 복사 한 경로를 입력하십시오.
  • 기존 사이트 URL — 리디렉션에 사용됩니다. 기존 URL을 입력하십시오. 이 기사 후반부에서 다시 다루겠습니다..
  • 기본 파일 — 이전 사이트의 디렉토리에 대한 기본 파일, 일반적으로 index.html.
  • 포함 할 파일 확장자 — 가져올 파일의 확장자.
  • 제외 할 디렉토리 — 이전 사이트에 가져오고 싶지 않은 디렉토리가 있으면 여기에 입력하십시오.
  • 파일 이름 유지 — 플러그인이 파일 이름을 새 URL로 자동 사용하도록하려면이 확인란을 선택하십시오. 일반적으로 수입 업체가 타이틀을 사용하여 슬러그를 생성하기 때문에 제목이 매우 긴 경우에 적합합니다..

함유량

콘텐츠 아래에서 사이트 콘텐츠가 포함 된 HTML 태그를 구성해야합니다..

html to wordpress import content

그러려면 옵션을 선택하십시오 HTML 태그 상단에. 그런 다음 다음 세 필드에서 태그를 구성하십시오. 예를 들어 콘텐츠가이라는 태그에 포함 된 경우

, 입력 한 정보는 사업부, 신분증본관.

이 페이지의 다른 설정은 설명이 필요하며 이미지, 문서 가져 오기, 내부 링크 업데이트 등을 수행 할 수 있습니다..

제목 및 메타 데이터

HTML을 워드 프레스 가져 오기 제목 및 메타 데이터

이 부분은 이전의 내용 부분과 유사합니다. 그러나 페이지 제목을 다루고 있습니다. 처음에는 HTML 템플릿에 제목이 표시되는 방식을 플러그인에 알려 주어야 올바른 위치로 가져올 수 있습니다..

또한 기본적으로 WordPress 테마에 자주 표시되는 사이트 제목과 같은 중복 항목을 필터링 할 수 있습니다. 타이틀이 컨텐츠 내에있는 경우 수입업자에게 타이틀을 두 번 포함하지 않도록 삭제하도록 지시 할 수도 있습니다..

중요한 것은 게시물이나 페이지와 같은 이전 콘텐츠를 가져올 지 여부를 결정하는 것입니다. 나머지는 설명이 필요 없으며 새 페이지에 대한 WordPress 설정을 구성 할 수 있습니다.

맞춤 입력란

html에서 wordpress로 사용자 정의 필드 가져 오기

사용자 정의 필드로 가져와야하는 데이터가있는 경우 여기에서 구성 할 수 있습니다..

카테고리 및 태그

HTML을 워드 프레스 가져 오기 카테고리 및 태그

여기에서 가져온 컨텐츠에 카테고리, 태그 및 게시물 형식을 지정할 수 있습니다. 플러그인은이 단계를 쉽게하기 위해 사이트에 기존 분류를 표시합니다..

도구

HTML을 워드 프레스 가져 오기 도구

이 화면에는 HTML에서 WordPress로 성공적으로 가져 오는 데 유용한 여러 도구가 나열되어 있습니다..

3. 가져 오기 시작

완료되면 설정을 저장하십시오. 이것은 파일 가져 오기 단추. 시작하려면 클릭하세요.

HTML을 워드 프레스 가져 오기

(참고 : 당신은 또한 통해 얻을 수 있습니다 도구> 가져 오기 그리고 따기 임포터 실행 아래의 HTML 선택권.)

다음으로, 파일의 디렉토리를 가져올 것인지 단일 파일을 가져올 것인지 (찾아봐야 함) 선택한 다음 제출. 그런 다음 플러그인이 작동합니다..

완료되면 WordPress 사이트에 모든 기존 컨텐츠가 있어야하며 새 테마로 형식화되어야합니다. 또는 다른 경로 중 하나를 방문한 경우 사이트는 기본적으로 이전 HTML 웹 사이트와 같아야합니다. 잘 했어요!

추가 단계

정적 HTML 웹 사이트와 같은 곳에 WordPress 사이트를 배포하려는 경우 완료하기 전에 몇 가지 추가 작업을 수행해야합니다..

첫 번째는 새로 가져온 게시물과 페이지의 URL이 검색 엔진에 적합한 지 확인하는 것입니다 (예 : 순위를 매길 키워드를 포함). 페이지 나 게시물로 이동하여 제목 아래의 URL을 보면 매우 간단합니다..

HTML을 워드 프레스 가져 오기 후 퍼머 링크 확인

변경하려면 클릭 편집하다 오른쪽에서 원하는 URL로 변경하고 확인.

두 번째는 이전 URL에서 새 URL 로의 리디렉션을 구현하는 것입니다. 그렇게하면 기존 SEO 가치를 잃지 않을 것입니다.

HTML 플러그인에서 이전 사이트 주소를 입력하면 리디렉션 코드가 생성됩니다. 이 파일을 복사하여 파일에 붙여 넣을 수 있습니다.htaccess 서버 (보통 루트 디렉토리)에 상주.

FTP를 통해 액세스하지만 숨겨진 파일은 기본적으로 보이지 않으므로 볼 수 있어야합니다. 그런 다음 편집 .htaccess 규칙을 입력.

URL을 변경하지 않은 경우에만 작동합니다. 맞춤 리디렉션을 설정하지 않았거나 설정해야하는 경우 리디렉션 플러그인. 누군가 사이트에 존재하지 않는 URL을 방문 할 때마다 추적하는 매우 편리한 솔루션입니다. 그렇게하면 해당 링크에 대한 리디렉션도 구현할 수 있습니다.

HTML에서 WordPress로 성공적으로 이동 했습니까??

그리고 그게 다야. 정적 HTML 사이트를 WordPress로 변환하는 방법을 배웠습니다. 결과적으로, 당신은 웹상에서 가장 큰 커뮤니티 중 하나의 일원이되어 사이트를 더 좋게 만들기 위해 수천 개의 리소스에 액세스 할 수 있습니다.

위에서 선택한 솔루션에 따라 WordPress의 작동 방식에 대한 인상을 이미 받았습니다. 이제부터 WordPress 플랫폼을 사용하여 웹 사이트를 만들 수 있습니다. 이 영역에서 추가 도움이 필요하면이 사이트에 많은 도움이됩니다. 다음 방법을 배울 수 있습니다.

  • 단계별로 WordPress 사용자 정의
  • HTTP에서 HTTPS로 사이트 이동
  • 워드 프레스에 사용자 정의 글꼴 추가
  • 워드 프레스 웹 사이트 속도 향상
  • WordPress 사이트에 연락처 양식 추가

그 외에도, 새로 제작 된 워드 프레스 웹 사이트에서 행운을 빕니다. 우리가하는 것처럼 WordPress를 사용하는 것을 즐기시기 바랍니다..

HTML에서 WordPress로 사이트를 이동 했습니까? 당신의 경험은 어땠습니까? 추가 할 팁이 있습니까? 아래의 의견 섹션에 알려주십시오.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map