스매싱 매거진이 독자들을 위해 디자인 스튜디오 Function에 의뢰해 만들어 올 2월에 공개한 워드프레스 테마로 세련된 스타일과 방문자의 눈길을 쉽게 끌 수 있도록 썸네일을 적극 활용한 점, 조금 독특한 유저인터페이스가 돋보입니다. 블로그 하단의 스매싱 매거진과 펑션 로고가 조금 부담스럽지만 그 덕분에 PSD 파일로 이미지 소스까지 제공해주는 이 정도 수준의 워드프레스 테마를 무료로 사용할 수 있는 것이겠지요.
페이지 네비게이션 메뉴가 서브 페이지를 노출시키지 않기 때문에 수정 없이 사용하시려면 서브 페이지를 사용하지 않는 경우에 적절합니다.
Header > Latest Image Showcase
최근 글 8개에서 지정된 썸네일 이미지를 보여줍니다. Magazeen 워드프레스 테마는 썸네일 이미지의 크기를 자동으로 필요한 크기에 맞게 줄여 주지만, 썸네일 이미지로 사용할 이미지의 경로는 지정해 주어야 합니다. 지정하는 방법은 테마를 활성화시키면 글 편집 화면에서 글 편집 창 아래에 아래 그림처럼 썸네일로 사용할 이미지의 경로를 입력하는 포스트 옵션이 추가되는데 여기에 이미지 전체 경로를 넣어 주거나, 이름을 image-value로, 값은 이미지 전체 경로로 주어 커스텀 필드를 하나 생성해주면 됩니다.
이렇게 지정하는 이미지는 이 쇼케이스에만 사용되는 것이 아니라 블로그 첫화면과 포스트 페이지, 사이드바에도 함께 사용됩니다.
Latest Image Showcase에서 썸네일에 마우스오버시 포스트 제목이 ‘Check out the Latest Articles’을 대체해 나타나야 하는데 나타나지 않는 문제가 있었는데요. 저만 그렇게 나타나는 것인지 아닌지, 원인이 무엇인지는 모르겠습니다.
Front Page > Recent Posts
Magazeen 워드프레스 테마는 블로그 첫 화면에 기본 최근 글 12개를 세 가지 방식으로 보여줍니다. 위에서 아래로, 가장 최근 글 2개는 전문을, 그 다음 최근 글 4개는 요약문(excerpt)을, 나머지 여섯 개는 제목만 보여줍니다. 만약 처음에 첨부한 그림처럼 블로그 첫화면에 보여줄 최근 글의 개수를 바꾸시려면 index.php 템플릿 파일을 열어 ’showposts’ 값을 바꿔주시면 됩니다.
최근 글 제목만 보여주는 곳에서 보여질 글의 개수를 수정했을 경우에는 상관 없지만, 전문이나 요약문을 보여주는 글의 개수를 수정했을 때에는 다음 번 최근 글을 불러 올 때 앞에서 보여진 글을 뺀 다음 순서의 최근글을 보여주기 위해 offset 값을 바르게 지정하셔야 됩니다. 예를 들어, 최근글을 전문으로 하나를 보여주고, 요약문으로 그 다음 순서의 최근글을 두 개, 그리고 다음 순서의 최근글 4개를 제목만 보여준다면 요약 문을 불러오는 함수에서는 offset 값을 1, 제목만 불러오는 함수에서는 3을 넣어 주시면 됩니다.
블로그 첫 화면 상단에서 포스트 본문 전체를 불러오는 것은, index.php 파일을 열어 아래 코드에서 showposts 값을 변경해주면 됩니다.
query_posts(’showposts=2′ );
포스트의 본문의 일부 또는 요약문을 불러오는 두 번째 최근글 섹션은 index.php 파일을 열어 아래 값을 원하는 대로 수정해주시면 됩니다.
query_posts( ’showposts=4&offset=2′ );
마지막으로 제목만 불러오는 곳은 마찬가지로 index.php 파일에서 아래 쇼포스트 값을 변경해주시면 됩니다.
query_posts( ’showposts=6&offset=6′ );
블로그 첫화면에 큰 썸네일과 함께 포스트 본문 전체를 보여줄 경우 본문에 삽입된 이미지와 썸네일로 사용된 이미지가 중복될 경우에는 공간 낭비를 중복되지 않을 경우에도 썸네일과 본문이 썩 잘 어울리지 않는 경우가 있기 때문에 전문이 아닌 본문의 일부 또는 요약문을 보여주도록 index.php 파일을 열어 the_content() 함수를 the_excerpt()로 바꾸어 주는 것이 좋습니다.
Front Page > Related Posts Drop Down
블로그 첫화면에서 전문을 보여주는 최근 글 아래 카테고리 이름을 클릭하면 해당 글과 연관된 글을 아래 그림처럼 펼쳐 보여줍니다.
Footer > About this blog
블로그 하단(푸터) 영역에 보여지는 블로그 소개글은 테마를 활성화시키면 추가되는 테마 옵션(Magazeen Options)에 입력해주시면 됩니다. ‘About this blog’라는 이름을 바꿔 간단한 블로그 공지용이나 블로그 저작권을 나타낼 때 사용해도 괜찮을 듯 합니다.
Sidebar > Widgets
Magazeen 워드프레스 테마는 별도의 세 가지 위젯을 제공합니다. 특정 카테고리의 최근글을 보여주는 Featured News와 최근글을 보여주는 Recent News, 광고코드를 삽입할 수 있는 Sponsored Ad 위젯 이렇게 세 가지이며 특정 카테고리 최근 글을 보여주는 위젯과 최근 글 위젯은 처음에 첨부한 스크린샷에서 보듯 포스트에서 지정한 그림을 썸네일로 보여줍니다. 처음에 첨부한 스크린샷에서 광고는 구글 애드센스 300×250 크기 단위의 콘텐츠용 이미지 광고입니다. Appearance > Widgets 으로 이동해 사이드바에 끌어다 놓은 뒤 설정해주시면 됩니다.
Single Post Page
Magazeen 워드프레스 테마의 불편한 점 한 가지는 포스트 옵션을 통해 썸네일로 사용할 이미지의 경로를 지정했을 때 해당 이미지가 본문 오른쪽에도 위 그림처럼 뜬다는 것입니다. 크기도 정해져 있기 때문에 불편한데 만약 포스트 오른쪽 상단에 이미지가 뜨지 않도록 하려면 single.php 파일을 열어
<?php if( get_post_meta( $post->ID, 에서부터 <?php the_content( ” ); ?>앞의 <?php endif; ?>까지
삭제시켜주면 됩니다.
Comments
워드프레스 2.7판부터 기본으로 제공되는 댓글에 댓글 달기와 댓글 쪽 나눔 기능을 사용할 수 있습니다. 댓글에 댓글달기 depth와 댓글 쪽 나눔 기능은 Settings > Discussion > Other comment settings 에서 설정하시면 됩니다.