Twenty Eleven 워드프레스 테마 리뷰 – 1탄

Twenty Eleven 테마의 원래 이름은 “Duster” 이고, 2011년 7월에 출시된 워드프레스 3.2의 기본 테마가 되면서 “Twenty Eleven”이라는 이름이 붙었습니다. Duster 테마에 대한 정보는 다음과 같이 워드프레스의 ‘Free Themes Directory’에서 확인할 수 있습니다.

 

 

twentyeleven

 

 

위 그림에서 Duster 테마는 Automattic에 의해 개발되었고, 1.0.7 버전까지 출시 되었으며, 2011년 10월 5일 이후로는 더 이상 업데이트 되고 있지 않음을 확인할 수 있습니다.

 

‘Duster 테마는 2012년 7월 현재까지 워드프레스의 ‘Free Themes Directory’에서 다운로드 받을 수 있지만, 더 이상 업데이트 되지는 않습니다. 대신 현재는 ‘Twenty Eleven’으로 이름이 변경되어 꾸준히 업데이트 되고 있습니다. Twenty Eleven 테마는 Twenty Ten 테마와 함께 워드프레스 3.4의 기본 테마로 포함되어 있으며, 워드프레스 발전과 함께 꾸준히 진화해 나가고 있습니다.

 

Twenty Eleven 테마의 외관은 다음과 같습니다.

 

 

twentyeleven1

 

 

위 그림에서 Twenty Eleven 테마의 외관을 확인할 수 있습니다.

 

Twenty Eleven 테마는 워드프레스의 기본 기능에 충실하기 때문에, 이 테마를 공부함으로써 워드프레스를 보다 잘 이해할 수 있을 것입니다. 따라서, Twenty Eleven 테마에 대해 자세히 살펴볼 필요가 있을 것입니다.

 

다음은, 워드프레스의 ‘Free Themes Directory’에 소개된 Twenty Eleven 페이지입니다.

 

 

twentyeleven2

 

 

위 그림에서 Twenty Eleven 테마는 wordpressdotorg에 의해 개발되어 왔고, 2012년 7월 현재 1.4 버전까지 출시 되었으며, 최신 업데이트 일자가 2012년 6월 13일인 것을 확인할 수 있습니다. Average Rating은 참여자 수 55명에 별표 4개입니다. Twenty Eleven 테마 특징으로는 1) 메뉴, 머리글, 배경 등 커스텀 옵션, 2) 색상표, 링크 색상, 기본 레이아웃 등 테마 옵션, 3) 쇼케이스 등 페이지 템플릿, 4) 다양한 위젯 지원, 5) 관리자 에디터 스타일, 6) 특성 이미지, 7) 포스트 포맷 스타일, 8) 다국어 지원 등이 있습니다.

 

Twenty Eleven 테마의 이와 같은 특징에 대해서 하나씩 살펴 보도록 하겠습니다.

 

 

1) 메뉴, 머리글, 배경 등 커스텀 옵션

 

Twenty Eleven의 커스텀 옵션에는 Menus, 머리글, 배경이 있으며, 이는 다음과 같이 워드프레스 관리자의 외모 메뉴에서 확인할 수 있습니다.

 

 

twentyeleven3

 

위 그림의 ‘외모’ 메뉴에서 Menus, 머리글, 배경을 확인할 수 있습니다.

 

 

① Menus

Menus는 사용자정의 메뉴를 의미하며, 사용자정의 메뉴를 관리할 수 있는 기능입니다. 이 기능은 워드프레스 3.0 버전에 추가되었습니다. 워드프레스에 Menus 기능이 추가됨으로써 누구나 쉽고 직관적으로 메뉴를 관리할 수 있게 되었습니다. Menus 화면은 다음과 같습니다.

 

 

twentyeleven4

 

위 그림에서는 아직 사용자정의 메뉴가 생성되지 않았습니다. 메뉴 생성을 위해서는 위 그림 가운데 상단 부근에 위치한 ‘메뉴 이름’ 텍스트 필드에 자신이 원하는 메뉴 이름을 쓰고, [메뉴 생성] 버튼을 누릅니다. 메뉴가 생성된 모습은 다음과 같습니다.

 

 

twentyeleven5

 

 

위 그림에서 ‘gnb 메뉴를 성공적으로 생성했습니다’ 메시지를 확인할 수 있습니다. 다음으로 메뉴 아이템을 추가해야 하며, 메뉴 아이템에는 사용자정의 링크, Pages, Categories가 가능합니다.

 

사용자정의 링크는 URL과 라벨을 입력한 다음, [메뉴에 추가] 버튼을 눌러 메뉴에 추가할 수 있습니다. Pages는 메뉴에 추가하기 원하는 페이지에 체크 표시를 한 다음, [메뉴에 추가] 버튼을 눌러 메뉴에 추가할 수 있습니다. Categories는 메뉴에 추가하기 원하는 카테고리에 체크 표시를 한 다음, [메뉴에 추가] 버튼을 눌러 카테고리를 메뉴에 추가합니다.

 

위 그림과 같이 설정된 사용자정의 링크, Pages, Categories를 메뉴에 추가한 결과는 다음과 같습니다.

 

 

twentyeleven6

 

위 그림의 gnb 메뉴에 사용자정의 링크에 해당하는 블로그코디, Pages에 해당하는 샘플 페이지, Categoreis에 해당하는 새 카테고리의 메뉴 아이템이 gnb 메뉴에 추가된 것을 확인할 수 있습니다. 메뉴 추가 완료 후에는, [메뉴 저장] 버튼을 눌러 추가된 내용을 저장하도록 합니다.

 

다음으로, 생성된 gnb 메뉴를 Twenty Eleven 테마에 출력하려면 메뉴와 테마 사이에 연결 과정이 필요하며, 이를 ‘테마 위치’에서 수행합니다. 테마 위치의 기본 메뉴에 생성한 gnb 메뉴를 선택한 다음, [저장하기] 버튼을 누릅니다.

 

최종 저장된 gnb 메뉴는 Twenty Eleven 테마에서 다음과 같이 출력됩니다.

 

 

twentyeleven7

 

 

위 그림에서 gnb 메뉴의 메뉴 아이템(블로그코디, 샘플 페이지, 새 카테고리)이 출력되고 있음을 확인할 수 있습니다.

메뉴 추가, 메뉴 수정, 메뉴 삭제, 메뉴 순서 변경, 메뉴 계층 구조 변경 등 메뉴 관리와 관련된 많은 기능을 Menus에서 설정할 수 있습니다.

 

 

나머지는 다음 2편에서 이어서 설명하겠습니다.

 

 

• (주)블로그코디 대표
• 워드프레스 교육 서비스 런칭
• 워드프레스 정보 공유 커뮤니티 make BCT 런칭
• 한국형 워드프레스 테마 출시
• 워드프레스 홈페이지 제작 서비스 런칭

No comments
Write CommentLIST
WRITE COMMENT

This site uses Akismet to reduce spam. Learn how your comment data is processed.

위로이동