워드프레스에서 블록 테마로 전환하면 웹사이트 디자인에 대한 현대적이고 사용자 친화적인 접근 방식을 제공합니다. 이 가이드에서는 블록 테마가 왜 유익한지, 클래식 테마에서 매끄럽게 전환하기 위해 어떤 조치를 취해야 하는지 알아봅니다.
워드프레스 5.9에서 출시된 블록 테마는 클래식 테마 환경으로 상당한 업그레이드를 제공합니다. 블록 테마를 사용하면 사용자 정의 코딩이나 개발자 채용, 디자인 기본 설정에 맞는 새로운 테마 검색 등의 작업이 필요 없습니다. 블록 테마는 프로세스를 단순하게 하여 워드프레스 편집기의 모든 사람이 디자인 변경 사항에 접근할 수 있게 합니다.
클래식 테마에서 블록 테마로 변경하기 전에 변경 사항을 파악하세요. 웹사이트의 스타일과 레이아웃은 변경되지만 페이지와 글의 내용은 변경되지 않습니다.
라이브 사이트를 변경하기 전에 새 테마를 테스트할 수 있는 도구가 몇 가지 있습니다.
- 체험 및 사용자 정의: 사이트에서 테마를 활성화하기 전에 테마를 미리 보고 사용자 정의하세요.
- 스테이징 사이트 만들기: 적격 호스팅 요금제에는 실제 사이트의 정확한 복제본을 만드는 기능이 포함됩니다.
편집 워크플로우가 변경되므로 라이브 사이트의 블록 테마로 전환하기 전에 테마와 콘텐츠를 편집하는 방법을 알아보는 시간을 가져보세요.
클래식 테마를 변경할 때는 사용자 정의 기능을 사용합니다. 사용자 정의하기는 선택한 테마에 따라 사용자 정의 사항의 사전 설정된 모음이 있습니다. 블록 테마를 사용하면 훨씬 더 유연한 사이트 편집기에서 디자인 작업을 할 수 있습니다. 사이트 편집기는 테마가 콘텐츠를 표시하는 방법에 대한 완전한 제어를 제공하며 테마에 구애받지 않습니다.
또한 클래식 테마에서는 구 버전 편집기를 사용하여 콘텐츠를 편집합니다. 구 버전 편집기는 페이지/글 콘텐츠를 입력한 단순 텍스트 필드입니다. 블록 테마는 워드프레스 편집기를 사용하므로 모든 종류의 콘텐츠와 레이아웃 요소를 페이지나 글에 추가할 수 있습니다.
새 테마로 전환하기 전에 사이트의 가시성을 비공개로 설정하거나 곧 출시될 예정이므로 방문자가 보기 전에 새 디자인을 검토하고 필요한 사항을 변경할 시간이 있습니다. 사이트의 프라이버시 설정을 변경하는 방법을 알아보세요.
마지막으로, 현재 테마의 이름과 테마의 사용 중지 여부를 기록하세요. 현재 테마가 사용 중지되지 않은 경우 블록 테마로 전환하는 데 더 많은 시간이 필요한 경우 클래식 테마로 다시 전환할 수 있습니다. 사용 중지된 테마는 사이트에서 활성 상태를 유지할 수 있지만, 다른 테마로 전환하면 사용 중지된 테마로 되돌릴 수 없습니다.
사이트의 호스팅 요금제에 사이트 백업이 포함되어 있으면 테마를 변경하기 전의 시점으로 사이트 백업을 복원할 수 있습니다.
블록 테마로 사이트를 테스트했으므로 이제 라이브 사이트의 테마를 변경할 차례입니다.
- 사이트의 알림판을 방문합니다.
- 디자인 → 테마로 이동합니다.
- 선택한 테마를 검색합니다.
- 테마의 썸네일을 클릭하고 “활성화” 버튼을 클릭합니다.
원한다면 테마를 활성화하기 전에 미리 보고 몇 가지 사용자 정의할 수 있습니다. 테마 사용자 정의에 만족하면 테마를 활성화할 수 있습니다.
스테이징 사이트를 사용하여 테마를 테스트한 경우 스테이징을 프로덕션에 동기화하여 해당 변경 사항을 라이브 사이트로 이동할 수 있습니다.
블록 테마로 전환한 후, 다음 단계는 매끄러운 전환을 보장하고 새 테마의 기능을 완전히 활용하는 데 도움이 될 것입니다.
블록 테마로 전환하면 홈 페이지를 편집하는 방법이 변경됩니다. 다음은 주의해야 할 몇 가지 주요 변경 사항입니다.
- 사이트 편집기를 사용하여 홈페이지 콘텐츠를 디자인합니다.
- 클래식 테마가 정적인 홈 페이지를 사용했다면, 해당 페이지는 사이트 알림판에 있는 페이지의 “임시글”섹션으로 이동합니다. 사이트 편집기에서 임시글에서 새 홈페이지 템플릿으로 필요한 콘텐츠를 복사할 수 있습니다.
- 클래식 테마가 홈 페이지에 최신 글을 표시했다면, 쿼리 반복문 블록을 홈페이지 템플릿에 추가하거나 블로그 글에 대한 별도의 페이지를 생성할 수 있습니다.
기존 메뉴가 자동으로 새 테마로 이동되지만, 메뉴의 디자인과 레이아웃을 사용자 정의하기를 원할 수도 있습니다. 블록 테마를 사용할 때 사이트의 메뉴를 사용자 정의하는 방법을 익히기에 좋은 때입니다.
더 이상 사이트의 메뉴를 편집하기 위해 “사용자 정의 기능”을 사용하거나 디자인에서 “메뉴” 섹션을 구분하지 않아도 됩니다. 대신 사이트 편집기를 통해 탐색을 편집합니다.
블록 테마는 다양한 페이지 유형(홈 페이지, 페이지, 글 등)에 대해 완전히 사용자 정의 가능한 템플릿을 사용합니다. 템플릿의 요소가 표시되는 위치와 각 요소 주위의 안쪽 여백 및 여백을 완전히 제어할 수 있습니다.
- 템플릿 편집에 대해 자세히 알아보세요.
- 글꼴과 색상을 포함하여 테마의 스타일을 사용자 정의하는 방법을 알아보세요.
- 블록 간 간격 조정 방법을 알아보세요.
- 사이트 편집기에서 테마와 템플릿 편집에 대한 모든 가이드를 찾아보세요.
여러 기기와 브라우저에서 웹사이트를 테스트하여 다음을 포함하여 모든 기능이 올바르게 작동하는지 확인하세요.
- 위젯: 사이트에서 위젯을 사용하는 경우 원하는 콘텐츠를 표시할 수 있도록 블록 형식으로 변환되었는지 확인하세요.
- 플러그인: 사이트에서 플러그인을 사용하는 경우 플러그인이 계속 작동하는지 확인하세요. 더 이상 필요하지 않은 플러그인을 모두 제거하세요.
일시적으로 사이트를 비공개로 설정한 경우 다시 공개로 설정해야 합니다. 사이트의 재설계에 대해 구독자와 소셜 팔로워를 업데이트할 절호의 기회이기도 합니다.
블록 테마는 더 이상 사용자 정의 기능을 사용하지 않으므로, 블록 테마에서 기본 테마 편집 기능이 존재하는 위치를 보여주는 편리한 목록이 있습니다.