본문 바로가기

블로그에서 사용하던 2단 구성 스킨의 치명적 오류


영상디자인을 전공했지만, 디자인 감각이 떨어지는 꼴찌가 졸린 눈을 비벼가며 어렵게 어렵게 스킨 수정을 마쳤습니다. html은 제게 외계어 수준이라 블로그 구석구석을 수정하는 일이 쉬운 일은 아니었는데요. 아직도 부분적으로 더 수정을 해야 하는데, 자칫 잘못 건드려 이상하게 될까 두려워 우선은 여기까지가 최종 수정부분입니다. 꼴찌닷컴 블로그 스킨 수정 소식을 알려 드리며, 그 과정에서 알게 된 사실과 스킨 관련 간략한 정보를 전합니다.




제가 지난 2010년 11월 부터 본격적으로 블로그를 운영하면서 선택했던 스킨은 3단 구성의 Magazine 스킨이었습니다. 양 사이드바에 카테고리 구성과 배너 위젯을 달기 용이했고, 디자인이 맘에 들었기 때문이죠. 지금 이웃 블로그 중 놀다가 쿵했져 님께서 <쿵이의 즐거운 세상> 이라는 제목의 블로그로 이 스킨을 사용하고 계시는데요. 작년 12월 말까지 3단 구성의 스킨으로 나름 깔끔하게 정리를 해왔습니다만,




본문 폭이 좁아서 사진 이미지를 올리면 사이즈를 작게 할 수 밖에 없다는 아쉬움이 단점이었습니다. 2011년 새해를 맞이하면서 이 참에 사진 이미지를 좀 더 크게 올릴 수 있는 스킨으로 새해 맞이 새단장을 꾀했죠. 그러다 발견한 스킨이 바로 상큼 발랄한 2단 구성의 Milky Way 스킨이었습니다.



 
이 스킨으로 갈아타면서 이미지 폭을 710p 큰 사이즈로 업로드 할 수 있었습니다. 후배에게 물었더니 예전보다 더 산뜻한 느낌이라는 평도 듣고, 이웃블로거 분 중 한 분께서도 스킨 바꾸길 잘했다는 말에 뿌듯하기도 했죠. 큰 문제없이 블로그에 콘텐츠를 쌓아가던 중 지난 설날 고향에서 5촌 당숙의 아이패드에서 제 블로그 스킨의 문제점을 발견했습니다.

지난 12월 가족여행 다녀오면서 촬영한 사진과 편집한 동영상을 보여 드리려고 아이패드를 통해 제 블로그에 접속을 했는데... 제 블로그 화면이 아이패드에서 스크롤이 되지 않는 것이었습니다.   


제 블로그 메인화면이 뜨고 나서 정지화면인 상태로 스크롤이 되지 않아 많은 포스팅에 접근하기가 불가능했습니다. 그런데, 바로 엊그제 스킨 변경을 더 이상 미룰 수 없다고 생각했던 또 하나의 이유가 발생! 


오늘부터 블로그에 달기 시작한 라이브리 댓글창이 무슨 이유에서인지 Milky way 스킨에서는 설치가 되질 않는 것이었습니다. 트위터에서 알게 된 후배에게 메신져로 댓글창 설치 부탁을 했습니다. html 이나 블로그 구성쪽에서는 나름 고수인 그 친구가 직접 원격으로 설치를 도와줬는데도 30여분 동안 씨름하다가 결국 원인을 밝혀내지 못하고 설치를 못했습니다.  

또 한 가지, 사이드바 수정이나 위젯 설치 후 저장 전 미리보기를 하는게 보편적인데, Milky way 스킨은 다른 스킨과 달리 미리보기 화면을 누르면 화면이 정지된 상태로 스크롤이 되지 않습니다. 

블로그 접속을 PC뿐만 아니라 스마트폰과 태블릿PC를 통해 접속하는 경향이 늘고 있기때문에 이런 소소한 오류도 치명적 결함이 될 수도 있다는 생각에 더 이상 미루지 않고 스킨을 변경에 착수.

  
여전히 사진 이미지를 크게 올리고 싶어 2단 구성의 스킨을 결정했고, 여러 색이 섞인 것보단 화이트 계열의 단색 스킨이 깔끔할 것 같다는 생각에 Life in Mono 스킨으로 최종 선택 했습니다. 많은 사람들이 사용하고 있기때문에 best라는 마크가 찍혀있는 걸까요? (저 best 마크 보니까 며칠 동안 best 딱지 못 받고 있다는 사실을 깨닫게 되면서...ㅎㅎ) 
 
이제 꾸미기 돌입!!!


티에디션을 통해 메인 화면을 디자인하면서 그 동안 사용하지 않았던 상단 메뉴 구성을 해봤는데요. 스킨마다 상단 메뉴를 사용할 수 있는 스킨이 있고 그렇지 않은 스킨이 있다는 사실은 아시죠? 그리고, 이 스킨은 블로그 주인장 프로필 사진이 다른 스킨보다 큰 영역으로 자리잡고 있더군요. 이참에 꼴찌의 얼굴을 공개합니다.

예전에 <순간포착! 세상에 이런일이> 연출할때는 TV를 통해서 툭 하면 제 얼굴이 노출 된 적이 많았는데, (심지어 지금까지도 케이블 채널에서는 인기 재방송 프로그램으로 세상에 이런일이 가 자주 방송되며, 요즘도 간혹 출연되고 있더군요.ㅎㅎ) 블로그를 통해 많은 분들과 소통하기로 한 이상 못난 얼굴이지만, 며칠 전 굳은 결심으로 삭발한 제 얼굴을 공개합니다. 귀엽게(?) 봐주세요.^^ 


며칠 전까지 디자인 됐던 메인화면과 구성면에서는 큰 차이가 없습니다만, 예전에는 글 제목의 글자수가 길어 화면에 글 일부가 생략이 되었기에 이 글이 어떤 내용에 관한 글인지 방문자들은 제목을 제대로 알 수가 없었던 것 같습니다. 사실, 방문자중 메인화면을 훑어 보시는 분들이 얼마나 계실지 궁금하기도 합니다만... 


그럼에도 티에디션 디자인 부분에서 <상세>란을 클릭하고 글제목의 글자수를 40으로 설정한 후 기존의 포스팅 제목을 함축적으로 줄이는 작업을 했습니다. 예를 들면 얼마 전 포스팅 했던 여자후배PD에 관한 글의 원제는 <"보통여자? 싫어요!" 카메라를 든 여자>라는 제목에서 뒷부분을 생략하고 제목으로 설정했고, 전체 육아, 일상, 영화 등 전체 카테고리의 메인 노출 아이템에 대해서 제목 수정을 끝마쳤습니다. 일일이 수정하느라 시간도 많이 걸렸지만, 이런 사소한 관심이 제 블로그에 방문해주시는 분들에 대한 기본적인 예의란 생각이 드네요.


마지막으로 제 블로그 메인화면 중 개인적으로 홍보하고 싶은 부분입니다. 지금은 많은 콘텐츠가 쌓이지 않은 상태라 창피하긴 하지만, 앞으로 꼴찌닷컴 블로그 메인화면 중앙에 있는 동영상 플레이어 화면은 극장이나 TV브라운관 역할을 할 예정입니다. 어느 이웃블로그의 말씀대로 인터넷에 머무는 시간이 그리 많지 않아 동영상을 볼 정도의 여유가 없다는 조언도 해주셨지만, 제 블로그에서 제가 직접 만든 영상을 많은 분들이 봐주시는것이 제 과제이고 숙제겠지요. 메인화면에 플레이 되는 영상들은 VIMEO 사이트에 업로드 한 영상들인데 유투브보다 더 화질이 좋고 끊김도 적은 것 같습니다.

아직 꼴찌닷컴 블로그는 미완성이며 시행착오를 겪고 있는 중입니다. 그리고 아주 오래전부터 기획했던 프로젝트는 아직 꼴찌닷컴에서 시작도 하지 못하고 있습니다. 블로그를 영상플랫폼으로 삼고 싶은 욕심과 계획이 단순히 열정만으로 이루어 지는 게 아니기에 다소 어려움이 많긴 한데요. 매일 매일 공부하며 준비해가고 있으니 이웃분들과 더불어 종 종 방문해주시는 분들도 아낌없는 충고와 비판 부탁드립니다.
좋은 댓글은 격려요. 비판과 지적은 제 블로그에 거름이 된다고 생각합니다. 

              

남은 과제는 하단에 추천위젯 정리와 블로그 구독 추천바 설치 및 사이드 화면에 메인 상단으로 되돌아 가기 버튼을 다는 것 정도인데 html에 대한 두려움에 시도를 못하고 있습니다. 라이브리 댓글창 설치했듯이 차근차근 노력하면 성공할 수 있겠죠?

오늘도 방문해주신 이웃 분들과 낯선이들 모두 행복한 하루 되시고, Milky way 스킨 사용하시는 분들은 참고하세요!!!
  • 이전 댓글 더보기
  • Favicon of http://crabbit.tistory.com/ 굴뚝토끼 2011.02.23 07:43

    저도 스킨 고치다가 알수 없는 에러들 때문에
    그냥 쓰던 걸 그대로 쓰고 있답니다.

    티스토리의 퇴대 장점이자 단점이 스킨이죠..^^

  • Favicon of https://gyoil.tistory.com 정민파파 2011.02.23 07:44 신고

    아 2단 구성 스킨의 오류가 있군요.
    변경때 한번 더 자세히 봐야겠네요.

  • Favicon of http://sys610.tistory.com 꽁보리밥 2011.02.23 08:28

    스킨 공부를 체계적으로 하면 그리 어렵지 않은데
    귀차니즘이 문제입니다.
    본문 폭...참 양날의 칼이군요...ㅠㅠ

  • Favicon of http://thinkingpig.tistory.com 생각하는 돼지 2011.02.23 08:33

    저는 두려워서...스킨도 못바꾸고 있습니다....
    또한 번 바꾸면 변경하고 수정해야 할 것들이 너무 많아서... ㅜㅜ

  • Favicon of http://sjy8593.tistory.com ecology 2011.02.23 08:41

    본문이 넓으면 그런 잘못되는 점있네요
    저는 모바일에서 어떻게 나오는지
    확인해 보아야 할것 같습니다
    유익한 글 잘보고 갑니다

  • Favicon of http://boann.tistory.com Boan 2011.02.23 08:51

    저도 사용하고있는 스킨이 마음에들지 않는데 쉽게 바꾸지를 못하겠습니다..ㅠ.ㅠ
    겨울에는추워보이는데 이제 겨울도 지났으면 조금은 괜찮아졌어요..

  • Favicon of http://blog.daum.net/gnathia 달려라꼴찌 2011.02.23 09:07

    저는 귀차니즘 때문에 그저 디폴트 ㅡ.ㅡ;;;

  • Favicon of http://bloping.tistory.com 새라새 2011.02.23 09:28

    스킨수정과 함께 꼴찌닷컴의 무한한 발전을 기원합니다..^^

  • Favicon of http://plusblog.tistory.com 꼬마낙타 2011.02.23 09:36

    스킨에 관련된 문제는 한번 꼬이면..
    절대 풀수 없게 되어 버리는것 같아요 ㅜㅜ

  • Favicon of http://polarbearbank.tistory.com 북극곰 2011.02.23 09:36

    스킨 수정.. 스킨이 한번 꼬이기 시작하면 진짜 답답해질정도로 스트레스 받고는 합니다. --;
    그래서 왠만해서는 이제 스킨에 큰 이상이 없는 이상 건들지 않으려고요~ ^^ ㅋㅋㅋ
    이렇게 하나하나 해보면서 배워가는 것이기는 하지만요~ ㅋㅋㅋ

    요새 들어서 라이브리?? 댓글창 달고 계신 이웃분들을 많이 봤는데~
    이 댓글창이 좋은것인가요?? ㅋㅋㅋ 여태 어떤것인가... 어떻게 사용하는 것인가~~ 신기해 하면서도
    한번도 이웃분들께 물어보지를 않았네요~ 힝~ ㅋ

  • Favicon of http://kung2.tistory.com 놀다가쿵해쪄 2011.02.23 09:52

    저도 스킨을 바꾸고 싶은데 엄두가 안나네요...ㅋ
    블로그로 하시고자 하는 일 꼭! 성공하세요..^^

  • Favicon of http://yisunmin.tistory.com 선민아빠 2011.02.23 10:21

    스킨 너무 어려워요~ 전 제일 처음 선택한 스킨을 한번도 바꾼적이 없어요~~~

  • Favicon of http://daddymoo.tistory.com 아빠소 2011.02.23 10:36

    고생하셨습니다. 그래도 이런 시도라도 하신게 어딥니까~ 저는 잘 알지도 못하지만 워낙에 귀차니즘의 대가라서
    한번도 스킨수정 안하고 있습니다... 사이드바에 배너 하나 올려야하는데 어떻게 해야할지도 몰라서 손놓고 있는중이지요~

  • Favicon of http://blog.hscity.net 화사함 2011.02.23 11:08

    스킨때문에 오류가 많이 생길수도있군요..ㅎㅎㅎ
    저는 처음알았습니다^^
    행복한하루되세요~~!!

  • Favicon of http://nextgoal.tistory.com 티비의 세상구경 2011.02.23 11:42

    저도 개인적으로 2단구성이 가장 좋은것 같더라구요
    Life in Mono 스킨의 세계에 오신걸 환영합니다. ㅋㅋ

  • Favicon of http://1evergreen.tistory.com 에버그린 2011.02.23 12:01

    전 스킨 안건드립니다. 무서워요~ ㅎㅎ
    글구
    영상 디자인이라면 ~ 오!
    혹시 블러그에 올려도 되는 모델사진이있으신지요?
    있다면 뭐좀 부탁 드리게요^^

  • 익명 2011.02.23 12:31

    비밀댓글입니다

  • Favicon of http://mijuhosi.tistory.com 쿤다다다 2011.02.23 12:40

    와....새단장 느낌이 팍팍...집들이 온 것 같은데용. 꼴찌 님도 이렇게 뵙고..반가워용..
    댓글달 때 주소랑 아이디가 남는 부분이 참 좋네요. 전에는 일일이 쳐야했다죠. 흑.
    라이브리댓글창 저도 달고 싶은데...훔냐..컴맹이다보니 이렇게 뭔가 새단장을 하는데 대한 두려움이 크답니다.
    새 집에서 계획하고 계신 프로젝트 펼치세용.

  • Favicon of http://cherryboy.tistory.com Cherry™ 2011.02.23 17:12

    저는 미리보기 화면은 원래가 스크롤이 안 되는 줄로만 알았답니다
    덕분에 하나 배웠습니다~

  • Favicon of http://worldreview.tistory.com 리뷰쟁이 2011.02.24 01:21

    저도 스킨좀 잘 선택하고싶은데 큰일입니다...
    흐아 ㅠ_ㅠ 저도 좀 배워서 이쁘게좀해야할텐데 죽갔습니다
    이제 한국왔으니 꼭 해야죠 꼴찌님 잘지내고계셨죠?헤헤