WordPress 5.3의 새로운 Twenty Twenty 테마

게시 됨: 2019-12-20

몇 주 전에 WordPress의 새 버전이 출시되었습니다. WordPress 5.3은 주로 블록 편집기에 포함된 모든 UX 및 UI 개선과 새로운 기본 테마가 특징입니다.

Twenty Twenty 는 WordPress 블록 편집기를 염두에 두고 설계되었습니다. 오늘의 게시물에서 저는 새로운 테마를 간략하게 소개하고, 이 테마를 특별하게 만드는 몇 가지 사항을 공유하고, 어떻게 설정하고 필요에 맞게 조정할 수 있는지 알려드리고자 합니다.

스물 스물 한 눈에

새로운 WordPress 업데이트가 있을 때마다 블록 편집기가 질적으로 도약합니다(편집기 자체가 매우 활발하게 개발되고 있으며 플러그인으로 사용할 수 있음을 잊지 마십시오). Gutenberg 의 궁극적인 목표 는 사용자가 원하는 대로 웹사이트를 디자인하고 구성할 수 있는 완전한 사용자 친화적인 페이지 빌더가 되는 것입니다.

WordPress의 새로운 Twenty Twenty 테마
새로운 Twenty Twenty WordPress 테마.

WordPress 테마의 책임은 블록 편집기에서 사용자가 만든 구조와 디자인에 개성을 추가하는 것입니다. 테마 작성자가 정의한 대로:

Twenty Twenty는 유연성을 핵심으로 설계되었습니다. 조직이나 비즈니스에 사용하려는 경우 열, 그룹 및 미디어를 넓고 전체 정렬과 결합하여 서비스 또는 제품을 과시하는 동적 레이아웃을 만들 수 있습니다. 전통적인 블로그에 사용하고 싶다면 중앙에 있는 콘텐츠 열도 적합합니다.

안데르스 노렌

새로운 WordPress 기본 테마에 대한 한 가지 흥미로운 사실 은 이전 테마와 달리 처음부터 만들어지지 않았다는 것입니다. 이는 WordPress.org 저장소에 이미 존재하는 테마인 Chaplin 을 기반으로 합니다.

채플린 테마의 홍보 이미지입니다.
WordPress용 Chaplin 테마의 홍보 이미지입니다.

Twenty Twenty를 구별하는 또 다른 기능은 Rasmus Andersson이 디자인한 Inter, 함께 제공되는 타이포그래피입니다. 특히 글꼴 크기가 매우 작은 경우 텍스트 읽기를 용이하게 하기 위해 만든 무료 개방형 서체입니다.

인터의 홈페이지 스크린샷(오픈 서체).
Inter는 Twenty Twenty와 함께 제공되는 기본 타이포그래피입니다.

새로운 Twenty Twenty 테마를 설치하는 방법

이미 언급했듯이 이 테마는 WordPress 5.3의 새로운 기본 테마입니다. 따라서 새 WordPress 설치를 만들고 최신 버전을 사용하는 경우 테마가 이미 있습니다.

Twenty Twenty 테마는 WordPress 5.3의 기본 테마입니다.
Twenty Twenty 테마는 WordPress 5.3의 기본 테마입니다.

그러나 이전 버전의 WordPress 에도 설치할 수 있습니다. 모양 » 테마 » 새로 추가 하고 "Twenty Twenty" 테마를 찾으세요.

Twenty Twenty는 이미 WordPress 5.3에 포함되어 있습니다.
Twenty Twenty는 다른 테마와 마찬가지로 설치가 매우 쉽습니다.

테마는 구텐베르그 를 염두에 두고 디자인되었으니, 블록에디터로 콘텐츠를 만드실 경우에만 사용하시길 권장합니다.

Twenty Twenty 를 사용자 정의하는 방법

테마는 WordPress의 내장 테마 사용자 정의 도구에서 쉽게 사용자 정의할 수 있습니다. 모양 » 사용자 정의 를 클릭하면 사용 가능한 모든 옵션이 표시됩니다.

WordPress에서 Twenty Twenty 사용자 지정
WordPress에서 Twenty Twenty 사용자 지정하기.

사용 가능한 대부분의 설정에 이미 익숙할 것이므로 가장 흥미롭다고 생각되는 설정에 대해 자세히 살펴보겠습니다. Twenty Twenty에서 개인적으로 가장 먼저 조정할 것 중 하나는 기본적으로 사용되는 세피아 톤을 좋아하지 않기 때문에 색상 팔레트입니다. 대신, 나는 더 하얀 것을 사용할 것입니다:

Twenty Twenty 기본 색 구성표
Twenty Twenty 기본 색 구성표.

포스트 외관

기본적으로 블로그 게시물의 모양은 차분하고 우아합니다. 다음 스크린샷에서 볼 수 있듯이 제목은 일부 메타 정보(작성자, 발행 날짜, 카테고리) 옆에 표시되며 모두 눈에 띄게 명확하게 표시됩니다.

Twenty Twenty 게시물의 기본 보기
Twenty Twenty에서 WordPress 게시물의 기본 보기.

그리고 제목 바로 뒤에는 콘텐츠와 어느 정도 조화를 이루는 추천 이미지가 나옵니다.

추천 이미지를 사용하지 않거나 가끔씩만 사용하는 경우 이 기본 보기가 가장 좋습니다. 그러나 모든 게시물에 추천 이미지를 사용하는 경우 게시물의 템플릿을 전체 너비 템플릿 으로 변경하는 것이 좋습니다.

테마에서 사용 가능한 페이지 및 게시물 템플릿
테마에서 사용할 수 있는 페이지 및 게시물 템플릿.

이 템플릿을 사용하면 추천 이미지가 더욱 관련성이 높아지고 제목 및 게시물의 메타 데이터와 병합됩니다. 보시다시피 이미지는 첫 번째 접기를 완전히 차지합니다.

첫 번째 접기를 완전히 사용한 추천 이미지가 있는 템플릿
첫 번째 접기를 완전히 사용한 추천 이미지가 있는 템플릿.

이것은 내가 꽤 깔끔하다고 생각하는 기능입니다(여기서는 우리 사이트에서 사용하는 것과 거의 비슷하기 때문에 놀랍지 않습니까? ?)

메뉴

테마에 대해 내가 좋아하는 또 다른 점은 가장 좋아하는 스타일에 따라 여러 메뉴를 만들 수 있다는 것입니다. 한편으로 데스크탑에 대한 두 가지 메뉴 옵션 중에서 선택할 수 있습니다.

  • 가로 메뉴 . 이전의 모든 스크린샷에 표시된 메뉴입니다. 옵션은 웹사이트의 상단 표시줄에 항상 표시됩니다.
Twenty Twenty 테마의 다양한 메뉴
Twenty Twenty 테마의 다양한 메뉴.
  • 확장 메뉴 . 그것은 "숨겨진 메뉴"입니다. 그것을 표시하려면 줄임표 아이콘(이전 메뉴 옆에 있음)을 클릭하기만 하면 됩니다. 그러면 확장 메뉴가 오른쪽 모서리에서 슬라이드 안으로 들어옵니다.
확장된 Twenty Twenty 테마 메뉴
확장된 Twenty Twenty 테마 메뉴.

아주 좋은 또 다른 위업은 소셜 메뉴입니다. 이를 통해 소셜 네트워크 에 대한 링크를 추가할 수 있으며 테마는 문제의 소셜 네트워크 아이콘이 있는 버튼으로 각 프로필을 자동으로 표시합니다.

Twenty Twenty 테마의 소셜 메뉴
Twenty Twenty 테마의 소셜 메뉴를 사용하면 소셜 네트워크에 대한 링크를 추가하고 해당 아이콘과 함께 자동으로 표시할 수 있습니다.

이것은 이 테마에 새로운 것이 아니지만(지금은 잠시 동안 모든 20대 테마에서 사용할 수 있음) 어쨌든 여전히 좋아합니다.

위젯 및 검색

마지막으로 테마에 포함된 위젯 영역도 언급할 가치가 있습니다. 불행히도 여기에 있는 옵션은 매우 제한적입니다. 바닥글에만 위젯을 추가할 수 있습니다. 따라서 블로그나 이와 유사한 사이드바를 갖고 싶다면 하위 테마를 만들고 필요에 맞게 템플릿을 조정해야 합니다.

Twenty Twenty에는 바닥글에 두 개의 위젯 영역이 있으며, 이는 캡처에서 보는 두 개의 열에 해당합니다.
Twenty Twenty는 바닥글에 두 개의 위젯 영역과 함께 제공되며, 이는 캡처에서 보는 두 개의 열에 해당합니다.

WordPress의 기본 제공 검색 기능과 관련하여 테마에는 블로그에서 항목을 검색하기 위한 빠른 양식이 포함되어 있습니다. 메뉴에 검색 아이콘이 있는 버튼이 있습니다. 그것을 클릭하면 JavaScript를 통해 검색 상자가 화면 상단에 표시됩니다.

동적 검색 상자는 Twenty Twenty에 포함됩니다.
동적 검색 상자는 Twenty Twenty에 포함됩니다.

요약

Twenty Twenty 테마는 WordPress의 모든 새 버전과 함께 제공되는 Twenty 시리즈의 다음 단계입니다. 혁명적인 테마라고는 할 수 없지만 제 생각에는 WordPress의 새로운 기능과 완벽하게 통합되는 매우 우아한 테마입니다. 새로운 테마로 업그레이드할 생각인데 어떤 테마를 사용해야 할지 모르겠다면 Twenty Twenty에게 기회를 주세요. 빠르고 아주 좋아 보입니다.

Unsplash에서 Ankhesenamun 96의 추천 이미지.