최근에 워드프레스에서 수정한 사항들
2008년 1월 7일 by 김 승엽 View blog reactions
워드프레스라는 블로그 툴과 Kubrick 테마를 사용한 지 꽤 됐지만 여전히 시간 날 때마다 수정하고 있습니다. 최근에도 자잘한 몇 가지 문제들을 수정했는데 별것 아닌 것들이지만 나중에 혹 잊어버릴 것을 대비해 정리해둘겸 글을 남겨 봅니다.
본문의 문단 들여쓰기 설정
문단 첫 줄 들여쓰기를 위해 스타일시트를 조금 손 봤습니다. 워드프레스의 에디터 상에서 들여쓰기를 해도 적용이 되지 않기 때문에 다음과 같은 코드를 추가했습니다.
text-indent: 0px;
}
.entry p {
text-indent: 10px;
}
.entry p.pingedlist {
text-indent: 0px;
}
.poem p {
text-indent: 0px;
}
위의 코드를 추가하면 문단 첫 줄을 10px 들여쓰기 하게 됩니다. 문단 구분에 도움이 될까 싶어서 추가했는데 가끔 올리는 소설이나 다른 글들에서는 이 들여쓰기가 문제 없지만 자작시의 경우에는 이 들여쓰기가 문제가 됩니다. 처음에는 이 문제를 해결하기 위해서 in_category 템플릿 태그를 사용해 자작시 카테고리에서만 들여쓰기가 적용되지 않도록 했습니다.
<style type="text/css" media="screen">
.entry p {
text-indent: 0px;
}
</style>
<?php } ?>
이렇게 헤더에 코드를 삽입해서 해결하고 보니 싱글 포스트를 볼 때는 제대로 적용이 되지만 메인 페이지에서는 적용이 안되는 문제를 발견했습니다. 그래서 궁리를 해보다가 카테고리 별 백그라운드 이미지 적용에 사용했던 방법을 쓰기로 했습니다. 카테고리의 별칭을 출력하고 별칭과 같은 이름의 class 를 추가해 변경하는 방법인데 여기서도 좀 문제가 있었습니다. 이전에 사용했던 코드를 그대로 유지하고 자작시 카테고리의 별칭을 poem 이라고 추가해 주면 끝날 줄 알았는데 정작 자작시 카테고리에서 부모 카테고리인 소설과 시의 별칭이 출력되는 문제였습니다.
위가 이전에 사용하던 첫 번째 카테고리의 별칭을 출력하는 코드로 부모 카테고리가 한글로 되어있고 자식 카테고리가 영어로 되어있을 때는 자식 카테고리의 별칭을 출력하고 부모 카테고리와 자식 카테고리가 모두 한글일 때는 부모 카테고리의 별칭을 출력하는 문제가 발생했습니다. 처음 적용할 때만 해도 없었던 문제로 워드프레스가 계속 업데이트 되면서 생긴 문제 같습니다. 조건문을 집어넣어 처리할까 하다가 결국에는 속한 카테고리의 별칭을 모두 출력하는 것으로 바꾸었습니다.
카테고리가 2개 이상 지정된 글에서는 좀 지저분하다는 단점이 있지만 일단 이것으로 poem 이라는 별칭이 지정된 자작시 카테고리에서는 들여쓰기가 적용되지 않도록 했습니다. 맨 위 스타일시트의 poem class 가 그것을 위해 추가된 부분입니다. 카테고리별로 템플릿을 지정하는 플러그인을 이용하면 간편할텐데 손을 대다보니 이렇게 해결하게 되는 군요.
Custom Query String(Hack)을 이용한 포스트 수 조정
전부터 적용해야겠다고 마음 먹고 있던 플러그인인데 시간이 꽤 지나서야 설치를 했습니다. 082님의 블로그에서 2.3 버전용을 다운로드 할 수 있는데, 간단하게 페이지 별로 글 출력 갯수를 조절할 수 있도록 해주는 플러그인 입니다. 저는 메인 페이지에서 5개의 글을 보여주도록 설정해놓고 있는데 요약글만 출력되는 Category 페이지나 Archive 페이지에서도 글이 5개 밖에 표시되지 않는 단점이 있었습니다. 플러그인을 설치하고 10개씩 출력하도록 해서 이전에 하단에 길게 남아있던 공백을 없앴습니다.
글에 포함된 링크 표시 강조
원래 Kubrick 테마에서는 링크에 밑줄을 표시하는데 그게 보기 싫어서 지금까지 주석처리 해놓고 있었습니다. 그런데 글에 붉은색으로 강조된 문장들을 넣었더니 링크와 구분이 잘 안가는 경우가 있더군요. 그래서 링크 위에 마우스 커서를 올렸을 때 강조하고 내부 링크와 외부 링크를 구분하는 이미지를 입력해서 구분이 가도록 했습니다. 외부 링크와 내부 링크의 구분은 CSS를 이용하는 방법도 있지만 이게 좀 문제가 있어서 그냥 클래스를 두 개 추가했습니다.
padding-left: 18px;
background: url(images/icon_link.gif) no-repeat bottom left;
}
a.intlink {
padding-left: 18px;
background: url(images/page_white_link.png) no-repeat bottom left;
}
WP-Pagenavi 플러그인 설치
Wp-pagenavi 플러그인을 설치했습니다. 플러그인 설정에서 지정한 수 만큼의 페이지 링크를 출력해 이전 페이지로 쉽게 이동할 수 있게 해주는 플러그인입니다. 메인 페이지에서 5 개의 글을 출력하고 있긴 하지만 글이 늘어나면서 메인 페이지에서 이전글로 이동하는데 불편해져서 설치했습니다. Archives 페이지를 이용하면 쉽지만 처음 오셨거나 워드프레스에 익숙하지 않은 분들께도 도움이 될까 싶어 설치했습니다. 메인 페이지 하단을 보시면 wp-pagenavi 가 출력되는 것을 보실 수 있는데 모양새가 이쁘지 않아 좀 손봐야 할 것 같습니다만 언제 할 지는 모르겠습니다.
마치면서
다른 것들은 괜찮지만 카테고리별로 스타일을 지정해 들여쓰기나 배경을 지정하는 방법에 대한 내용은 설명이 부족할 지도 모르겠습니다. 혹시 이와 관련해서 궁금한 점이 있으시다면 댓글로 남겨주세요.
: Plugin, Theme, WordPress, 수정
: Plugin, Theme, WordPress, 수정
: Plugin, Theme, WordPress, 수정
rest// http://code.google.com/p/boombar/wiki/BoomBar 에서 붐바 플러그인을 받아서 설치했습니다. 플러그인 디렉토리에 넣으시고 활성화만 하시면 바로 적용될 겁니다.
페이지 하단에 있는 '마가린 바르기'는 어떻게 삽입하신 건지 여쭐수 있을까요?
워드프레스를 사용중입니다만 소셜북마크에 대한 한국플러긴은 없더군요… ㅠㅠ
근데 다들 어떻게 달고 계신지요?
감사합니다.