Image Generator is the blog of FROSTEYe. Copyright 2009~2010 FROSTEYe. ALL RIGHTS RESERVED.
*Get RSS feed|*Textcube.com 관심블로그로 등록|PROFILE|GUEST BOOK|NOTICE|TAG Cloud|LOCATION|MEDIA LOG
UNIQUE VISITORS TOTAL
530872
TODAY : 1025 / YESTERDAY : 2157

텍큐 스킨 삽질 중 알아낸 몇몇 것들

1. <head></head> 안에는 자바스크립트를 넣어도 작동하지 않는다.

 

2. <head>안의 <title> 태그는 작동하지 않는다. 페이지 제목은 자동으로 생성되므로 title 태그를 넣어도 무용지물.

 

3. 본문안의 자바스크립트는 작동한다.

 

4. [##_article_rep_desc_##](블로그 내용 본문)의 첫 머리는 반드시 <p> 태그 등으로 시작하는 것이 좋다.

CSS에 따로 P를 지정해 두면 편하다.

 

첫머리에 자바스크립트가 들어가면 저장을 해도 반영이 되지 않고 코드를 먹어버린다.

 

하지만 <p> 태그 등으로 묶어두면 잘 작동한다.

 

5. 페이지 오른쪽 상단의 텍스트큐브 로그인 어쩌구 없애는 방법은 아래의 링크에 아주 잘 나와있다.

CSS에 코드 한 줄만 넣어주면 간단하게 끝.

 

http://semix2.textcube.com/409

 

6. 텍스트 큐브 관심 블로그 등록 코드 역시 아래의 주소로 가면 상세한 방법이 있으니 참고.

 

http://science.binote.com/160

 

 

7. 공부하는 사람이라면 당연히 그렇게 하겠고, 또 공부하는 사람이 아니라도 그렇게 해야하지만,

앞으로는 웹표준 준수 웹브라우저가 늘어날 것이므로 skin.html에서 css를 직접 지정하는 것은 권장하지 않는다.

 

현재 제작 중인 스킨은 모든 css를 style.css로 분리했다.

 

8. 제작 중인 스킨에 문제가 있어서 다시 뜯어고치기 시작했다.

 

9. 스킨을 공개는 하겠지만 범용성은 없다. 이 블로그에 최적화 하려는 것이기 때문에 다른 블로그에 바로 사용 할 수 없다.

 

공개하는 이유는 코드를 참고하고 css를 참고하라고 하는 것이지, 배포용 스킨이 아니라는 점을 미리 경고한다.

 

굳이 사용하겠다면 말리지는 않겠으나 코드를 대폭 수정해야 한다.

 

다만 주석을 나름 자세히 달려고 노력(?)했으니 주석을 보면 수정은 어렵지 않을지도 모른다.

 

물론 css에 대한 약간의 지식은 있어야 한다.

 

10. 가로폭은 1000px로 정했는데, 이는 자체 리서치 결과를 반영한 것이다. 대부분은 1280의 LCD모니터로 이 블로그를 방문했지만, 그에 못지 않게 1024 해상도를 가진 사용자도 많았다.

 

전체 2위 였기 때문에, 가로폭을 줄여 좀 더 낮은 해상도에서도 블로그를 볼 수 있도록 할 예정이다.

 

11. 모든 css를 분리해내면, 자연스럽게 모바일 친화적(?)인 페이지가 구현된다.

모바일 기기에서 css없이 블로그를 보는 사람도 종종 있기 때문이다.

 

12. 광고는 대폭 줄이거나 노출 전략을 바꿀 생각이다. 그대로 갈 수도 있다.

 

한 마디로 내 맘대로.

 

본문 폭은 770px 정도되는데, 이는 제일 긴 광고 표준 배너의 크기가 728px이기 때문이다.

 

결론은 광고를 넣는 것 까지 고려해서 제작 중이라는 것.

 

13. 사이드 바를 왼쪽으로 넣기로 했다.

 

광고 주목도와 연관이 있는데, 사이드바 광고가 있을 경우에는 왼쪽 사이드바가 더 주목도가 높기 때문이다.

 

14. 본문의 이미지를 긁어오는데도 시간이 많이 걸리는 편이기 때문에,

 

스킨에는 이미지를 전혀 사용하지 않을 계획이다.

 

아이콘 정도나 레이아웃 정리를 위한 특수문자를 대신한 아이콘은 들어갈 수 있지만, 기본적으로 이미지는 사용하지 않는다.

 

전체적인 분위기는 구형 스킨과 별 다를 바 없어서, 바뀐 것이 없다고 생각 할 수도 있다.

 

 

15. 스킨을 만들 사람이라면 Adobe에 가서 드림위버 평가판을 받아서 깔자. 아마도 30일 무료였던 것으로 기억한다.

 

메모장보다는 많이 편하다.

 

16. 생각보다 시간이 많이 걸린다.

 

 

17. 텍스트큐브닷컴은 이상하다.

 

사용자로 하여금 하드코딩을 강요하는 텍큐.... 네이버 보다는 낫다고 해야하나. -_-

 

 

덧. 테스트를 위해 testbed.textcube.com을 만들었다. 아직 완성까지 멀었기 때문에 방문해도 깨진 화면만 나올 것이다.

 

 

* 이 포스트는 blogkorea [블코채널 : Image Generator] 에 링크 되어있습니다.
트랙백 주소 :: http://www.frosteye.net/236/trackback/
37
옵션
댓글 달기
  1.  
    태그를 배웠었지만 무슨말인지 하나도.. @_@
    제생각엔 태그와 CSS는 다른것 같습니다 @_@
    • 태그와 css는 다르죠...

      태그는 거기에 뭔가를 놓는다고 생각하면 되고...

      css는 놓인 물건이 어떻게 생겼는지를 설명한다고 보면 됩니다.

      css요즘은 table 대신에 css로 레이아웃을 잡고, css를 완전 분리하는 것이 대세(?)인 것 같아요.
  2.  
    우왕~~IG님도 스킨 수정 중이시군요.
    저도 티스토리부터 텍큐까지 이것저것 바꾸면서 느낀 건 많은데
    IG님처럼 정리는 못했네요.

    그리고 윗님 질문에 대한 답변을 더하자면, 명확하게 티스토리와 텍큐는
    xHMTL과 CSS로 나뉘어 있죠. 이것은 웹 페이지를 구조(xHTML), 디자인(CSS)으로 나눈 것입니다.
    즉 xHTML(HTML과 비슷하지만 엄연히 다릅니다. 쉽게는 HTML 보다 좀 더 엄격한 코드 룰이 적요되고요, 권장되는 웹 표준입니다.)로 웹문서를 구조화시키는 것입니다. 뼈대를 만드는거죠.
    그리고 CSS는 IG님께서 설명하신대로 구조화 된 문서를 꾸며주는 겁니다. 이 개념이 기존 HTML만 이해한 상태에서는 쉽게 적응되지는 않지요.

    기존 table보다 CSS를 많이 쓰는 것은 문서를 더욱 효율적으로 다양하게 디자인 할 수 있으며, 추후 수정에 대해서도 더욱 유연하게 대처할 수 있음으로, 웹 표준으로 권장하는 추세인 것입니다.

    적은 지식이고, 불명확한 지식입니다. 저도 나름공부한 걸로 떠들어본 주관적 지식입니다요.

    IG님 멋지게 스킨 변경, 정리 하시고 마무리 잘 되길 바랍니다. ^^
    • 사실 저도 학창시절에 공부한 것은 HTML 시절 지식이었지요.

      CSS가 처음 등장했을 시기였고, 당시에는 그냥 태그보다 좀 더 화려하세 웹페이지를 꾸밀 수 있는 것 정도로 이해했는데,

      어느 날 보니까 CSS없이는 제대로 표현하기가 힘들 정도로 발전을 했더군요.

      시장에서 대세라고 할 수 있는 IE가 8로 넘어오면서 웹표준 어느정도까지는 준수하고 있어서 앞으로는 CSS를 모르면 안 될 것 같습니다.
  3.  
    ㅡㅡ 전에 만든 스킨이 너무 느리고, 에러가 나서 다시 해볼려다 포기했습니다.
    저는 그냥 다른분이 배포하신 스킨 열심히 가져다 쓰며 배우는 수밖에는 없는것 같네요
    • 제가 지금 손대고 있는 일이 많아서 배포판을 만들기는 아직 힘들 것 같습니다.

      하지만 계획은 하고 있고, 코 앞에 닥친 일들 몇몇 해결하고 나서 배포판을 만들어 볼 생각입니다.

      일단은 남들이 만든 것을 뜯어 고치는 편이 더 편하고 빨리 스킨을 만들 수 있는 방법이랍니다.
  4.  
    저는 관련 직종이라 비교적 수월하게 수정을 하는 편이지만 아닌 분들에게 텍큐의 스킨은 아직 ㅎㄷㄷ한 부분인것 같아요.
  5.  
    사람의 손으로 직접 하는 것만큼 깔끔한 것이 없는 것 같습니다.
    물론 그렇게 하기 위해서는 알아야하고 공부를 해야하는 부담이 있지만, 다른 분들의 결과를 보고 따라할 수 있는 수준만 되면 그래도 만족스러운 결과를 만들 수 있지 않을까 싶네요. :-)
  6.  
    문서 title은 도대체 이해를 못 하겠습니다
    덕분에 SEO도, 웹 접근성도 최악입니다 orz
    • 그게 제공하는 스킨에 보면 title 태그가 버젓이 들어가 있는데, 정작 작동은 안 한다는 미스터리한 상황이죠.

      무슨 생각인 걸까요 ...

      -_+;;;
  7.  
     본 글을 퍼가거나 스크랩할 경우 반드시 출처를 명기해주시고 퍼가는 곳에 대한 댓글을 부탁드립니다. - 쏘울 - 텍스트큐브에서 제공되는 블로그 스킨의 종류가 많지 않아서 블로그를 운영하는 각 개인의 취향에 맞지 않는 경우도 있고, 자기만의 특징적인 블로그 디자인을 표현하고 싶은 경우도 있을 수 있고, 또 기본 제공되는 스킨의 경우 가로폭 사이즈가 너무 좁은 문제도 있어서 수정을 원하는 사람들이 많은듯 하지만 스킨을 수정하려면 최소한의 HTML 코드에..
  8.  
    스킨만큼은 네이버 >>>>> 텍큐..라고 생각하네요;;
    직접 코딩을 할 수 있긴 하지만
    텍큐 같은 하드 코딩의 방식은..있으니 못한-_-;;
    네이버 위자드는 얼마나 편리한데요!!!

    더군다나 텍큐 자체내 제공되는 스킨이 아직은 몇 개 없는 것도 큰 마이너스
    텍큐도 위자드 오픈한다던데..... 아직 깜깜하네요
    • 이미 오픈했잖아요 왜... 이름도 기억 안나네...

      =_+;;;

      아직 갈 길이 멀고 험하지요.

      그나마 자유롭다는 것이 유일하게 비빌 언덕이죠.
    • 오픈했다는 말을 듣고 냉큼 로긴했지만..
      어디가요??;;;;;
      네이버 리모콘 같은 위자드 말씀드린건데;;
      텍큐에서도 그런걸 곧 오픈 예정이라 했구요

      설마 지금 스킨편집이 개편된거..라는 말씀은 아니시죠?????
      그게 텍큐의 공식입장이기도 하다면....,,,,,,,,,,,,,,멍;
    • 쉬운 편집이 아마 그걸 거에요.. 지금 있는거. -_-;;;;



      Orz

      뭐 그다지 쉽지도 않고...

      그리고 네이버 리모콘 같은 서비스는 페이지 구조가 완전히 달라져야 하기 때문에 지금 텍큐에서 내놓은 스킨 구조들로는 적용이 어렵고,

      아예 새로운 구조의 스킨이 나와야 하니까 나온다해도 시간이 걸릴 것 같아요/
  9.  
    얼마전 헤드 부분의 코딩 문제로 문의를 했더니 헤드 부분의 편집은 지원하지 않는다고 하더군요. 그래서 헤드를 아무리 바꾸어도 적용이 되지 않는 이상한 상태입니다. ㅠㅠ
    • meta 태그나 link rel 같은 건 먹습니다.

      어떤 것은 되고 어떤 것은 안 되고...

      =_+

      내 맘대로죠 ;;;
    • 그게... 구글 웹마스터때문에 메타태그를 추가했는데 안먹혀서 사이트 인식이 안되더라구요. 그래서 문의했더니 지원하지 않는 기능이라는 답변이 돌아왔습니다. 그런데 좀 이상한건 분명 처음에는 메타태그가 먹혔는데 지금은 갑자기 안먹힌다는게 이상한거죠. ㅠㅠ
  10.  
    이크;; 부끄러운 링크가;; ^^ 로그인바 없애기가 은근 반응이 좋아서 살짝 놀랬습니다. ㅎㅎ 한번에 왕창 바꾸기보다는 조금씩 조금씩 진화시키는 것도 재미있어요.
    • semix2님에게 배운 것이 많습니다.

      테터둘즈만 생각하고 소스를 뜯어볼 생각을 안 하고 있었거든요...

      소스를 보니까 대충 구조가 좀 보이더군요 -_-
  11.  
    그러게요. title 안먹히드라구요;
    저도 article 제목을 앞으로 보내려고 했드니만;; 무시당했어요 ㅠㅠ

    5번!! 와우!! 유용하게 쓰겠습니다 +_ +
    광고 노출까지 생각하시다니~ 멋지신걸요~^^

    하나하나 읽으면서 스크랩해가고 싶다는 생각이 들었습니다 ^^
    트랙백 걸어주신 것 보고 와서 잘 보고 갑니당 ^^
    • 솔직히 광고 없는 블로그가 제일 좋은 블로그이겠죠...

      자랑할만한 거리는 못 되는 것 같고요;;;

      도움이 되셨다면 다행입니다.
  12.  
    ㅋㅋㅋ 17번 완전 공감입니다.

    티스토리는 완전 자유로운데 텍큐는 그렇지 않더라구요 ㅋㅋ
  13.  
     방문자를 늘리기 위한 전략중 제일 중요한게 티끌 모아 전략일겁니다. 댓글 써주고 방명록에 글써주면 대부분 블로그를 운영하는 블로거라면 당연히 답방을 할겁니다. 다음뷰나 믹스, 블코등등에 추천을 하면 그것도 초보가 아니라면 한번씩 관심을 가지고 방문하고 추천을 눌려줄겁니다. 기본적으로 어느정도 글이 모인후 검색사이트에 블로그를 일단 등록해 놓는다면 또 방문자수가 증가하는건 당연한겁니다. 찾아올길이 많아질수록 방문자수는 증가하죠. 블로그 운영의 노하우란..
  14.  
     텍큐 스킨 삽질.. : head에는 meta와 link만 현재 반영되는 것이 정확합니다. title 빨리 기능 만들어야 하는데;;;;
  15.  
     Tag를 좀 예쁘게 꾸미고자 하신분들이 사용하는 Tag Cloud IE에서 이상증세를 보인다.(IE 7.0ver) Tag는 관심있으면 선택해서 해당 Tag에 연관되어있는 글들을 확인할 수 있는 기능이 중요하다. 불여우를 기본으로 사용하는 필자에게는 Tag Cloud의 Tag를 선택시 아래 화면이 뜨는게 익숙했다. 그러나 필자는 오늘! 당황스러운 화면을 목격하였다. (※ 불여우로 접속하여 Tag Cloud의 Tag 선택 결과 화면) 그러나 가끔 IE를..
  16.  
     블로그 스킨 수정하면서 도움이 되었던 사이트와 포스팅들 소개해드리려구요. 스킨에 변화를 주고 싶으신 분들은 아래 링크들을 돌아다니시면서 참고하시는 것도 좋을 것 같습니다. * Textcube.org 설치형 블로그 서비스, 다운로드, 블로그키워드, 스킨모음 및 제작가이드 수록. 메뉴 중 [ 스킨 ] 에 들어가시면, 올라온 자료들 중에 마음에 드는 스킨을 다운받으실 수 있습니다. 다운받으실 때, 그 스킨에 달려있는 댓글들도 한 번쯤 읽어보시구요. 스킨..
  17.  
     아침에는 블로그 코리아 메인에 제 글이 올라가서 다른날 보다 사람이 많이 들어 왔어요. 그래서 기분이 좋았죠. 그런데 등수가 70등에서 5820등으로 내려갔어요. 울렸다 웃겼다 합니다. 혹시 다른분들도 이상이 있나 가보았지만 아무 변화가 없어요. 에러인가요 아니면 테스크큐브로 옮긴 댓가일까요? ㅋㅋ괴롭군요 물론 그동안 과대 평가 되어 있었어요. 그걸 인정합니다. 하지만 5000등이라니 너무해요.
  18.  
    텍큐 스킨에 대해서만 포스팅 하려면 족히 100여개는 나올것 같습니다.
    저도 하나하나 까보면서 알았더랬죠 :)
  19.  
     몇 몇 분들이 코딩을 하면서 고민을 하셨는지 약간씩 코드가 다르네요..ㅎㅎ 아무튼.. 어렵다고 하시는 분과 잘 안 된다는 분들이 계시기에... 가장 쉽고 빠르게... 그리고 정확하게 작동되도록... 지금부터 "플래시 물결 타이틀"을 블로그에 적용하는 방법을 알려드리겠습니다. 본 설명은 텍스트큐브 2.0 (텍스트큐브닷컴)에서 적용하는 방법이고, 제가 겪은 바에 의해서 가장 쉬운 방법을 제시하는 겁니다. 텍스트큐브의 관리창에서 skin.html에 넣으실..
  20.  
     본 글은 텍스트큐브닷컴 비공식 사용설명서 의 후편으로써 해당글을 아직 못 보신분들은 한번씩 봐주시길 바랍니다. 자 ~ 가보자!   목차 텍큐닷컴 초대장 31만 7932장을 배포합니다. 텍큐닷컴 블로그 최적화 스킨업로드 제한 풀기 텍큐닷컴 스킨 가이드 나만의 특별한 위젯 만들기 < 궁금한 내용만 빠르게 보고 싶으면 CTRL + F > 해당제목을 복사하여 검색 >       텍큐닷컴 초대장 31만 7932장을 배포합니다. 쿨럭~ 다름이 아니오라… 요즘..
  21.  
    저도 1번 2번 때문에 삽질하고 있었는데...덕분에 시간이 많이 줄었습니다.
    사용하던 스킨에서 스크립트를 <head></head>에 넣어서 작동하지 않았던 거군요. -_-;;
    좋은 정보 감사합니다 :)
    • 도움이 되셨다니 왠지 모르게 대단히 기쁘네요...

      얼마전에 스킨 가이드라인 같은 것을 만들어달라고 요청하기는 했는데, 언제 가능 할 지는 잘 모르겠습니다.