블로그 엔진을 WordPress 2.3으로 업그레이드하고 테마를 좀 손 보았다. 이번 버전에서의 가장 큰 변화는 Plugin Update Notification 과 Tags 라고 한다. Tag 기능이 기본 장착됨으로 인해 그동안 난립하던 태그 관련 플러그인들이 역사의 뒤안길로 사라지게 되었다. 이 블로그에 사용되던 UTW와 Tag Cloud widget for UTW 역시 deactivated 되었다. 개인적으로 가장 큰 변화에 한가지 더 추가하자면 관리자 모드의 속도를 꼽고 싶다. 클릭할 때마다 몇 초씩 뜸을 들이던 현상이 거의 사라진 듯 하다.

버전 올리는 작업 하는 김에 그동안 벼루고 있던 테마 작업 좀 하였다. 새 버전에 맞게 어차피 수정했어야 했다. 이번 테마의 가장 큰 특징은 라운드 코너와 제대로된 줌 브라우징이다.

디자인을 위해 의미론적으로 무의미한 태그를 사용하는 대신 자바스크립트를 이용하여 동적으로 처리하였다. 이번 버전에 기존으로 장착되어 있는 jquery 1.1.4의 마법을 빌어 어렵지 않게 구현할 수 있었다. 반경 10px짜리 라운드 코너를 구현하는데 다음과 같은 20×20 이미지 하나와 css 트릭 몇 가지면 충분하다. IE에서 1px씩 밀리는 현상으로 인해 골치까 좀 아팠지만, IE를 감지하여 그럭저럭 해결하였다.
Read the rest of this entry »

사이드바의 카테고리에 출력되는 카테고리 내의 포스트 갯수 등이 링크 밖에 놓이게 되어 경우에 따라 불편을 초래한다. 예를 들면 링크에 block 속성을 부여하면, 링크 밖에 있는 엘리먼트는 다음 줄로 밀려나 시각적으로 흐트러진 느낌을 주게된다. 스타일만으로 이를 해결하기 위해서 여러가지 시도를 해 보았으나 썩 만족스럽지 못했다. 결국은 코어 함수를 건드릴 수 밖에 없었다. 링크가 갯수나 현재 선택된 카테고리 표시 등까지 모드 포함하게 하려면, wp-includes/classes.php 580라인 정도에 있는 start_el 함수를 다음과 같이 수정해 주면 된다.

Read the rest of this entry »

기본적으로 코멘트에는 민밋한 텍스트만 사용할 수 있게 되어있다. 이를 보완하기 위해 BBCode를 허용하는 플러그인을 사용하기도 하지만, HTML 코드를 쉽게 입력할 수 있도록 해주는 quicktags도 매우 유용한 도구이다. Quicktags 플러그인을 이용할 수도 있겠지만, Write시 Code 모드에서 사용하는 워드프레스 코어 함수를 그대로 이용해보았다. 생각보다 쉽게 성공하였다. 테마 comments.php 파일에서 코멘트 입력 textarea 부분을 다음과 같이 수정하면 깔끔하게 quicktags가 달라붙는다.

코멘트 입력시, 다른 사람의 코멘트나 웹페이지 내의 일부를 인용할 수 있는 Quoter란는 매우 유용한 플러그인이 있다.
그런데 v2.x 에서는 중첩 인용이 제대로 표현되지 않는 버그가 있다. 중첩 인용이 여러개의 단일 인용으로 깨져버린다.
몇시간을 메달려있다가 검색해 보니 나와 동일한 문제를 호소하는 사람이 있고, 해결책을 제시한 사람도 있다.
(제작자의 서버가 매우 느려서–아니면 방문자가 너무 많든가–방문하여 글들을 읽어 보려면 많이 인내심이 요구된다.)
blockquote 태그가 div 태그와 동일한 취급을 받도록 해준 것이라고 한다.

Read the rest of this entry »

게시물이나 코멘트에 이모티콘을 입력할 수 있는 WP Grins를 설치하면 글쓰기 시에는 입력상자 아래에 위치하나, 코멘트 쓰기 시에는 입력상자 위에 위치한다.
일반적으로는 무난하지만, Quicktags 입력기가 위에 달려있는 경우에는 웬지 어수선해 보인다.
그래서 이모티콘의 위치를 코멘트 입력상자 아래로 내려 보았다. 봐줄만 하다.
위아래 간격 등을 세밀하게 조절하고 싶다면, 테마 style.css를 활용한다.

Read the rest of this entry »