스킨위자드 #3 - 블로그 본문을 마음대로

배경과 제목만 바꾸어도 블로그 분위기가 확 달라지긴 하지만, 사실 블로거가 더 신경써야 할 부분은 본문이다. 자기 일상을 쓰던, 소신을 쓰던, 아니면 기사를 쓰던 블로거의 1차적인 목적은 '누군가에게 그 글을 보이기 위함'이다. 자기 혼자 보려고 쓰는 사람들도 있겠지만 그런 사람들이야 굳이 블로그를 할 필요는 없을 테니, 어쨌든 블로그를 만들었다면 누군가 그 글을 읽어주기를 기대하고 있는 것은 틀림없는 사실이다.

그런데 가끔 이 목적이 맞는지 의심스러운 블로그들이 몇 개 있다. 예쁘다고 해얄 지는 모르겠지만 도대체 읽기 어려운 글꼴을 쓰고, 본문은 어디 갔는지 온통 광고로 도배를 하는 블로그들이 종종 있다. 자기 취향에 따라 블로그를 꾸미는 것도 중요하지만 무엇보다도 읽는 독자를 배려할 줄 알아야 한다. 그래서 스킨위자드의 본문 꾸미기에 더 관심이 가는 지도 모르겠다.

본문 꾸미기가 할 수 있는 일은 다음 세 가지다.

* 본문 가로 폭 조절 : 400 – 700 픽셀
* 제목 글꼴 크기 및 글자 색 조절
* 본문 글꼴 크기 및 글자 색 조절


스킨위자드에서 본문 가로 폭은 '글 영역 넓이'라고 부르는데 사실 이 명칭은 좀 직관적이지는 않은 듯 하다. '글(본문) 가로 폭 조절'이나 '글 넓이 조절'이면 어떨까. 그게 그거라고 생각하면 뭐 할 수 없는 일이다. 여기서 말하는 글 영역은 사이드 바를 제외하고 블로그 본문이 들어가는 부분의 넓이를 말한다.

사용자 삽입 이미지


글 영역 넓이는 슬라이드 바로 조절하거나 수치를 직접 입력해 바꿀 수 있다. 요즘은 가로로 큰 모니터들도 많이 나오니 가로 폭을 좀 넉넉하게 잡아 주는 것도 나쁘진 않다. 그런데 본문 가로폭을 조절할 때는 몇 가지 주의해야 한다. 방명록을 입력하는 칸의 사이즈는 조절되지 않으므로 이 크기 보다 더 줄여버리면 방명록 입력 창이 어정쩡하게 짤려 버린다. 본문 가로 폭을 그대로 고집하고 싶으면 방명록 가로 사이즈를 줄여야 하는데, 역시 스킨 파일을 직접 손봐야 한다. 나는 못한다. ^^

사용자 삽입 이미지

본문 꾸미기 화면 아래 쪽에는 제목 글자색과 내용 글자색을 고르는 곳이 있는데 샘플 중에서 고르거나 아니면 #으로 시작하는 숫자 코드를 따다가 직접 입력해도 된다. 검색엔진에서 '웹 컬러코드'라고 입력하면 숫자 코드를 찾을 수 있다. 앞에 #을 붙여야 한다는 것을 잊지 말길.

제목과 본문 글자색을 골랐으면 아래 쪽에서 크기를 고르면 된다. 제목이야 뭐 자기 마음대로 하면 되고 나는 개인적으로 굴림에 12픽셀(9포인트)를 무척 좋아한다. 네이버 블로그를 싫어하는 이유가 기본 글꼴이 돋움인 까닭도 있을 정도다. 그래서 티스토리 스킨을 받으면 일단 dotum이라고 된 부분을 죄다 gulim으로 바꾸고 시작할 정도이니 이런 기능이 내게는 매우 유용한 셈이다.

역시 간단하다. 본문 꾸미기 화면을 보면 누구라도 쉽게 알 수 있다. 기능이 부족한 걸 떠나서 나는 이런 단순함이 스킨위자드의 최대 장점이라고 생각한다. 누구나 쉽게 바꿀 수 있는 것. 사실 스킨위자드가 없다면 본문 영역을 넓히고 글자색 바꾸기란 아무나 할 수 있는 일이 아니다. 복잡한 암호 코드 같은 스킨 파일의 내용을 눈을 부릅뜨고 찾아봐야 하기 때문이다. 이미 몇 번 그런 경험을 해 본 나에게는 이 정도 본문 꾸미기만 해도 참 고마울 따름이다. / FIN

  • Favicon of http://philomedia.tistory.com BlogIcon 필로스 2007.08.31 12:59 신고 ADDR 수정/삭제 답글

    꼭 있었으면 했던 기능들이 생기는군요...혹시 블로그 타이틀 폰트 설정 기능은 없나요?

    • Favicon of http://raytopia.tistory.com BlogIcon '레이' 2007.08.31 17:06 신고 수정/삭제

      제목 꾸미기에 있습니다 ^^ 필로스님 같은 분들이 쓰시기에 아주 좋을 거 같다는 생각이~ ^^

  • Favicon of http://blog.empas.com/diabloti BlogIcon 정현아범 2007.09.03 16:21 신고 ADDR 수정/삭제 답글

    게으른 정현아범은 탈락..
    그 보담도 내용이 알차야 하는데..
    거기서도 탈락..ㅡ.,ㅡ

    • Favicon of http://raytopia.tistory.com BlogIcon '레이' 2007.09.03 18:03 신고 수정/삭제

      어랏? 티스토리 블로그 있었으?

    • Favicon of http://blog.empas.com/diabloti BlogIcon 정현아범 2007.09.03 18:33 신고 수정/삭제

      아뇨..
      귀찮아서 저렇게 복잡한 거 못한단 뜻이죠..ㅋㅋ

  • 2007.09.07 12:45 ADDR 수정/삭제 답글

    비밀댓글입니다

스킨위자드 #2 – 정말 간단한 제목 꾸미기

티스토리 스킨위자드 배경 꾸미기에 이어 제목 꾸미기 기능을 살펴 보자. 기본적으로 제목 꾸미기는 배경 꾸미기와 거의 비슷하다. 배경 꾸미기가 블로그의 뒷 배경을 만드는 기능이라면 제목 꾸미기는 블로그의 제목과 헤드 이미지를 꾸미는 기능일 뿐 사용법도 비슷하다.

배경 꾸미기 기능은 여기를 눌러 참조하면 된다.

사용자 삽입 이미지

차이점이 있다면 이미지, 업로드 외에 텍스트라는 탭이 하나 더 있다는 것이다. 텍스트 탭을 누르면 블로그 제목의 글꼴과 크기를 선택할 수 있고 헤드 이미지의 높이와 색상을 고를 수 있다. 헤드 이미지의 높이는 적게는 50 픽셀에서 많게는 300 픽셀까지 만들 수 있다.

그런데 정말 300 픽셀까지만 지정할 수 있을까? 픽셀 수를 직접 입력하는 곳에 300 이상의 수치를 넣고 적용하려면 50 – 300까지 값만 입력하라고 나온다. 이 경고를 무시(!)하고 이미지 탭을 눌러 '이미지를 사용합니다' 옵션을 지우면 헤드 바가 그대로 늘어난다. 이런 건 버그일까. 하긴 버그라고 해도 그만, 아니어도 그만이다. 도대체 누가 블로그 헤드 바를 300 픽셀 이상 만들어 놓고 쓰겠는가. 그런데 이렇게 한 번 픽셀을 강제로 늘려 버린 후 다시 돌아오면 업로드 해 둔 이미지가 사라진다. 장난 한 번 친 것의 대가 치고는 좀 세다. ^^

사용자 삽입 이미지

헤드 바에서 제목 글자의 위치를 조절할 수 없다는 건 좀 아쉽다. 기본적으로 헤드 바의 높이에 따라 제목의 위치가 조정되는 듯 한데, 기왕이면 내 마음대로 조절할 수 있었으면 좋겠다. 제목과 달리 지역로그, 위치로그, 방명록 등의 메뉴는 둥둥 떠다녀서 제목의 위치와 맞출 수도 없다.

정리하면 제목 꾸미기에서 할 수 있는 일은…

* 헤드 바 이미지 선택(이미지 위치 조정 가능)
* 헤드 바 색상 선택(이미지를 사용하지 않을 경우)
* 헤드 바 높이 조절
* 제목 글꼴 및 크기, 색상 선택

이 정도로 요약할 수 있겠다. 기능이 간단한 만큼 사용법도 간단하다. 그러니 초보자들에게 적합하다. 30분. 아니 10분 정도만 투자하면 누구나 쉽게 바꿀 수 있기 때문이다. / FIN

스킨위자드 #1 - 첫번째 만남

얼마 전까지만 해도 블로그는 설치형 블로그와 서비스형 블로그로 나눌 수 있었습니다. 설치형 블로그는 자기가 계정을 가지고 프로그램을 설치해 직접 꾸미는 블로그이고, 서비스형 블로그는 포털이나 블로그 전문 업체에서 제공하는 서비스를 이용해 만드는 블로그를 가리켰습니다. 다 아시는 것처럼 설치형 블로그에는 태터툴즈, 워드프레스, 무버블 타입 등등이 있고 서비스형 블로그는 네이버, 다음, 야후, 구글, 엠파스 같은 포털이나 이글루스 같은 블로그 전문 업체에서 제공하는 블로그가 있었지요.

그런데 티스토리가 나오면서 이 구분이 조금 애매해졌습니다. 블로그 전문 업체에서 제공하는 서비스임에는 분명한데 설치형 블로그에서 얻을 수 있는 여러가지 장점을 그대로 쓸 수 있었기 때문이지요. 그래서 티스토리는 초대 방식으로 가입할 수 있음에도 불구하고 빠른 속도로 성장했습니다.

설치형 블로그나 티스토리의 최대 장점은 자기 입 맛에 맞게 세팅할 수 있다는 겁니다. 대신 제대로 꾸미려면 기술적인 지식이 반드시 필요하고, 디자인 실력도 있어야 하지요. 물론 스킨 같은 것들이 많이 있긴 하지만 그래도 설치형 블로그를 만든다는 건 초보자들에게는 여전히 어려운 일이었습니다. 반면에 서비스형 블로그는 내 마음대로 꾸미지는 못해도 주어진 것들로 변화를 주면서 꾸밀 수는 있습니다. 다양한 형태로 할 수 있지만 자신만의 독특한 블로그를 만들기는 쉽지 않다는 거지요. 최근 네이버가 블로그 시즌2를 만들면서 스킨 편집 기능을 아주 빵빵하게 만들어 놨지요. 조금만 공부하면 훌륭한 블로그를 만들 수 있습니다. 하긴, 설치형이든 서비스형이든 제대로 만들려면 기술적인 지식과 디자인 실력이 다 필요합니다.

이런 문제를 티스토리도 잘 알고 있었겠지요. 그리고 티스토리를 쓰는 '기술적인 지식과 디자인 실력이 없는' 저 같은 블로거들은 대 놓고 말은 못해도, 네이버처럼 스킨을 쪼물딱 거릴 수 있는 기능을 은근히 원해왔을 겁니다. 드디어 티스토리가 그 첫 걸음을 내딛었습니다. 이름하여 '스킨위자드'. 엉겁결에 베타 테스터 신청을 하고 덜컥 선정이 되었습니다.

베타 테스터 메일을 받아 보니 스킨위자드용 전용 스킨이 10개 들어 있더군요. 뭐 특별한 스킨은 아니고, 기존에 있던 스킨을 스킨위자드에서 쓸 수 있게 변형을 하지 않았나 싶습니다. 이 스킨 중 하나를 티스토리 블로그에 업로드하고 스킨위자드 버튼을 누르면 스킨위자드를 쓸 수 있습니다. 베타 버전이라 혹시 모르니 서브 블로그에 설치하라고 합니다. ^^ 그래서 잽싸게 블로그 하나 다시 만들고 받은 스킨 중 하나를 올린 후 스킨위자드를 실행해 봤습니다.

사용자 삽입 이미지

다른 스킨과 달리 스킨 미리보기 창 아래 쪽에 스킨위자드라는 버튼이 있습니다. 블로그 위에 네모난 창이 뜨면서 스킨을 편집할 수 있지요. 네모난 창 위 쪽에 보면 '접기'라는 버튼이 있는데 이건 말 그대로 창을 접어주는 기능입니다. 이걸 누르면 제목이 표시된 막대기만 남고 싹 접힙니다.

스킨위자드의 기능은 크게 세 가지입니다. 배경 꾸미기, 제목 꾸미기, 본문 꾸미기가 그것입니다. 스킨위자드 창 위쪽에 세 기능이 나와 있고 마우스로 누르면 선택한 기능이 진하게 나타납니다.

사용자 삽입 이미지

간단히 각 기능을 살펴봅니다. 배경 꾸미기는 말 그대로 블로그의 배경을 꾸미는 화면입니다. 블로그 뒤 쪽에 나타나는 배경을 꾸미는 기능인데 기본으로 제공된 것 중에서 고를 수 있고 자기가 원하는 파일을 업로드 할 수 있습니다.

사진이나 일러스트, 패턴 등 몇 가지 샘플이 미리 제공됩니다. 이 중에서 자기가 원하는 걸 고르면 배경이 바뀝니다. 이것 저것 눌러 보세요. 아래 쪽에 있는 저장하기 버튼을 누르지 않는 이상 절대로 저장되지 않으니 안심하고 바꿔 볼 수 있습니다. 샘플이 맘에 안 들면 업로드 탭을 눌러 자기가 갖고 있는 다른 이미지를 사용할 수 있습니다.

이미지 샘플 오른쪽에 보면 두 가지 체크 항목이 있습니다.

이미지를 사용한다는 말은 샘플이던 자기가 올린 것이던 배경 화면에 이미지를 넣겠다는 뜻입니다. 이 체크 표시를 지우면 이미지가 사라지고 텅 빈 배경 화면이 나옵니다. 그럼 이걸 텅 빈 채로 나둬야 하나요? 그건 아닙니다. 체크 표시 아래 쪽을 보시면 배경색이라는 옵션이 있습니다. 이미지 대신 바탕 화면을 다른 배경색으로 채우면 됩니다.

사용자 삽입 이미지

다음으로 이미지를 반복한다는 말은 배경화면에 같은 이미지가 계속 나오게 한다는 말입니다. 예를 들어 이미지 크기가 작다면 배경화면에 꽉 차지 않겠지요? 이럴 때 이 옵션을 체크해주면 같은 이미지가 반복해서 배경화면을 채웁니다. 패턴으로 배경을 채울 때 유용하겠죠? 조그만 이미지 하나만 넣어 놓고 반복하게 해 놓으면 같은 무늬가 쫙~~

중간에 정렬이라는 기능은 이미지를 배경에 어떻게 놓을 것이지 선택하는 기능입니다. 말로는 되게 어려운데 실제로 눌러 보면 어떤 기능인지 압니다. 아홉 개의 사각형을 화면이라고 생각하고 이미지가 정렬될 기준을 어떤 위치로 놓을지 눌러 보면 됩니다. 여기서 선택한 대로 배경에 깔리는 이미지의 위치가 달라집니다.

이미지를 업로드 할 때 약간 골치 아픈 게 있습니다. 이미지 사이즈를 어떻게 만들어야 하느냐 이런 거지요. 기왕이면 찾아보기 버튼 아래쪽에 해상도 별 권장 이미지 사이즈 정도는 적어 줬으면 좋겠습니다. 이미지가 작으면 배경 화면에 다 안 차는 수가 생기거든요. 그래서 저는 그냥 디카에서 찍은 크기인 2272*1704 사이즈 그대로 올리고 정중앙 정렬을 해버렸습니다. 그런데 이거 배경 이미지가 너무 크면 로딩할 때 시간 잡아 먹는 건 아닌지 걱정되네요.

사용자 삽입 이미지사용자 삽입 이미지

일단 '배경꾸미기'까지만 살펴봤습니다. 사실 말로 하자니 복잡한데 실제로는 아주 간단하고 단순합니다. 간단하고 단순하다는 말은 기능이 제한되어 있다는 말과 은근 슬쩍 통하는 말입니다. 어쨌든 나머지 두 기능에 대해서도 정리를 해 보고, 그리고 전체적인 얘기를 꺼내야 하겠지요?

참, 제가 꾸며 놓은 블로그는 http://midstory.tistory.com인데요, 아직 글은 하나도 올리지 않았습니다. ^^ 일단 배경과 제목만 만들어 놨고 글은 천천히 올리려고요, 제목만 보시면 제가 이 블로그에다가 무슨 글을 쓸 건지 대충 감이 오시지요? ^^

ps> 사실 이런 얘기들은 100분의 베타 테스터들이 다 한 얘기일 겁니다. 그런데도 이런 형식으로 글을 쓴 건, 나중에 스킨위자드가 나오고 혹시라도 사용법을 알고 싶어하는 분들이 있을까봐 그렇습니다. 사실은 별 특징 없는 글을 쓰고, 이렇게라도 스스로를 위로해야 글 쓴 시간이 아깝지 않을 것 같아서... >.<

  • 2007.08.29 23:20 ADDR 수정/삭제 답글

    비밀댓글입니다

    • Favicon of http://raytopia.tistory.com BlogIcon '레이' 2007.08.30 09:09 신고 수정/삭제

      이메일 주소가 필요합니다 ^^

    • 2007.08.30 14:04 수정/삭제

      비밀댓글입니다

  • Favicon of http://chaekit.com/wany/ BlogIcon 와니 2007.08.29 23:42 신고 ADDR 수정/삭제 답글

    일단 좋은 아이디어인것은 같네요.
    스킨 제작이 늘 힘이 들었던게 사실이니..

    좋은 서비스로 발전하길 바랍니다~~

    • Favicon of http://raytopia.tistory.com BlogIcon '레이' 2007.08.30 09:06 신고 수정/삭제

      ^^ 스킨을 만드는 기능이 아니라 스킨을 수정하는 ^^ 기능인 듯 합니다 ^^ 어쨌거나 티스토리가 점점 좋아지니 환영할 만한 일이지요.

  • Favicon of http://health.gamsa.net BlogIcon 양깡 2007.08.30 07:48 신고 ADDR 수정/삭제 답글

    네이버의 리모컨과 비슷한 기능인 것 같습니다.

    스킨 만들기 편해지겠네요 ^^

    p.s midstory 혹시? 중년 남성이야기인가요?

    • Favicon of http://raytopia.tistory.com BlogIcon '레이' 2007.08.30 09:06 신고 수정/삭제

      네이버 보다 기능이 좀 모자라긴 해요. 그리고 중년남성이라뇨... 아아~~ >.<

  • 2007.08.30 15:14 ADDR 수정/삭제 답글

    비밀댓글입니다

  • 2007.08.30 16:48 ADDR 수정/삭제 답글

    비밀댓글입니다

  • 최소기 2007.08.30 17:16 신고 ADDR 수정/삭제 답글

    soki119@unidocs.co.kr 초대장 좀 부탁드릴게요.
    그럼 레이님 블로그 잊지않을게요 ^^ 꼭좀 부탁드립니다.

  • TISTORY 2007.09.03 22:34 신고 ADDR 수정/삭제 답글

    너무 큰 이미지 용량으로 인한 문제는 개선이 될 예정입니다^^. 리뷰 감사히 잘 보았습니다~