지원으로 돌아가기 사이트 디자인 테마 테마

테마

워드프레스에서 웹사이트를 만드는 초기 단계에서 테마를 접하게 됩니다. 이 가이드에서는 테마에 대해 소개하고 사이트에서 테마가 하는 역할, 사용할 수 있는 테마 유형 간의 차이점을 살펴봅니다.

테마 소개

테마는 사이트의 시각적 디자인과 전체 레이아웃으로, 웹사이트의 콘텐츠가 방문자에게 표시되는 방식을 제어합니다. 테마에는 색 구성표, 타이포그라피, 페이지 레이아웃 및 기타 요소를 비롯하여 웹사이트 전체에서 일관되고 응집력 있는 디자인을 만들어내는 디자인 구성 요소가 포함되어 있습니다.

테마는 웹사이트의 모양과 기능의 시작점을 제공합니다. 웹사이트 디자인을 처음부터 구축할 필요가 없도록 테마는 웹사이트 제작을 빠르게 시작하는 데 필요한 디자인 프레임워크를 제공합니다. 테마를 사용하면 콘텐츠의 모습을 결정하는 데 너무 많은 시간을 들이지 않고 즉시 콘텐츠 제작을 시작할 수 있습니다. 잘 디자인된 테마는 많은 수고를 덜어 줍니다!

웹사이트의 콘텐츠를 그대로 유지하면서 테마를 변경할 수도 있으며, 새 변경 사항을 자동으로 적용할 수 있습니다.

테마 선택 방법

다양한 선택지가 있으면 테마에서 원하는 바를 구상하는 데 도움이 될 수 있습니다. 중요한 점은 직접 사이트의 레이아웃을 완전히 제어할 수 있다는 것입니다. 워드프레스닷컴 테마를 활성화하면 사이트 편집기를 사용하여 사이트에 있는 모든 요소의 텍스트, 이미지, 색상, 글꼴, 레이아웃 및 위치를 변경할 수 있습니다.

테마를 결정할 때 고려할 일부 요인에는 다음과 같은 내용이 포함됩니다.

  • 헤더 영역의 모양이 마음에 드시나요? 일반적으로 사이트 제목, 메뉴 및 로고가 이 영역에 표시됩니다.
  • 콘텐츠를 구성하고 표시하는 방식이 마음에 드시나요? 모양 변경은 가능하지만, 원하는 레이아웃을 선택하면 나중에 요소를 옮기는 수고를 줄일 수 있습니다.
  • 모바일 화면과 태블릿 화면에 테마가 표시되는 방식이 마음에 드시나요? 어떻게 표시되는지 참조하려면 실시간 데모를 열고 상단의 선택 도구를 사용하여 데스크톱, 태블릿과 모바일 간에 전환해 보세요. 모든 워드프레스닷컴 테마는 휴대전화를 포함하여 모든 화면 크기에 반응형으로 적용됩니다.
테마: Gourmetto

테마를 살펴볼 때는 데모에 표시된 주제보다 전체 레이아웃에 집중하세요. 테마의 데모 사이트는 가구 스토어, 음악 포트폴리오, 패션 사이트 또는 음식 블로그의 예를 보여줄 수 있습니다. 그러나 데모 텍스트와 이미지를 자신만의 내용으로 바꾸면 상상할 수 있는 모든 주제에 맞게 사이트를 사용자 정의할 수 있습니다.

테마: Iotix

사용 가능한 테마 찾아보기

워드프레스닷컴에서 사용 가능한 테마 컬렉션을 찾으려면 워드프레스닷컴 알림판에서 디자인 →테마로 이동합니다. 이러한 테마는 업로드하거나 사이트에 설치하지 않아도 되며 버튼 하나만 클릭하면 활성화할 수 있습니다.

사용 가능한 테마의 스크린샷으로, 여러 가지 무료, 프리미엄 및 파트너 테마를 보여줍니다.

모든 유형의 웹사이트와 예산에 알맞게 다양한 테마를 사용할 수 있으며, 항상 새로운 테마가 추가됩니다. 테마를 둘러볼 때 테마 이름 바로 아래에 다음 레이블 중 하나가 표시됩니다.

플러그인이 지원되는 요금제를 사용하면 Astra, OceanWP를 비롯하여 워드프레스 커뮤니티에서 개발한 테마를 검색할 수도 있습니다. 즐겨 찾는 커뮤니티 테마를 검색하고 테마 썸네일 아래에서 “커뮤니티” 태그를 찾아보세요.

다양한 종류의 테마

다음 용어는 워드프레스 에코시스템의 테마 유형을 말합니다. 

블록 테마는 워드프레스에서 사용할 수 있는 가장 유용한 최신 테마입니다. FSE(전체 사이트 편집) 테마라고도 하는 이 테마를 사용하면 사이트 편집기의 기능을 완전히 활용하여 레이아웃을 원하는 그대로 만들 수 있으며, 코딩 경험이 필요하지 않습니다.

블록 테마는 사이트 디자인에 더 많은 유연성을 제공합니다. 블록 테마의 시작 레이아웃을 그대로 계속 사용하거나 자신만의 디자인을 만들기 위한 출발점으로 활용할 수 있습니다. 사이트의 모든 요소를 정밀하게 제어할 수 있습니다.

블록 테마에서는 스타일을 사용하여 사이트의 색상, 타이포그라피 및 레이아웃을 구성하고, 그 사용자 정의 가능성은 이전 테마 유형에서 제공되던 수준을 뛰어넘어 확장됩니다. 사이트의 콘텐츠 표시 방법을 제어하는 템플릿을 편집할 수 있을 뿐만 아니라 사용자 정의 템플릿, 템플릿 부품패턴을 제작하여 사이트의 페이지, 글, 기타 콘텐츠에서 재사용할 수 있으므로 사이트가 단일 모양, 색상 팔레트 또는 탐색 메뉴에 종속되지 않습니다.

참고: 아래에 설명된 범용 테마는 블록 테마 필터 페이지에도 표시됩니다.

범용 테마

범용 테마는 블록 편집기용으로 제작된 테마의 첫 번째 버전입니다. 블록 테마와 대부분 비슷하지만 기본적인 차이점은 범용 테마에서는 여전히 사용자 정의 기능을 사용하여 메뉴와 같은 특정 요소를 편집한다는 것입니다.

복합 테마

복합 테마는 블록을 사용하되 사이트 편집기용으로 제작되지는 않은 기본 테마입니다. 블록 테마에 비하면 사용자 정의 옵션이 최소한으로 제한됩니다.

클래식 테마

클래식 테마는 워드프레스(블록) 편집기가 도입되기 전에 개발된 테마를 말합니다. 해당 디자인은 기본적으로 디자인 → 사용자 정의에서 편집되지만, 전체 구조와 레이아웃은 일반적으로 테마에 따라 설정되며 블록 테마에서 제공되는 것과 동일한 제어 수준으로 조정할 수는 없습니다. 대부분의 블록 편집 옵션(예: 전체 폭 콘텐츠)은 클래식 테마에서 사용할 수 없습니다.

서드파티 테마

가이드의 이 섹션은 WordPress.com Creator 및 Entrepreneur 요금제와 기존 프로 요금제를 사용하는 사이트에 적용됩니다. 무료, Starter 및 Explorer 요금제를 사용하는 사이트의 경우 요금제를 업그레이드하여 이 기능에 접근하세요.

서드파티 테마는 워드프레스 플랫폼에서 사용하기 위해 다양한 서드파티 개발자가 개발한 테마입니다. 테마 업로드 가이드에서 서드파티 테마를 사이트에 추가하는 방법에 대한 단계별 지침이 제공됩니다.

사이트에 대해 어떤 비전이 있든 그에 맞는 테마를 찾을 수 있습니다. WordPress.org 또는 마켓플레이스에서 제공되는 테마(예: Themeforest)를 고려하는 경우 테마를 선택할 때 다음과 같은 추가 요인을 염두에 두어야 합니다.

당사에서 서드파티 테마를 지원하지는 않지만 플러그인 및 테마에 대한 도움말 지원 설명서에서 이러한 테마에 대한 도움말을 이용하는 방법에 대한 제안을 제공합니다.

테마 더 알아보기

전용 테마 가이드는 사이트의 테마를 활성화, 설정 및 사용자 정의하는 데 도움이 됩니다.

테마 활성화

테마 선택은 웹사이트 생성 시작 시 중요한 단계입니다. 이 가이드에서는 테마를 찾고 사이트의 비전에 어울리는 테마를 선택하는 방법을 설명합니다.

데모 콘텐츠 추가

데모 콘텐츠에서는 테마에서 제공되어야 모든 것을 보여줍니다. 나중에 자신의 텍스트와 이미지로 바꿀 수 있는 데모 콘텐츠를 사이트에 추가할 수 있습니다. 빈 사이트로 시작하는 것보다 데이터 콘텐츠로 작업하는 것이 훨씬 쉬울 수 있습니다.

테마 변경

사이트의 테마는 얼마든지 원하는 대로 변경할 수 있습니다. 이 가이드에서는 테마를 전환하고 사이트가 원하는 대로 보이도록 하는 방법을 설명합니다.

테마 업로드

이 가이드에서는 워드프레스닷컴 사이트에 테마를 업로드하는 방법을 설명합니다.

하위 테마 만들기

HTML과 PHP에 대한 지식이 있으면 하위 테마를 만들어 테마의 기본 코드를 변경할 수 있습니다.

테마 삭제

이 가이드에서는 사이트에서 테마를 제거하는 방법을 설명합니다.

사용 중지된 테마

이 가이드에서는 테마가 사용 중지되면 어떻게 되고 무엇을 해야 하는지를 설명합니다.

테마 파일 편집기(고급)

이 기능은 워드프레스닷컴 Creator 또는 Entrepreneur 요금제를 사용하는 사이트에서 사용할 수 있습니다. 사이트에서 기존 요금제 중 하나를 사용하는 경우 프로 요금제에서 사용할 수 있습니다.

테마 파일 편집기는 사이트에 설치된 테마의 코드를 직접 편집하는 데 사용되는 워드프레스 내 도구입니다. 이 도구는 고급 프로그래밍 지식이 있는 사이트 소유자를 위한 것입니다. 고급 사용자가 아닌 경우 사이트가 손상될 위험이 있으므로 이 기능을 사용하지 않는 것이 좋습니다. 이 방법을 사용하면 테마 파일 편집기를 사용하지 않고도 대부분의 작업을 완료할 수 있습니다.

Twenty Twenty-One 테마의 style.css 파일을 보여주는 테마 파일 편집기 스크린샷.
테마 파일 편집기

테마 파일 편집기에 접근하는 방법은 다음과 같습니다.

  1. 사이트의 알림판을 방문합니다.
  2. 사이드바에서 디자인으로 이동합니다.
  3. 테마 파일 편집기를 클릭합니다. 여기에 나열되지 않는 경우 테마 파일 편집기에서 테마에 액세스할 수 없는 것입니다.
  4. 오른쪽 위 모서리의 “편집할 테마 선택“이라는 레이블이 지정된 드롭다운 메뉴에서 편집할 테마를 선택하고 “선택” 버튼을 클릭합니다.
  5. 오른쪽에서 편집할 특정 테마 파일을 클릭합니다. 이 테마 파일은 왼쪽의 코드 창에 로드됩니다.
  6. 변경한 후 하단의 “파일 업데이트” 버튼을 클릭하여 변경 사항을 저장합니다.

테마 파일 편집기의 대안

테마 파일 편집기를 사용하지 않고도 테마를 크게 변경할 수 있습니다. 다음과 같은 옵션을 고려해 보세요.

Copied to clipboard!