[ad_1]
2023년 11월 1일 WordPress 6.1 릴리스에는 TwentyTwentyThree라는 새로운 스톡 테마가 도입되었습니다. 모든 주식 테마와 마찬가지로 목적은 반짝이는 새 장난감을 과시하는 것입니다.
최신 버전의 WordPress와 함께 제공됩니다. TwentyTwentyThree는 6.1이 무엇을 할 수 있는지 잘 보여주고 WordPress가 코드 없는 디자인 시스템으로 계속 진화함에 따라 가까운 미래를 상상할 수 있게 해줍니다.
TwentyTwentyThree는 프로덕션 환경에서 사용하든 향후 사용을 위해 평가하든 상관없이 확실히 고려할 준비가 되어 있습니다.
TwentyTwentyThree: 제작자를 위한 블록 테마
TwentyTwentyThree는 블록만으로 WordPress 사이트의 모든 요소를 구축할 수 있는 방법을 보여주는 더 좋은 예가 될 수 없습니다. 그것이 블록 테마의 특징입니다.
이 테마는 최근 이전 버전인 TwentyTwentyTwo의 축소 버전으로 간주됩니다. 그 테마에는 잘 정의된 아트 디렉션이 있었습니다. 반대로 TwentyTwentyThree는 디자인에 구애받지 않기 때문에 이전의 기본 WordPress 테마와 달리 스톡 이미지가 없습니다. 그리고 매우 가볍습니다. 그리고 그것이 요점입니다.
이를 통해 콘텐츠 제작자, 디자이너 또는 사이트 개발자가 명령을 내릴 수 있습니다.
TwentyTwentyThree의 차별화된 기능을 살펴보겠습니다.
스타일 변형
사이트 편집기의 일부인 이 기능은 새로운 차일드리스 테마 시대를 열 수 있습니다. 테마를 전체적으로 변경해야 하는 경우 사용자 지정 스타일과 기능이 있는 하위 테마를 만드는 데 필요한 어려움을 알고 있을 것입니다.
실제로 다른 테마를 사용하지 않고도 이제 테마 스타일을 변경할 수 있다는 아이디어는 TwentyTwentyThree가 제공하는 스타일 옵션으로 완전히 표시됩니다.
기본 스타일 외에도 이러한 10가지 스타일 변형을 웹 사이트에 맞게 쉽게 선택할 수 있습니다. 특히 각 스타일 변형은 WordPress 커뮤니티의 구성원이 만들었습니다.
각 스타일은 색상 팔레트와 타이포그래피로 정의됩니다. 필요에 따라 변경할 수 있는 시작점으로 생각하십시오.
색상 팔레트
11가지 스타일 변형 각각에는 5세트(시작점) 색상 팔레트가 있습니다. 기본 스타일 변형은 다음을 사용합니다.
언제든지 기본 스타일 또는 다른 10가지 변형으로 색상을 변경할 수 있습니다.
서체
TwentyTwentyThree 테마는 처음 접할 수 있는 글꼴 모음과 함께 제공됩니다. 자세한 내용을 보려면 서체 이름을 선택하십시오.
시스템 글꼴
이들은 사용자 시스템에 이미 설치된 글꼴을 사용합니다.
이러한 모든 글꼴은 TwentyTwentyThree와 함께 제공됩니다. 즉, 작년 초 EU에서 개인 정보 보호 문제가 제기된 Google과 같은 타사 소스에서 글꼴을 가져오지 않습니다. 또한 글꼴은 사용하는 경우에만 로드되므로 실제 성능이 향상됩니다(그러나 이것은 대부분의 WordPress 블록 테마에 새로운 것은 아닙니다).
원하는 경우 언제든지 내장 글꼴에서 벗어날 수 있습니다.
그리고 다른 블록 테마와 마찬가지로 제목과 같은 단일 블록에 색상이나 서체를 지정하여 전체 사이트에 적용할 수 있습니다.
여전히 사이트 전체에서 문자 간격, 단어 간격 또는 줄 높이와 같은 속성을 설정할 수 없지만 2023년 3월 WordPress 6.2 릴리스와 함께 변경될 것으로 예상됩니다.
유동적인 타이포그래피 및 간격
“대부분의 WP 테마가 이미 반응형이라고 생각했습니다. 이게 뭐야?”
TwentyTwentyThree는 콘텐츠에 중점을 두므로 서체와 주변 공간이 모든 장치에서 최적으로 렌더링되는지 여부에 대해 이전처럼 초조해할 필요가 없습니다.
어떻게 작동합니까?
기존의 반응형 디자인은 CSS 미디어 쿼리를 사용하여 데스크톱, 랩톱 및 모바일 장치 너비를 대상으로 합니다. 이 접근 방식의 문제점은 설계자가 각 유형의 장치에 대해 중단점을 설정할 수 없다는 것입니다. 이는 사례별로 해결해야 하는 일부 설계 문제를 설명합니다.
유체 서체는 장치의 너비를 대상으로 하지 않습니다. 대신 클램프 속성의 세 가지 값(최소, 기본 및 최대 크기)을 사용하여 장치의 뷰포트와 함께 작동하고 그에 따라 크기를 조정합니다.
이것은 특히 제목과 큰 텍스트 크기에 대한 우아한 솔루션입니다.
본문 복사와 같은 더 작은 크기의 경우 기존 미디어 쿼리 접근 방식이 여전히 사용됩니다.
추가 세부 정보 및 일부 기술 사양은 다음을 참조하세요. CSS-Tricks에서 WordPress 블록 테마에 유동적인 타이포그래피 지원 추가. 이 기사에서는 유동적인 타이포그래피가 작동하는 방식을 설명하는 몇 가지 기술 사양을 볼 수 있습니다.
합산
때로는 어떤 테마가 가져올 수 있는 새로운 기능이 무엇인지 말하기가 어렵습니다. “이 기능은 테마에 따라 다른가요, 아니면 WordPress 코어의 일부인가요?”
문서를 읽는 것보다 짧은 것을 알아낼 수 있는 유일한 방법은 다른 테마를 시도하여 테스트하는 것입니다. 그래서 많은 테스트를 했고 결과적으로 TwentytwentyThree에 내장된 기능(WordPress 코어가 아님)이 위에서 설명한 기능이었습니다.
TwentyTwentyThree는 눈부시게 보이지 않지만, 거기에 강점이 있습니다.
손끝에서 다양한 디자인 가능성이 있는 강력한 백지라고 생각하십시오. 이 테마는 “빈 페이지에서 시작할 수 있다면 WP 테마의 미래는 무엇입니까?”라고 묻습니다.
[ad_2]
Source_