Twenty Twenty-4 주제 검토: 모든 기능, 모든 사실

우리 모두의 마음을 사로잡을 새로운 기본 WordPress 테마가 다시 한 번 선보일 때입니다. Twenty Twenty-Four가 출시되었으며 철저한 테마 검토에 적합한 새로운 기능, 사용자 정의 옵션 및 세부 정보를 제공합니다.

이 게시물에서는 새로운 기본 테마가 제공하는 모든 것을 살펴보겠습니다. 새로운 점, Twenty Twenty-Three에서 이어진 점, 그리고 테마의 장단점을 살펴보겠습니다. 그렇게 하면 현재 또는 미래의 웹 사이트 프로젝트에 대한 옵션인지 결정할 수 있습니다.

컨셉과 디자인 철학

Twenty Twenty-Four는 WordPress 6.4와 함께 출시되었으며 WordPress 테마의 개념화에 중요한 변화를 예고합니다. 모든 유형의 사이트와 주제에 보편적으로 적응하고 적합한 것을 목표로 합니다. 이를 위해 일관성 있는 단일 테마보다는 필요에 따라 결합할 수 있는 디자인 패턴과 미학의 대규모 컬렉션을 더 많이 제공합니다.

과거 WordPress 기본 테마에서 출발

과거에는 WordPress 기본 테마가 좀 더 틈새 시장에 집중되거나 좁게 초점을 맞춘 디자인을 사용하는 경우가 많았습니다. 예를 들어, Twenty Nineteen에서는 주로 타이포그래피에 중점을 두었고 테마는 블로그나 정적 비즈니스 웹 사이트의 템플릿으로 모두 작동했습니다.

마찬가지로, 가독성과 명확성에 중점을 둔 Twenty Twenty는 작가와 출판사에게 완벽했습니다. 이는 텍스트 콘텐츠와 대규모 시각적 개체를 위한 탁월한 프레임워크를 제공했습니다. 반면에 포트폴리오나 멀티미디어 사이트에 필요한 다양성이 부족했습니다.

Twenty Twenty-One은 미니멀리즘을 수용했으며 주로 블로거와 중소기업을 대상으로 했습니다. 그 단순함은 콘텐츠 중심의 웹사이트와 깨끗하고 간단한 레이아웃에 이상적이었습니다. 그러나 기본 차분한 색상 팔레트는 어떤 유형의 웹사이트에도 실제로 적합하지 않았습니다.

이러한 테마는 특정 범위 내에서는 효과적이지만 더 넓은 범위의 웹 사이트 유형에 대한 유용성은 다소 제한되었습니다. 각각은 매력적이긴 하지만 반드시 다른 종류의 웹사이트에 적용되지는 않는 독특한 디자인 철학을 가지고 있었습니다.

스물 스물 네는 더 넓은 범위를 가지고 있습니다

반면에 Twenty Twenty-Four는 더 광범위한 사용 사례를 충족합니다. 특히 기업가와 중소기업 소유자, 사진작가와 예술가, 작가와 블로거 등 세 가지 주요 사용자 그룹을 대상으로 합니다. 이 3중 초점 접근 방식에는 다양한 전문적 및 개인 웹사이트 요구 사항에 적합할 만큼 다양한 템플릿과 패턴이 제공됩니다.

Twenty Twenty-Four를 직전 모델인 Twenty Twenty-Three와 비교하면 디자인 철학의 분명한 진화가 드러납니다. Twenty Twenty-Three는 커뮤니티에서 제출한 스타일 변형에 주로 초점을 맞춘 Twenty Twenty-2의 최소 버전인 반면, Twenty Twenty-Four는 최신 WordPress 디자인 기능에 중점을 둡니다.

그 접근 방식은 하나의 중요한 디자인을 추진하는 것에 관한 것이 아닙니다. 사용자가 창의적인 비전을 실현할 수 있도록 지원하는 눈에 보이지 않는 프레임워크를 제공하는 데 더 중점을 두고 있습니다.

사용자 정의 옵션 및 유연성

Twenty Twenty-Four는 풍부한 사용자 정의 옵션 팔레트를 테이블에 제공합니다. 7가지의 독특한 글로벌 스타일 변형이 제공되므로 다양한 디자인 미학을 자유롭게 선택하고 전환할 수 있습니다.

기본

Twenty Twenty-Four의 기본 스타일은 흰색이 아닌 배경색, 짙은 회색 액센트 및 단순한 우아함을 갖춘 밝은 색상 구성으로 제공됩니다. 제목에는 Cardo, 본문에는 Inter라는 두 가지 글꼴 모음을 사용합니다. 또한 옵션의 일부로 10가지 색상, 12가지 그라데이션 및 5가지 이중톤을 제공합니다.

타다 남은 것

Ember 변형은 새로운 기본 테마의 신선하고 역동적인 모습을 보여줍니다. 이미지에 밝은 주황색 오버레이를 추가하고 비세리프 글꼴인 Jost 및 Instrument Sans로 전환하는 동시에 부드러운 배경색을 사용하여 생생한 색상을 상쇄합니다.

화석

다음으로는 화석이 있습니다. 본문에는 세리프체를 사용하고 제목에는 세리프리스 서체를 사용하여 원래의 타이포그래피를 머리로 바꿉니다. 색상 면에서는 흙빛 색상(5가지 다른 색상 제공)과 잘 어울리고 둥근 버튼을 사용하여 더욱 유기적인 느낌을 줍니다. 웰빙 관련 웹사이트에 대한 훌륭한 옵션이라고 볼 수 있습니다.

얼음

이 스타일 변형은 기본 테마 디자인과 밀접하게 일치하며 동일한 색상 팔레트를 사용합니다. 그러나 제목에는 시스템 글꼴을, 본문 텍스트에는 Inter 글꼴을 보여줍니다. 이들은 함께 다양한 색상과 그라데이션 선택으로 테마의 원래 설정을 반영하는 깨끗하고 선명한 미학을 만들어냅니다.

큰 소용돌이

Maelstrom은 다양한 개선 사항을 통해 기본 스타일에 혁명을 일으켰습니다. 파란색과 흰색 색상 팔레트를 사용하여 Fossil 변형과 유사한 타이포그래피 접근 방식을 사용합니다. 유일한 차이점은 본문 복사에 Jost를 사용한다는 것입니다. 그 결과, 고급스러우면서도 현대적인 디자인이 탄생했습니다.

민트

민트 스타일은 색상 팔레트와 글꼴 모음의 변경 사항을 통합하여 상쾌한 변형을 도입합니다. 제목에는 Instrument Sans가, 본문에는 Jost가 표시됩니다. 그 결과 다른 변형과 차별화되는 독특하고 현대적인 시각적 미학이 탄생했습니다. 또한 민트칩 아이스크림이 먹고 싶어집니다.

오닉스

기본 스타일의 어두운 버전인 Onyx는 더욱 우아한 색상 팔레트(10가지 색상 포함)와 그라데이션 및 이중톤 조합을 도입합니다. 고급스러운 색상 구성과 시각적으로 매혹적인 요소로 세련되고 세련된 온라인 존재감을 원하는 사용자에게 적합합니다.

녹

마지막으로 Rust 스타일 변형은 원래 디자인을 유지하면서 단지 세 가지 색상의 모래색 구성표를 추가합니다. Twenty Twenty-Four의 절제된 특성을 유지하면서 더욱 생생한 색상을 추가할 수 있는 훌륭한 테마 변형입니다.

2024: 사용 가능한 페이지 템플릿

Twenty Twenty-Four에는 웹사이트 디자인과 기능의 다양한 측면을 수용하도록 설계된 포괄적인 내장 페이지 템플릿 세트가 포함되어 있습니다. 이러한 템플릿은 다음과 같습니다.

1. 단일 게시물 — 개별 블로그 게시물을 위한 표준 템플릿입니다.
2. 사이드바가 있는 페이지 — 단일 게시물 템플릿과 비슷하지만 위젯이나 추가 정보를 위한 추가 공간을 제공하는 사이드바가 포함되어 있습니다.
3. 검색 결과 — 이 템플릿은 검색된 콘텐츠 표시를 담당합니다.
4. 페이지 — 표준 페이지의 기본 템플릿입니다.
5. 사이드바가 있는 페이지 — 사이드바가 포함된 페이지 템플릿의 변형입니다.
6. 넓은 이미지가 포함된 페이지 — 이 템플릿은 상단에 더 넓은 이미지를 제공하고 아래 두 열에 제목과 내용을 제공합니다.
7. 페이지 제목 없음 — 페이지 제목이 없는 페이지 레이아웃으로, 특정 유형의 콘텐츠를 더욱 깔끔하게 표시합니다.
8. 색인 — 홈 페이지 또는 기본 블로그 롤의 기본 템플릿입니다. 또한 템플릿 계층 구조에 따라 모든 페이지에 대한 대체 템플릿으로 기능합니다.
9. 홈 — 홈페이지용으로 특별히 디자인된 이 템플릿은 독특한 첫인상을 만들기 위해 사용자 정의할 수 있습니다. 이는 또한 이번 Twenty Twenty-Four 테마 리뷰를 통해 본 샘플 홈페이지이기도 합니다.
10. 아카이브 — 이 템플릿은 카테고리, 태그 등 모든 아카이브 페이지의 콘텐츠를 깔끔하게 구성하고 표시합니다.
11. 페이지: 404 - 404 오류 페이지용 템플릿으로 일반 오류 메시지 대신 맞춤 디자인이 가능합니다.

패턴 및 템플릿 부분

Twenty Twenty-Four의 하이라이트 중 하나는 사이트 편집기의 패턴 에서 찾을 수 있는 약 40개의 디자인 패턴 컬렉션입니다. 이는 처음부터 새로 만들 필요 없이 쉽게 사용자 정의하여 페이지나 게시물을 만들 수 있도록 미리 디자인된 블록입니다.

패턴은 섹션 패턴과 전체 페이지 패턴의 두 가지 형태로 제공됩니다. 첫 번째 다양성에는 배너, 클릭 유도 문구, 블로그 게시물을 표시하는 다양한 방법, 미디어 갤러리 등이 포함됩니다.

또한 테마에는 본격적인 8가지 페이지 패턴도 포함되어 있습니다. 프로젝트 개요를 통해 기본 Twenty Twenty-Four 홈페이지에 표시되는 비즈니스 홈 패턴부터 정보 페이지 등에 이르기까지 다양합니다.

이러한 템플릿 외에도 Twenty Twenty-Four에는 템플릿 부분도 포함되어 있지만 그 수가 적습니다. 정확히 하나의 헤더와 두 개의 일반 템플릿 부분이 있습니다. 공식적으로는 바닥글도 하나만 있지만, 패턴 중에서 바닥글 디자인을 3개 더 찾을 수 있습니다.

그럼에도 불구하고 Twenty Twenty-Four는 이러한 템플릿, 템플릿 부분 및 패턴을 사용하여 편집 작업 흐름을 단순화합니다. 이 테마를 사용하면 포괄적인 템플릿 범위와 패턴 및 부분이 제공하는 유연성 덕분에 원하는 경우 최소한의 사용자 정의만으로 전체 웹사이트를 구축할 수 있습니다.

이 접근 방식을 사용하면 초보자가 전문적인 웹 사이트를 더 쉽게 만들 수 있을 뿐만 아니라 숙련된 디자이너에게 구축하고 사용자 정의할 수 있는 견고한 기반을 제공합니다.

타이포그래피와 미학

앞서 스타일 변형에서 살펴보았듯이 Twenty Twenty-Four 테마는 타이포그래피를 많이 활용하는 것을 좋아합니다. 여기서 기본 스타일의 세련된 느낌을 담당하는 중심 기둥 중 하나가 바로 Cardo 글꼴입니다. 사이트의 외관에 약간의 세련미를 더해주는 올드 스타일 세리프 서체입니다.

이 글꼴 선택은 고전적인 느낌을 유지하면서 미적 세련미를 우선시하는 현대적인 디자인 트렌드를 반영합니다. 이는 우아하고 세련된 외관을 목표로 하는 사이트에 특히 적합합니다.

단락 텍스트의 경우 Twenty Twenty-Four 기본 스타일은 Inter 글꼴을 사용하여 텍스트를 깔끔하고 읽기 쉽게 만듭니다. 이러한 선택을 통해 웹사이트의 전반적인 가독성이 향상되어 방문자의 콘텐츠 접근성과 참여도가 높아집니다. Inter는 Cardo의 우아함을 보완하여 정교함과 실용성의 균형을 맞추고 현대적이고 사용자 친화적인 인터페이스에 기여합니다.

이러한 두 가지 서체 외에도 Twenty Twenty-Four에는 일부 스타일 변형에 Jost 및 Instrument Sans 글꼴 모음이 포함되어 있습니다. 또한 이러한 글꼴을 사용하면 사이트의 개성과 디자인 목표에 가장 적합한 타이포그래피를 선택할 수 있습니다. 또한 산세리프 및 세리프 시스템 글꼴 중에서 선택할 수도 있습니다.

전반적으로 Twenty Twenty-Four의 기본 색상 팔레트는 밝은 색상으로, 상자에서 꺼내자마자 신선하고 매력적인 외관을 제공합니다. 이 밝은 색상은 사이트의 시각적 매력을 향상시켜 환영하고 현대적인 분위기를 조성합니다.

위에서 언급한 신중하게 선별된 스타일 변형은 모두 테마의 패턴 및 템플릿과 아름답게 작동합니다. 사이트 디자인을 개인화하기 위한 다양한 선택 사항을 제공하여 Twenty Twenty-Four가 다양한 시각적 선호도와 요구 사항에 적응할 수 있도록 보장합니다.

과제와 한계

이 리뷰에서 볼 수 있듯이 Twenty Twenty-Four 테마는 다양한 인상적인 기능을 제공합니다. 그러나 과제나 한계가 없는 테마는 없다는 점을 인식하는 것이 중요합니다. 고려해야 할 몇 가지 주요 측면은 다음과 같습니다.

• 비교 복잡성 — 모든 사용자 정의 가능한 옵션과 고급 기능을 갖춘 Twenty Twenty-Four는 이전 버전에 비해 학습 곡선이 더 가파르게 나타날 수 있습니다. WordPress 초보자나 단순한 테마에 익숙한 사람들에게는 특히 어려울 수 있습니다.
• 유연성과 단순성의 균형 — 테마의 유연성은 장점이기는 하지만 일부에게는 문제를 일으킬 수도 있습니다. 선택할 수 있는 옵션이 많아지면 일부 사람들은 자신이 원하는 대로 사이트를 설정하는 데 시간이 더 많이 걸리거나 진행 방법이 명확하지 않을 수 있습니다. 선택지가 너무 많은 경우입니다.
• 풍부한 기능과 속도 — 테마는 다양한 기능과 사용자 정의 옵션을 제공하지만 이는 잠재적으로 사이트의 로딩 속도와 전반적인 성능에 영향을 미칠 수 있습니다. 이는 풍부한 기능의 디자인과 함께 사이트 속도를 최적화하는 데 능숙하지 않은 사람들에게 특히 그렇습니다.
• 모든 것에 맞는 단일 접근 방식 — 테마는 다목적이고 다양한 틈새 시장에 적응할 수 있는 것을 목표로 하지만 모든 사용자의 특정 요구나 선호도를 충족시키지 못할 수도 있습니다. 특정 틈새 웹사이트는 고유한 브랜드나 메시지를 효과적으로 전달하기 위해 보다 전문적인 테마가 필요할 수 있습니다.

성능 및 최적화

WordPress 테마를 평가할 때 성능은 중요한 요소입니다. 보기에는 좋지만 로드 속도가 느리거나 사이트 효율성을 방해하는 테마는 사용자 경험과 SEO 순위에 부정적인 영향을 미칠 수 있습니다.

핵심 성능 팀이 구성되면서 WordPress 프로젝트는 최근 로딩 속도를 최우선 기능으로 만드는 것의 중요성을 다시 강조했습니다. 이는 <스물스물넷>을 제작할 때도 고려한 사항이었습니다. 참가자들은 성능 문제를 지적하고 해결했습니다.

분명히 성공적이었습니다. 임시 웹사이트에서 빠른 성능 테스트를 실시한 결과 눈에 띄는 속도 문제는 발견되지 않았습니다. GTmetrix는 1.8초의 가장 큰 콘텐츠 포함 페인트로 성능에서 B를 부여했습니다. 수많은 이미지가 포함된 꽤 길고 완전히 최적화되지 않은 홈페이지의 경우 이는 허용됩니다.

물론, 페이지 로딩 속도는 다양한 요인에 따라 달라지므로 이는 실제로 대표적인 샘플은 아니지만 성능이 우수한 웹 사이트의 견고한 기반을 나타냅니다. WordPress 6.5 릴리스에는 훨씬 더 많은 성능 향상과 수정이 약속되어 있다는 점에 유의하는 것도 중요합니다.

2024 주제를 테스트해 보세요

Twenty Twenty-Four에 대한 리뷰를 마무리하면서 이 최신 WordPress 기본 테마가 대담한 발전이라는 것이 분명해졌습니다. 정교함과 다재다능함의 조화를 제공하며 광범위한 사용자 정의 옵션이 합법적으로 돋보입니다.

Cardo와 같은 글꼴의 사려 깊은 사용과 유연한 색상 팔레트는 미적 매력을 더해줍니다. 포함된 다양한 템플릿과 템플릿 부분은 다양한 웹 사이트 요구 사항을 충족합니다.

전반적으로 이 테마는 WordPress가 테마 및 웹 사이트 디자인을 위해 제공하는 기능을 훌륭하게 보여줍니다. 모든 기술 수준의 사용자가 이를 활용하도록 초대합니다.

Twenty Twenty-Four에 대한 리뷰를 직접 작성하실 계획이신가요? 아래 댓글에서 이 새로운 기본 테마를 수용하는 것에 대한 생각과 계획을 공유해 주세요!