moeworld.kr the 2nd » 스킨

스킨을 단순하게 쓰기

moeworld — Sat, 25 Aug 2007 07:27:03 +0000

관리에 소홀했던 메인 블로그를 싹 바꿔보았습니다. 먼저, 오래 보아도 질리지 않고 내용에 충실한 모습으로 스킨을 교체하기로 했습니다.

스킨에서 이미지를 모두 걷어내고 내용 부분을 넓힌 ‘자폐증 증세호전 수정 버전‘을 기본으로 여백을 충분히 주어 시원스러운 느낌이 들도록 수정했습니다. 이미지가 많이 사용된 스킨을 쓰는 것보다 가볍고 빨라서 보기에 덜 답답하니 괜찮네요. (실은 태터툴즈도 텍스트큐브로 업데이트했죠 ^^)

앞으로 다른 스킨을 쓰게 되더라도 단순한 형태를 그대로 유지하려고 합니다.

스킨 변경(Red Cedar by Cordobo)

moeworld — Tue, 24 Apr 2007 15:44:35 +0000

블로그 스킨을 http://www.cordobo.com의 워드프레스 테마 Red Cedar로 바꾸었습니다. 단순함과 여백을 강조했다는 점에서 지난번에 쓰던 Plumflavor 스킨과도 유사합니다. 얼마 전 공개되었던 MZX님의 Cordobo 스킨과 형태는 비슷해 보이지만 내부 구조는 워드프레스 테마에 가깝도록 했습니다.

스킨의 모양은 IE에서 가장 보기 좋게 표시되며, 불여우에서도 레이아웃 깨짐과 같은 문제가 발생하지 않게 만들었습니다. 모처럼 좋은 스킨을 적용하게 되어 만족스럽고, 멋진 워드프레스 테마를 만든 Cordobo님에게도 감사드리고 싶습니다.

예쁜 스킨의 유혹에 빠지다

moeworld — Thu, 22 Mar 2007 17:19:51 +0000

인터넷 서핑을 할 때마다 보기 좋은 스킨을 발견하게 되면 일단 다운로드부터 받아놓곤 합니다. 대개 태터툴즈 스킨을 받아서 블로그에 맞도록 수정하게 되는데, 워드프레스 등 다른 블로그 툴의 스킨에 눈길이 가면 한가지 고민을 하게 됩니다. ‘얼마나 수정해야 태터툴즈에서 잘 돌아갈까?’ 대부분의 스킨은 하루 이틀 틈틈이 고쳐도 큰 무리 없이 적용할 수 있지만, 복잡한 구조의 몇몇 스킨들은 어떻게 수정해야 좋을지 쉽게 답이 나오지 않기도 합니다.

티스토리 블로그에 워드프레스 GlossyBlue 스킨을 적용한 Channy’s Blog의 새로운 모습을 보며 스킨을 변경하고픈 강한 욕구가 생겼습니다. 그동안 눈여겨 보았던 몇개의 태터툴즈와 워드프레스 스킨 중 하나를 골라 주말을 이용해서 고쳐보려고 합니다.

스킨을 바꾸려다 말았습니다

moeworld — Thu, 25 Jan 2007 13:27:37 +0000

지금 쓰는 스킨이 여러모로 괜찮긴 한데 글씨가 조금 작은 편이라 오래 들여다보면 눈이 어지러울 때가 있습니다. 예전같으면 또다른 스킨을 찾아볼 궁리를 했을텐데, 세팅하는데 시간도 오래 걸리고 하니 바꾸기도 쉽지 않아서 일단 그대로 두기로 했습니다.

아무래도 글씨 크기는 손을 좀 봐줘야 되겠습니다. 확실히 작아 보이네요.

워드프레스 KISS 테마 적용!

moeworld — Sun, 01 Oct 2006 08:16:24 +0000

KISS for Tattertools

태터툴즈로 블로그를 이전하면서 Hemingway Black 스킨을 설치했다가 너무 어두워 보여서 다른 스킨을 물색하던 중 082net.com에 들렀는데, 그곳에서 Oinam Software의 KISS 테마를 발견하게 되었습니다. 간결하면서도 깔끔한 모습에 관심이 가더군요. 결국, 스킨을 바꾸기로 결정하고 조금 전에 작업을 끝냈습니다. 이름하여 ‘KISS for Tattertools’ 스킨이 탄생한 겁니다.

워드프레스 테마를 그대로 옮기다 보니 쓸데없는 스타일이나 잘못된 코드를 모두 정리하지는 못했습니다. 그 결과 HTML, CSS 모두 not valid 판정이 나왔네요. 배포 가능한 스킨을 제작하기까지는 아직 갈 길이 멀어 보입니다.

잠시 스킨 바꿨습니다.

moeworld — Fri, 03 Mar 2006 13:04:13 +0000

헤밍웨이 스킨 태터툴즈 버전을 만들어 쓰던 중 몇가지 버그가 발견되어 보다 안정적인 스킨으로 바꾸었습니다. 웹 표준에서는 잠시 멀어졌지만 원색적인(?) 스킨이라 눈에 확 들어오는건 좋아 보이네요. 이름은 하바네로탕, 마모루님이 제작한 것입니다. 언제까지 쓸지는 아직 정하지 않았지만, 새로운 시즌을 시작하기 전까지 당분간 유지하려고 합니다.

일상생활도 블로그도 모두 뭔가 변화가 필요한 시점에 다다른 느낌이군요.

워드프레스 스킨을 태터툴즈용으로

moeworld — Wed, 22 Feb 2006 10:47:22 +0000

태터툴즈와 더불어 많이 쓰이는 블로그 툴인 워드프레스는 막강한 기능은 물론 간결하고 깔끔한 스킨으로도 유명합니다. 워드프레스 스킨을 부러워하던 중 워드프레스 기본 테마를 컨버전한 lupaz님의 스킨을 접한 후 컨버전 작업을 해보기로 결심했습니다.

워드프레스 스킨을 태터툴즈로 컨버전하는 작업 자체는 간단합니다. 스타일시트는 그대로 쓰고 태터 전용 태그를 스킨 페이지에 삽입하면 됩니다. 먼저 로컬 계정에 워드프레스를 설치하고 스킨을 올린 다음, 해당 페이지의 html 소스를 복사합니다. 이것을 skin.html로 저장하고 태터 전용 태그를 알맞은 위치에 넣어 태터툴즈용 스킨으로 변경하는 겁니다.

작업이 까다로운 것은 아니지만 주의해야 할 사항도 있습니다. 워드프레스는 기본적으로 내용 중심의 블로그 툴이며, 페이지 구성방식이 달라 약간의 커스터마이징이 불가피합니다. 제가 쓰고 있는 헤밍웨이 스킨도 오리지널 버전과는 분명한 차이점이 있습니다.

1. 댓글 및 트랙백
워드프레스의 댓글 기능은 태터툴즈와 달리 댓글 링크를 누르면 해당 엔트리를 가리키는 화면으로 전환되면서 댓글이 나타납니다. 또한, 트랙백의 구분이 분명한 태터툴즈와 달리 워드프레스는 트랙백과 댓글이 특별히 구분되지 않고 나열되어 있습니다. 댓글이 달린 게시물을 띄워놓고 ‘소스 보기’를 선택하여 댓글 영역을 확보한 다음, 그것을 이용해서 트랙백 영역을 만들면 작업이 비교적 수월할 겁니다.

2. 방명록
워드프레스에는 기본적으로 방명록 기능을 지원하지 않습니다. 그래서인지 대부분의 워드프레스 스킨도 방명록이 포함되지 않은 상태입니다. 따라서 방명록을 만들어 넣어야 합니다. 방명록의 화면 구성은 댓글과 매우 유사하기 때문에 이를 참고하여 작성하면 됩니다.

태터툴즈 블로그에 무엇인가 변화가 필요할 때, 간결한 워드프레스 스킨으로 분위기를 전환하는 것도 하나의 방법이라 하겠습니다.

Hemingway 스킨 세팅 완료!

moeworld — Tue, 21 Feb 2006 13:56:38 +0000

인터넷에 떠도는 워드프레스 스킨을 유심히 살펴보던 중 괜찮은 스킨을 발견했습니다. 바로 Hemingway 스킨이라는 것인데, 검은 바탕의 간결한 모습이 마음에 들어서 태터툴즈에 적용하기로 결심했죠.

근무 끝나고 작업에 착수해서 1차 버전을 만들어 보았습니다. 코드가 완전히 최적화되지 않은 것이 흠이지만, lupaz님의 스킨과 마찬가지로 워드프레스 스킨을 변경해 보았다는데 의의를 두고 있습니다.

사라졌던 사이드바의 부활

moeworld — Mon, 30 Jan 2006 12:42:22 +0000

잠시 사이드바 없는 블로그 스킨을 쓰다 보니 몇가지 불편한 점이 있었습니다. 무엇보다도 최근 댓글이나 관련글, 링크 등에 신속하게 접근할 수 없는 것이 아쉬웠죠. 그래서 결심했습니다. 사이드바를 부활시키기로…

사이드바를 집어넣어 만든 1.0 정식판용 스킨을 클래식용으로 수정해서 다시 올렸습니다. 몇몇 태그만 주의하면 수정작업 자체는 그리 어렵지 않더군요. 향후 1.0이 나오더라도 이 스킨에서 크게 변경되는 사항은 없을 겁니다.

블로그 스킨을 만들었습니다.

moeworld — Sat, 14 Jan 2006 12:20:03 +0000

모처럼 태터툴즈 스킨을 만들어 보았습니다. 내용 자체에 집중하기 위해 사이드바를 없애고 최근 글목록 등을 하단으로 내리는 등 몇가지 변화를 주었습니다. 메모장을 열어놓고 하나씩 채워나가면서 스타일을 적용해 보았는데, 그 과정에서 소스가 약간 지저분해진 것이 아쉽긴 합니다.

아직은 조금 더 손을 보아야겠네요.