썸네일 사용이 편한 테마 LeanMagazine

4월에 소개했던 Centric 테마와 같은 곳에서 제작한 테마입니다. 테마 옵션이 조금 부족하다는 것과 footer.php의 암호화된 코드로 생성시키는 테마와 무관한 링크가 눈에 거슬린다는 것 외에는 디자인도 깔끔하며 사용하기도 어렵지 않아 괜찮은 테마입니다. WPThemeDesigner의 테마답게 LeanMagazine 테마 역시 주요 디자인 색상을 달리한 여러 가지 버전의 테마를 제공하며, 블로그 전체 디자인을 담고 있는 PSD 파일도 제공합니다.

블로그 첫화면에서 Featured Posts를 슬라이드 쇼로 보여주는 점도 눈에 띄지만, 최근글 목록과 카테고리, 아카이브, 검색결과 페이지에서 워드프레스 블로그 내에서 이미지 파일을 업로드시키면 자동으로 생성되는 작은 이미지 파일을 썸네일로 사용한 점도 눈에 띕니다. 때문에 커스텀필드를 이용해 썸네일의 경로를 지정하거나하는 수고를 덜 수 있습니다.

블로그 상단의 페이지 네비게이션 메뉴는 상위 페이지와 하위 페이지 구분 없이 일렬로 늘어 세우며, 로고 아래에 위치한 카테고리 메뉴는 하위 페이지를 포함하지 않습니다. Sticky Post로 지정한 글은 블로그 첫화면 최근글 목록에서 최상단에 나타나게 됩니다. 댓글에 댓글 달기와 댓글 쪽 나눔 기능을 지원하며, 간단한 테마 옵션을 제공합니다.

• LeanMagazine Theme 소개
• LeanMagazine Theme 미리보기
• LeanMagazine Theme 내려받기

썸네일

LeanMagazine 테마에서 썸네일을 블로그에 추가하기 위해 커스텀필드를 이용하거나 할 필요가 없습니다. 글을 작성할 때 이미지 업로더(Add an Image)로 이미지 파일만 블로그에 올려도 자동으로 썸네일을 뽑아줍니다. 이는 워드프레스 블로그에서 이미지 업로더로 파일을 올리면 미디어 설정(Media Settings)에 설정된 대로 썸네일로 사용할 이미지를 자동으로 생성해주기 때문에 본문에 실제 삽입하지 않아도 특정 포스트에서 계정에 올린 이미지 파일의 썸네일을 이용할 수 있는 것입니다. LeanMagazine에서 사용하는 썸네일 이미지의 크기는 150×150으로 워드프레스 미디어 설정 썸네일의 기본 값이기도합니다. 썸네일로 사용되는 이미지는 글을 쓸 때 마지막으로 올린 이미지 파일입니다.

한 가지 문제는 특집 카테고리 글에 사용되는 이미지는 파일을 필요한 부분만 자르거나 필요한 크기로 잘라 사용하는 것이 아니라, 이미지 파일의 가로폭을 해당 영역에 맞게 늘린 다음 필요한 부분만 보여주는 방식이기 때문에 업로드시킨 이미지의 세로 길이가 짧을 경우 다음 이미지가 일부 보여지게 됩니다. 가로 길이가 너무 짧아도 늘렸을 때 볼품이 없겠지요. 때문에 이 점을 고려해서 슬라이드 쇼에 보여지게 될 포스트에 이미지를 삽입해야 될 듯 합니다.

테마 옵션

테마를 활성화시킨 뒤 테마 옵션(Appearance > Theme Settings)으로 이동해 블로그 첫화면에 슬라이드쇼로 보여줄 특집 카테고리를 지정합니다. 간단히 카테고리의 이름만 입력하면 됩니다. 블로그 날개에 보여질 유튜브 동영상 삽입은 테마 옵션에서 예를 들어보여주듯, 동영상 주소에서 v= 다음에 오는 숫자와문자 조합의 ID를 붙여넣기하면 됩니다.

플러그인 설치

LeanMagazine 테마에서 사용하는 플러그인은 필수가 아니라 선택입니다. 블로그 날개에 플리커 사진을 끌어와 보여주며, 태그 구름에 플래시 애니메이션을 넣어 보여주고 싶은 경우에만 설치하면 됩니다.

필요하시다면 Plugins > Add New로 이동해 FlickrRSS와 WP-Cumulus를 검색해 설치하세요. 플리커알에스에스는 활성화 후 Settings > FlickrRSS로 이동해 보여줄 사진(item) 개수를 6으로 맞춘 뒤 나머지 필요한 설정을 하시면 되며, WP-Cumulus 플러그인은 활성화 후 Settings > WP Cumulus로 이동해 플래시 태그 구름 상자의 가로 세로 크기만 245, 225 정도로 설정한 뒤 세부 사항을 필요에 따라 설정해주시면 되겠습니다.

WP Cumulus 플래시 태그 구름은 한글 표현이 안 되기 때문에 한글 태그나 카테고리도 태그 구름에 나타내길 원하시는 분은 tagcloud.swf 링크 위에서 마우스 오른쪽 버튼을 눌러 다른 이름으로 링크 저장을 눌러 파일을 내려받아 WP Cumulus 플러그인 디렉토리에 올려주시면 됩니니다.

이 테마는 WP Page Numbers 플러그인을 활성하시키면 블로그에 적용되도록 템플릿 파일에 코드가 삽입되어 있습니다. Previous/Next 식의 쪽 이동보다 1, 2, 3 처럼 쪽마다 번호를 매겨 이동할 수 있는 방법을 선호하신다면 이 플러그인도 설치해사용하시면 됩니다. 활성화시킨 후 특별히 설정할 것은 없습니다.

광고 설정

광고를 삽입할 수 있도록 미리 준비되어 있는 곳은 블로그 상단과 날개 영역으로 각각 468×60, 125×125 픽셀 크기입니다. 468×60 광고는 테마의 header.php 템플릿 파일을 열어 <div class=”ad”>에서 </div>내에 이미지 경로와 링크를 설정해주시거나, 애드센스를 이용할 경우 간단히 468×60 크기의 광고 단위를 하나 생성 해 코드를 붙여넣으면 됩니다.

블로그 날개의 125×125 광고 영역은 sidebar.php에서 배너 광고 이미지로 사용할 이미지의 경로와 링크 주소를 설정해주셔야 됩니다. 하지만 sidebar.php 파일을 수정하지 않고 블로그 관리자 화면에서 위젯을 추가할 경우(Appearance > Widgets) 테마에서 기본 정의된 위젯은 모두 날라가기 때문에 별도의 위젯을 사이드바에 추가해 사용할 것인지를 먼저 결정하신다음 sidebar.php에서 코드를 조금 수정해 사용하시는 것이 좋습니다.

사이드바 수정

블로그 날개에 별도의 위젯을 자유롭게 추가하기 위해서는 위젯을 사용할 수 있도록 정의해둔 위치를 조정할 필요가 있습니다. 기본 설정 상태에서는 Appearance > Widgets 에서 위젯을 추가할 경우 sidebar.php에 설정된 위젯들이 모두 날아가기 때문에 블로그의 위젯 설정 페이지에서 임의의 위젯을 추가했을 때에 기본 설정 상태에서 원하는 위젯은 남아있을 수 있도록 다이나믹 위젯으로 사용할 영역을 조정해 줄 필요가 있습니다. 예를 들어, 최근 댓글 위젯을 추가했을 때 유튜브 동영상 아래에 해당 위젯을 나타나도록 하고 싶다면, sidebar.php 파일을 열어 아래 코드를 찾아 <!– end featured video –> 주석 아래로 옮겨 줍니다.

<?php if ( !function_exists('dynamic_sidebar')|| !dynamic_sidebar(1) ) : ?>

sidebar.php에서 위젯 시작과 끝마다 주석이 달려있기 때문에 원하는대로 순서를 재배열해 사용하는데 큰 어려움을 없을 듯 합니다.

로고 수정

테마 제작자가 블로그 이미지 작업물인 PSD 파일을 제공하기 때문에 로고 수정이 쉽습니다. PSD 파일을 내려받아 블로그 이름과 소개문구(tag line)을 수정한 뒤 해당 부분만 잘라서 leanmagazine/images 디렉토리에 올려준 뒤 style.css 파일에서 logo로 검색해 수정한 로고 파일의 이름과 width와 height 값만 변경해주면 됩니다. PSD 파일이 블로그 전체를 담고있기 때문에 로고 부분만 떼어내서 저장해뒀습니다. 필요하신 분은 내려받기하세요. LeanMagazine 테마 로고 PSD 파일 원본 로고에 사용된 글꼴이 유료이기 때문에 임의의 글꼴로 대체해서 사용하셔야 됩니다.

연관 글

1. Drenched 워드프레스 테마
2. 입맛에 맞게 수정하기 쉬운 테마, Imagination
3. 전업 워드프레스 테마 디자이너 ChiQ의, Centric Theme
4. 산뜻한 워드프레스 테마 Glassical