워드프레스 테마: 클래식 테마와 블록 테마 비교

워드프레스 사이트 제작을 계획 중이라면 두 가지 중요한 선택이 필요합니다. 첫 번째는 WordPress.com과 셀프 호스팅 WordPress.org 중 어디에 사이트를 만들지 정하는 것이고, 두 번째는 사이트의 외형과 기능을 좌우할 테마를 선택하는 것입니다.

WordPress 테마는 사이트 디자인의 레이아웃, 간격, 타이포그래피, 색상 및 상호 작용을 지정하는 파일 모음입니다.

여기서 여러분이 마주하게 될 테마의 종류는 크게 두 가지로 나뉩니다: 클래식 테마와 블록 테마. 이 둘의 차이점과 장단점을 한눈에 정리해 보겠습니다.

클래식 테마란 무엇인가요?

클래식 테마는 전통적인 방식으로 제작된 워드프레스 테마로, PHP와 HTML 템플릿을 주로 사용합니다. 워드프레스의 초창기부터 사용되어 왔으며, 대다수의 테마가 이 구조를 기반으로 합니다.

대부분의 클래식 테마는 블록 편집기가 도입되기 전에 개발되었습니다.
첫 번째 클래식 테마는 (적절하게도) 클래식이라고 불렸습니다. 버전 1.2까지 표준 WordPress 테마로 사용되었습니다.

특징

• 커스터마이징: Appearance > Customize에서 기본적인 수정이 가능하며, 로고, 색상, 메뉴, 위젯 등을 변경할 수 있습니다.
• 코드 수정 필요: 특정한 변경 사항은 PHP 파일 수정이 필요할 수 있습니다. 이를 위해서는 자식 테마를 생성하여 수정 내용을 저장하는 것이 추천됩니다.
• 플러그인 호환성: 대부분의 인기 플러그인과 호환성이 높습니다.

장점

• 오랜 역사와 안정성: 사용자 기반이 넓고, 풍부한 문서와 지원 커뮤니티를 갖추고 있습니다.
• 시작하기 쉬움: 오래된 방식이 익숙한 사용자나 개발자에게 적합합니다.
• 유연한 플러그인 사용: 기존 플러그인과의 호환성이 뛰어납니다.

단점

• 초보자에겐 난이도 높음: 특정 기능을 구현하려면 코딩이 필요할 수 있습니다.
• 테마 전환 어려움: 다른 클래식 테마로 변경 시 일부 디자인 요소를 다시 만들어야 합니다.

대부분의 프리미엄 테마 공급업체는 여전히 주로 클래식 테마를 판매합니다.

잘 알려진 클래식 테마는 무엇입니까?

몇 가지 인기 있고 잘 알려진 클래식 테마는 다음과 같습니다.

1. Astra(100만 + 활성 설치)
2. Hello Elementor(100만+ 활성 설치)
3. GeneratePress (600,000+ 활성 설치)
4. OceanWP (600,000+ 활성 설치)
5. Twenty Twenty-One (400,000+ 활성 설치)
6. Kadence (300,000+ 활성 설치)
7. Neve (300,000+ 활성 설치)
8. Blocksy (200,000+ 활성 설치)
9. Storefront (100,000+ 활성 설치)
10. Sydney (100,000+ 활성 설치)

이것들은 모두 WordPress.org 테마 디렉토리의 무료 테마입니다. 그들 중 일부는 플러그인 형태로 프리미엄 업그레이드를 받았습니다.

몇 가지 인기 있는 프리미엄 클래식 테마는 다음과 같습니다.

1. Divi
2. Newspaper
3. Avada
4. Genesis
5. Flatsome
6. Enfold
7. Salient
8. BeTheme
9. The7
10. ColorMag

이 데이터는 BuiltWith의 테마 사용 추세에서 가져온 것입니다.

블록 테마란 무엇인가요?

블록 테마는 최신 워드프레스 블록 편집기(Gutenberg Editor)와 연계하여 풀 사이트 편집(Full Site Editing) 기능을 지원하는 테마입니다. 모든 디자인 요소를 블록 단위로 관리할 수 있어 코딩 없이도 시각적인 작업이 가능합니다.

워드프레스에서 출시한 첫 번째 전체 사이트 편집 테마는 워드프레스 5.9와 함께 출시된 Twenty Twenty-Two였습니다.

특징

• 구조의 변화: 기존 PHP 중심의 파일 구조에서 벗어나 HTML과 theme.json 파일로 이루어진 간결한 구조를 가집니다.
• 풀 사이트 편집: 헤더, 푸터, 페이지 레이아웃을 블록 에디터를 통해 쉽게 수정할 수 있습니다.
• 스타일 변형 지원: 테마 내부에서 제공되는 스타일 변형 옵션으로 빠르게 사이트 디자인을 변경할 수 있습니다.

장점

• 미래 지향적: 워드프레스의 발전 방향과 맞물려 새로운 기능을 빠르게 활용 가능.
• 코딩 필요 없음: 블록을 활용해 사이트를 시각적으로 구성할 수 있어 초보자도 접근이 쉽습니다.
• 퍼포먼스 향상: PHP 대신 HTML 파일을 사용하여 로딩 속도가 빠릅니다.

단점

• 학습 곡선: 클래식 테마에 익숙한 사용자라면 블록 기반의 작업 방식에 적응하는 데 시간이 필요할 수 있습니다.
• 문서 부족: 상대적으로 새로운 기술이라 일부 테마는 문서화가 부족합니다.
• 호환성 문제: 기존 플러그인과의 호환성이 완벽하지 않을 수 있습니다.

잘 알려진 블록 테마에는 어떤 것이 있습니까?

블록 테마는 클래식 테마보다 훨씬 적은 시간 동안 사용되었기 때문에 숫자는 대부분 클래식 테마보다 훨씬 적습니다.

1. Twenty Twenty-Four (100만+ 활성 설치)
2. Twenty Twenty-Three (700,000+ 활성 설치)
3. Twenty Twenty-Two (300,000+ 활성 설치)
4. YITH Wonder (60,000+ 활성 설치)
5. Extendable (50,000+ 활성 설치)
6. Raft (10,000+ 활성 설치)
7. Variations (10,000+ 활성 설치)
8. BizBoost (9,000+ 활성 설치)
9. Neve FSE (9,000+ 활성 설치)
10. Spectra One (7,000+ 활성 설치)
11. Jadro (6,000+ 활성 설치)
12. FotaWP (2,000+ 활성 설치)
13. Frost (2,000+ 활성 설치)
14. Minimalistix (2,000+ 활성 설치)
15. Ollie (2,000+ 활성 설치)
16. Ona (2,000+ 활성 설치)
17. Simple Nova (2,000+ 활성 설치)
18. Blockbooster (1,000+ 활성 설치)
19. Blockify (1,000+ 활성 설치)
20. Blockstarter (1,000+ 활성 설치)

사이트 편집자

블록 테마는 클래식 테마와 매우 다른 시스템을 사용합니다. 모든 사용자 정의는 Appearance > Editor를 통해 액세스할 수 있는 Site Editor에서 수행됩니다.

클래식 테마 vs 블록 테마: 장단점

클래식 테마의 장점

인기, 오래된 역사 및 지원

• 현재까지 활성 설치 수에서 클래식 테마가 블록 테마보다 더 우세합니다. 가장 인기 있는 블록 테마는 WordPress의 새 설치에 포함된 모든 기본 테마입니다.
• 클래식 테마는 블록 테마보다 더 오래 사용되어 왔기 때문에 일반적으로 사용자 기반이 더 크고, 문서화 및 지원이 잘 되어 있는 경우가 많습니다.
• 공식 지원 채널 외에도 정말 인기 있는 클래식 테마는 수천 명의 회원이 있는 Facebook 그룹이 있습니다. 예를 들어:
  • GeneratePress 커뮤니티
  • OceanWP 공식 커뮤니티
  • 웹 크리에이터 커뮤니티(KadenceWP 제공)
  • Divi 테마 사용자
  • Avada 사용자 그룹

익숙함

• 클래식 테마는 오랜 시간 동안 워드프레스 사이트의 외형을 결정하는 유일한 방법이었으므로, 대부분의 기존 WordPress 사용자와 개발자에게 더 친숙합니다.
• 블록 테마를 사용하거나 제작하려면 새로운 패러다임에 적응해야 합니다.

플러그인 호환성

• 클래식 테마는 인기 있는 플러그인과 호환될 가능성이 더 높습니다. 블록 테마는 상대적으로 미지의 영역에 가깝습니다.

클래식 테마의 단점

개발자가 아니면 사용자 정의하기 어렵다

• 클래식 테마 사용자 정의는 워드프레스 커스터마이저에 의존합니다.
• 커스터마이저에서 원하는 기능이 없다면, CSS 추가나 테마의 PHP 템플릿을 편집해야 할 수 있습니다.

테마 전환이 어렵다

• 클래식 테마는 사용자 정의 방법이 다르기 때문에, 테마를 전환할 경우 새 테마에서 사이트의 요소를 다시 만들어야 할 수 있으므로 더 고통스러운 과정이 될 수 있습니다.

블록 테마의 장점

미래 지향적

• 블록 편집기가 계속 발전함에 따라, 블록 테마 사용자를 지원하기 위해 더 많은 기능이 추가될 것이 확실해 보입니다.
• 클래식 테마가 금방 사라지지는 않겠지만, 워드프레스의 미래를 최대한 활용하려면 블록 테마 사용이 권장됩니다.

디자이너도 제작 가능

• 블록 테마는 블록으로 구성되어 있어 시각적으로 사이트를 생성하고 편집할 수 있습니다.
• 코드에 대한 지식은 도움이 되기는 하지만 반드시 필요한 것은 아닙니다.
• Create Block Theme 플러그인을 사용해 템플릿과 패턴을 추가하고 스타일을 사용자 지정할 수 있는 새로운 테마를 만들 수도 있습니다.

페이지 빌더 플러그인이 필요하지 않습니다.

• 블록 테마는 사이트의 모든 부분을 블록으로 편집하도록 설계되어 페이지 빌더가 필요 없습니다.
• 페이지 빌더는 필요한 것보다 더 많은 코드를 만드는 경우가 많으므로 코드를 사용하지 않으면 사이트 성능이 향상됩니다.

빠른 로딩 속도

• HTML 파일을 사용하는 블록 테마는 PHP 파일을 사용하는 클래식 테마보다 로딩 속도가 빠릅니다.
• 블록 테마는 페이지에서 사용되는 블록 스타일만 로드하므로, 성능이 최적화됩니다.
• 개발자이자 핵심 커미터인 Felix Arntz는 클래식 테마에서 블록 테마로 바꾼 경험과 그로 인한 성능 향상에 대해 썼습니다.
• 또한 개발자 엘리엇 리치몬드(Elliott Richmond)는 클래식 테마를 블록 테마로 변환하고 로드 시간을 테스트했습니다. 그는 블록 테마가 클래식 테마보다 4초 더 빨리 로드된다는 것을 발견했습니다.

접근성 향상

• 블록 편집기에 포함된 접근성 기능(예: 키보드 접근 가능한 드롭다운 메뉴, 스킵 투 컨텐츠 링크)이 기본 제공됩니다.

블록 테마의 단점

더 높은 학습 곡선

클래식 테마에 익숙한 경우, 블록 테마의 사이트 편집 기능(스타일, 템플릿, 패턴 등)에 적응하는 데 시간이 필요합니다.

• 스타일: 스타일 변형, 팔레트, 타이포그래피, 색상, 그림자, 레이아웃 및 블록 스타일 편집
• 템플릿: 사용 시기, 추가, 교체, 편집 및 재설정 방법
• 템플릿 파트: 대체 디자인으로 교체하는 방법과 편집 및 재설정하는 방법
• 블록 패턴: 삽입, 이동 및 편집 방법

문서화 부족

• 블록 테마는 상대적으로 최신 방식이기 때문에 문서화가 충분하지 않을 수 있습니다.
• 예: Variations 테마는 10,000명 이상의 사용자를 보유하고 있지만 문서가 부족합니다.

사용자 경험의 일관성 부족

• 블록 테마마다 템플릿 편집 방식이 달라 사용자가 혼란을 겪을 수 있습니다.

사용자 정의 블록 제작에는 코딩 지식 필요

• 사이트에 대한 사용자 정의 블록이 필요하고, 요구사항에 맞는 플러그인이 없으면, JavaScript나 PHP를 사용해 직접 맞춤 블록을 코딩해야 합니다.

어떤 테마를 선택해야 할까요?

선택 기준

• 블록 테마: 미래 지향적인 기술을 활용하고, 사이트 디자인을 자유롭게 수정하고자 한다면 적합합니다.
  • 디자인에 대한 완전한 통제와 새로운 학습에 대한 의지가 있다면 블록 테마를 선택하세요.
• 클래식 테마: 기존 방식에 익숙하거나, 안정성과 넓은 커뮤니티를 중시한다면 추천합니다.
  • 전통적인 방식과 대규모 사용자 기반, 풍부한 지원을 선호한다면 클래식 테마를 선택하세요.

양쪽 테마 모두 각각의 장단점이 뚜렷하기 때문에, 자신의 필요와 경험 수준에 따라 선택하는 것이 중요합니다.

요약: 블록 테마는 워드프레스의 미래를 선도할 가능성이 높지만, 클래식 테마는 여전히 강력한 지원과 안정성을 제공합니다.

• WordPress 클래식 테마 대 블록 테마 – 차이점은 무엇입니까? – 밝고 투명한 웹
• 테마 이해 – 초보자를 위한 WordPress 자습서
• 블록 테마: WordPress에서 전체 사이트 편집의 핵심
• 헤더 편집 – WordPress.com 지원

여러분은 어떤 테마를 선호하시나요? 아래 댓글로 공유해 주세요!