ChiQ의 WPThemeDesigner.com
전업 워드프레스 테마 디자이너 ChiQ Montes가 운영하는 wpthemedesigner.com에 오늘 현재 23개의 무료 테마가 올라와 있습니다. 모든 테마의 Live Demo를 제공하기 때문에 실제 블로그에 적용했을 때 어떤 모습일지 파악하기 쉽고, Centric 테마처럼 테마의 포토샵 파일을 제공하는 경우도 있어 자신의 취향에 맞게 테마를 손질하기 쉽습니다. 아래 그림은 ChiQ의 MegaNews Theme (Demo)와 SilverLight Theme (Demo) Live Demo 사이트의 화면을 뜬 것입니다.
ChiQ의 MegaNews Theme & SilverLight Theme
Centric Theme
23개의 테마 중 오늘 소개할 테마는 테마의 포토샵 파일을 제공하는 Centric Theme입니다. Live Demo를 보시면 어떤 테마인지 쉽게 확인할 수 있습니다. 아래 그림은 왼쪽에서 오른쪽으로 각각 블로그 메인, 포스트, 카테고리 페이지 화면을 뜬 것입니다.
Main Page / Single Post Page / Category Page
테마의 화면구성은 블로그 첫화면의 경우 4단이지만 전체적으로 보면 본문과 왼쪽 날개 하나로 구성된 2단입니다. 눈에 띄는 점은 썸네일 이미지의 활용입니다. 블로그 첫화면에 최근글과 카테고리별 최근글 그리고 아카이브, 카테고리, 검색결과에서 글 목록을 보여줄 때에도 앞에 썸네일을 붙여 보여줍니다.
Centric Theme Main Page
Centric 테마를 적용한 블로그의 첫화면에서 날개를 제외한 영역을 왼쪽 그림처럼 上, 中, 下로 구역을 나눌 수 있습니다. 上에는 가장 최근에 쓴 글의 일부와 썸네일이 보여집니다. 항상 가장 최근에 쓴 글이 보여지는 것은 아닙니다. 포스트의 Visibility 속성에서 Stick this post to the front page를 선택하면 해당 글이 나타나게됩니다.
中에는 지정된 세 개의 카테고리별 최근글이 보여집니다. 보여질 카테고리별 최근글의 수는 Settings > Reading > Blog pages show at most에 입력한 값을 따릅니다. 만약 이 값이 1이면, 카테고리별 가장 최근글을 썸네일과 본문의 일부만이 보여집니다. 만약 이 값이 10이면 카테고리별 최근글 순에서 2번째 포스트부터 10번째 포스트까지는 제목만 보여지게 됩니다.
下에는 Recent Posts, Recent Comments, Top Commentators가 기본 10개씩 보여집니다. 값을 바꾸고 싶으실 땐, 테마의 index.php 파일을 열어 아래 코드에 있는 숫자 10을 원하는 값으로 바꿔주시면 됩니다. Top Commentators는 최대값이 10입니다.
테마 적용 방법
‘centric theme’이라고 적힌 로고를 변경하는 작업을 제외하면 작업 과정은 크게 세 단계로 나눌 수 있습니다.
- Centric Theme 를 업로드한 후 Cache 디렉토리의 퍼미션을 707로 변경하세요.
- 테마를 활성화시킨 후 Appearance > Theme Settings 에 카테고리 ID를 입력하세요.
- sidebar.php 파일의 코드를 수정하세요.
Step 1
내려받기한 Centric Theme 압축파일을 풀면 Cache 폴더에 이미지가 들어 있을 것입니다. 불필요합니다. 삭제하신 다음 계정에 올리세요. 다음 자동으로 생성되는 썸네일이 저장될 수 있도록 Cache 디렉토리의 퍼미션을 707로 변경해줍니다. Cache 디렉토리를 선택한 뒤 마우스 오른쪽 버튼을 눌러 ‘파일 권한’을 선택하셔서 숫자값에 ‘707′을 입력해주시면 됩니다.
707로 퍼미션 변경
Step 2
Appearance > Themes에서 Centric Theme를 활성화시킵니다. 활성화시키면 Appearance에 Theme Settings 탭이 추가됩니다. 해당 탭을 선택해서 ‘中’에 보여질 카테고리의 ID를 입력하세요. 입력하는 순서에 따라 블로그에 보여지는 순서도 결정됩니다. 4개 이상의 카테고리 ID를 입력해도 괜찮지만 제 경우 6개의 카테고리를 적용했을 때 여섯 번째 카테고리 최근글이 행이 바귀어 나타났습니다. 카테고리 ID는 Post > Categories로 이동해 카테고리 이름 아래에 있는 Edit에 커서를 올려두면 브라우저 상태표시줄에 나타나는 주소 끝자리를 통해 알 수 있습니다.
Step 3
Centric Theme는 사이드바에 이것저것 추가하고 빼는 게 자유롭지가 않습니다. 고정되어 있죠. sidebar.php 파일을 열어서 전체 내용을 삭제시킨 뒤 아래 내용을 복사해 붙여넣어주세요.
계정에 올리기 전에 수정해주는 게 편하지만, 실제 테마를 블로그에 적용했을 때 어떻게 결과물이 나오는지 확인한 다음 수정하는 게 더 나을 듯 싶어 뒤로 뺐습니다. 코드 변경을 마치셨으면, Appearance > Widgets으로 이동해 원하는 위젯을 사이드바에 끌어다 놓으시면 됩니다.
+ 로고 수정
Logo
Centric Theme 소개 페이지에서 포토샵 파일을 내려받아 수정하시면 됩니다. 그런데 PSD 파일에는 테마 전체 내용이 담겨 있어 크기를 다시 조절해야 되기 때문에 조금 불편할 것 같아 로고부분만 따로 잡아서 PSD 포맷으로 저장해봤습니다. 필요하신 분은 내려 받기하셔서 사용하세요. 혹 포토샵을 한번도 사용해보지 않으셨다면 로고에서 글자 정도는 제가 바꿔드릴 수 있습니다.
+ 썸네일 크기 변경
썸네일 크기를 변경하면 스타일시트 역시 손을 봐줘야지 모양새가 맞을 테지만, 카테고리, 아카이브, 검색결과창에 보여지는 썸네일은 스타일시트를 수정하지 않고 크기를 조금 늘려도 보기에는 괜찮은 듯 합니다. archive.php 파일을 열어 아래 숫자(70, 70)를 원하시는 가로 세로 크기로 변경해주시면 됩니다.
dp_attachment_image(0, ‘thumbnail’, 70, 70);
블로그 첫화면에 보여지는 썸네일의 크기는 index.php 파일을 열어서 수정해주시면 됩니다.
덧) 검색창이 빠진 테마입니다. 필요하시다면 별도로 추가해주셔야 됩니다. 날개 영역에 검색 버튼을 빼고 넣어주시는 방법이 가장 간단할 듯 합니다.
테마 소개란 이렇게 해야하는거군요. 한수 배워갑니다. 전업 테마제작자이신 ChiQ님(외국친들에게 님이라하면 어울릴까요? 흠…) 의 테마중에 끌리는 테마가 참 많네요. Nod님이 소개하신 Centric 테마를 소개하고자 하는데 참고 사이트로 링크걸어도 괜찮을까요? 전 원래 링크를 막걸어버리는 스타일이지만 이글에선 왠지 포스가 느껴져 사전에 동의를 구하고 싶네요.
Centric 테마 적용한것을 잠깐 잠간봤었는데 댓글이 안갈리던데요~ 혹시 그것때문에 원래 테마로 돌아오신건가요?
에공… 너무나 과찬을… ㅡ,.-
혹시나 싶어 해봤는데, 댓글도 정상적으로 달리네요. ^^
링크 물론 환영이죠. ^^
그런데 도메인을 곧 바꿀 것 같아요. -_-
아, 그리고 위에서 설명하진 않았는데,
Centric 테마는 헤더 -> 사이드바 -> 본문 -> 푸터 순으로 템플릿을 불러오더라구요.
애드센스를 만약 사이드바와 본문에 하나씩 단다면,
일반적으로 본문(상단)이 클릭률이 높으니까
클릭률이 높은 곳에 단가가 높은 광고가 뜰 수 있도록
헤더 -> 본문 -> 사이드바 -> 푸터 순으로 불러오도록 수정해주시는 게 좋을 것 같아요. ^^
도메인을 바꾸실 예정이시군요… 이미 도메인 이름을 결정하신것 같으신데 피드주소도 바뀌나요?
피드 주소는 그대로입니다. ^^
음…..솔직히 기술에는 문외한이라…ㅡㅡa 어려워보이기는한데 Nod님이 굉장히 친절하고 세심하게 설명하고 있으시다는 것 정도는 알 것 같아요~ ^^
저도 기술에는 문외한인데 워프에 관한 정보가 그다지 많지 않아서
사용하면서 소소하게 알게 되는 것들 기록으로 남겨두고 있는 중이에요.
공개된 기록은 공유될 여지는 있는 거라 생각해서요. ^^