무료
Twenty Twenty

글쓴이: the WordPress team
시작하기

Twenty Twenty 는 새로운 워드프레스 기본 테마입니다. 블록 편집기의 유연성을 핵심으로 설계되었습니다. 조직이나 비즈니스에 사용하려는 경우 열, 그룹 및 미디어를 결합하여 서비스 또는 제품을 보여주는 동적 레이아웃을 만들 수 있습니다. 기존 블로그에 사용하려는 경우, 중앙 집중식 컨텐츠 열과 정성이 담긴 타이포그라피를 사용하여 더 완벽하게 만들 수 있습니다.

1440px 랩톱 화면에서의 기본 열 너비는 최대 580px입니다. “가로” 블록 너비는 최대 1200px이며 “전체” 블록 너비는 화면의 전체 너비를 확장합니다.

전체 블록 편집기 지원

Twenty Twenty의 블록 에디터

Twenty Twenty는 블록 편집기로 사용 가능한 창의적 자유를 최대한 활용하도록 설계 및 개발되었습니다. 열 및 그룹 블록에 특별히 많은 노력을 기울였으며, 이 블록은 복잡한 블록 레이아웃으로 인상적인 방문 페이지로 결합될 수 있습니다. Twenty Twenty에는 블록 편집기에 대한 전체 편집기 스타일이 포함되어 있으므로 편집기에 표시되는 결과는 거의 최종 결과와 거의 일치합니다.

Twenty Twenty는 개인 블로그 또는 비즈니스 로고 또는 아이콘의 아바타 역할을 하는 사이트 로고를 지원합니다. 사이트에서 수정하려면 다음을 수행하세요.

  1. 내 사이트 → 사용자 정의를 열고 사이트 ID 영역을 클릭합니다.
  2. 로고 추가 버튼을 클릭하여 미디어 관리자를 엽니다.
  3. 새 이미지를 업로드하거나 미디어 라이브러리에 있는 이미지를 선택합니다.
  4. 로고로 설정을 클릭하면 로고가 미리보기에 나타납니다.
  5. 상단의 게시 버튼을 클릭하여 변경 내용을 저장합니다.

Twenty Twenty는 특성 이미지를 글과 페이지에서 강조합니다.


권장 특성 이미지 크기는 폭 1980px, 높이 1485px입니다.

사용자 정의 색상

Twenty Twenty에는 내가 원하는 대로 사이트를 쉽게 꾸밀 수 있는 3가지 색상 설정이 포함되어 있습니다. 색상 설정을 변경하려면 사용자 정의 기능 → 색상으로 이동하세요.

Twenty Twenty에 포함된 색상 설정은 다음과 같습니다.

  • 배경 색상(기본값: 밝은 베이지색)
  • 헤더 및 푸터 배경 색상(기본값: 흰색)
  • 기본 색상(기본값: 분홍색)

사이트 요소 색상은 선택한 배경 색상을 기준으로 자동 계산됩니다. 이에 따라 모든 방문자가 액세스할 수 있을 정도로 색상 대비가 항상 높아집니다.

커버 템플릿

Twenty Twenty에는 특성 이미지 위에 게시물 또는 페이지의 제목을 표시하는 “커버 템플릿”이라는 페이지 템플릿이 포함됩니다.

Twenty Twenty 커버 템플릿

게시물 또는 페이지를 편집하고, 오른쪽 사이드바에서 “문서” 탭을 선택하고 “게시물/페이지 속성” 탭을 펼친 후 “템플릿” 드롭다운에서 “커버 템플릿”을 선택하여 커버 템플릿을 사용하도록 게시물 또는 페이지를 설정할 수 있습니다.

Twenty Twenty에는 다양한 커버 템플릿 옵션이 포함되어 있으며, 사용자 정의 기능의 “커버 템플릿” 탭에서 찾을 수 있습니다. 여기에서 이미지 오버레이의 배경 색상, 이미지 오버레이의 불투명도 및 오버레이 위에 표시되는 텍스트의 색상을 설정할 수 있습니다. 방문자가 스크롤할 때 배경 이미지가 고정된 위치에 있어야 하는지 여부를 선택할 수 있으며, 이로 인해 부드러운 시차 효과가 나타납니다.

위젯

Twenty Twenty는 사이트 컨텐츠 아래 푸터에 2개의 위젯 영역을 포함합니다. 최대 열 너비는 570px입니다.

700px보다 넓은 화면에서 이 위젯은 자동으로 2개의 열에 표시됩니다.

소셜 아이콘 추가

Twenty Twenty에는 소셜 아이콘 메뉴가 포함됩니다. 소셜 미디어 프로필에 링크를 추가하면 푸터에 로고로 표시됩니다.

그러려면 먼저 소셜 링크 메뉴를 만들어야 합니다.

그런 다음 사이트에 해당 메뉴를 배치할 위치를 알려주세요.

  1. 사용자 정의 → 메뉴로 이동합니다.
  2. 메뉴 위치 패널을 선택합니다.
  3. 만든 메뉴를 소셜 링크 위치에 할당합니다.
  4. 상단의 게시 버튼을 클릭하여 변경 내용을 저장합니다.

Twenty Twenty의 소셜 아이콘 메뉴에는 다음에 대한 아이콘이 포함됩니다.

  • Behance
  • Codepen
  • DeviantArt
  • DockerHub
  • Digg
  • Dribbble
  • Dropbox
  • 페이스북
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Medium
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • VK
  • 워드프레스
  • 옐프
  • 유튜브

간단한 사양(모든 측정값 픽셀 단위):

  1. 1440px 랩톱 화면에서 기본 열 너비는 열 레이아웃 1개가 포함된 최대 1032px입니다.
  2. 푸터에는 열 너비가 1032px인 위젯 영역이 하나 있습니다.
  3. 권장 특성 이미지 크기는 폭 2000px, 높이 1200px입니다.

이 테마는 다운로드할 수 있으며 워드프레스 독립 호스트 설치에 사용할 수 있습니다.

다운로드
WordPress 알아보기초보자도 쉽게 따라 할 수 있는 강의를 따라가며 첫 번째 웹사이트나 블로그를 만들어 보세요.
과정 시청하기