FastBoot스킨에 적용할 수 있는 테마입니다.FasBoot 1.6.1에 최적화 되어있습니다. 반응형 스킨이 좋긴하지만, 그 종류가 너무 적어서 디자인이 획일화되어가는것 같아서 쉽게 적용할 수 있는 다양한 테마를 만들어보고자합니다, 이번 테마는 베타버전테마이며, 앞으로 더 다양한 테마를 만들어볼 계획입니다.아직은 베타버전으로 테마 이름도 제대로 짓지 못했네요. 아래 버튼을 누르면 여기서 테마가 어떻게 생겼는지 미리볼 수 있습니다. 테마 변경 중간에 초기화를 눌러줘야 테마간 충돌이 일어나지 않습니다. 테마1 미리보기 블랙 테마 미리보기 초기화 ※현재는 스킨을 바꿔서 미리볼 수가 없습니다.적용 방법1. 아래 css파일 중 마음에 드는 것을 받아서 html/css편집- 파일업로드에 올립니다. 2. 받은 cs..
티스토리를 하면서 불편했던 점들, 개선했으면 좋겠다는 점들을 직접 수정하고, 만들다보니 꽤 많이 쌓였네요. 쓸만한 팁이나 플러그인들을 분류하고, 제 기준에서 중요도에 따라 별점을 붙여봤습니다. 이 포스트를 추천게시글로 표시하고 앞으로 또 만드는 것이 있으면 여기에 추가할 예정입니다. 참고로 저는 개발자가 아닙니다. 다년간 티스토리를 하면서 자연스레 익힌 것들을 활용해본 것입니다. 따라서 아래 소개해드리는 방법들이 다소 세련되지 못할 수 있는 점은 양해바랍니다. 애드센스 - 티스토리 구글 애드센스 크롤러 오류 말끔히 해결! ★★★☆☆ - 크롤러 오류는 앞으로 안 볼 수 있지만, 크롤러오류가 그렇게 중요한것도 아닌데 오류페이지에서 광고수입을 포기해야하는 단점이 있습니다. - 관리가 편리한 티스토리 본문 중간..
티스토리는 게시판을 만들수가 없어서 아쉬워하던참에 iframe으로 xe게시판을 표시하는 방법을 알게되었습니다. 거기에 화면요소들을 조금만 조정해주면 정말 게시판처럼 사용할 수도 있겠더군요. 준비물 티스토리에 쓸 XE게시판(이것에 대해서는 나중에 시간되면 포스팅하겠습니다.)기초적인 HTML지식 XE설정미리 xe에서 레이아웃을 게시판만 표시되도록 설정해주면 좋습니다. 또한 xe를 반응형으로 꾸며야 티스토리에 삽입된 게시판도 반응형으로 동작합니다. 게시판으로 쓸 포스트 작성 티스토리 포스트 주소는 두가지 방식이 있는데요,첫번째 방식은 블로그 주소 뒤에 바로 번호가 붙는 방식(예: nubiz.tistory.com/123)두번째 방식은 entry뒤에 포스트 제목이 붙는 방식입니다.(예: nubiz.tistory...
이전에 댓글창이 너무 길어지는 경우 이용자 불편을 최소화하기위해 댓글 입력 창을 위아래로 붙이는 방법을 소개해드렸었는데요,[iTIPs/Web] - 티스토리 댓글이 일정길이 이상되면 댓글쓰기창이 위아래로 2개 나오게하기 이것보다는 좋은 아이디어가 떠올라 만들어봤습니다. 댓글이 5개 이상이 되면facebook처럼 댓글 더보기를 누르면 5개씩 추가로 나타나게 되는 플러그인입니다.(어차피 이 블로그에서는 흔치 않은 일이지만..) 이미 티스토리 자체적으로도 일정갯수 이상 넘어가면 이전 댓글보기 버튼이 생기지만 저는 그런걸 본적이 없으니.. 5개만 돼도 생기도록 해봤습니다. 선호도에 따라 2가지 방식이 존재합니다. '다음 댓글 더 보기'는 오래된 순으로 5개가 먼저보이고, 버튼을 클릭할 때 마다 그 다음 댓글 5개..
반응형 스킨을 사용하면서 새로 쓰는 글들은 반응형에 맞춰서 작성을하지만,항상 기존에 작성했던 글들이 문제가 됩니다. 본문에 사진3장연속보기나 표를삽입한경우, 티스토리 에디터가 가로크기를 픽셀단위로 지정하기 때문에 축소가 불가능한 반응형스킨에서는 내용이 잘려보이게됩니다. 티스토리의 모바일 스킨에는 PC버전 보기 버튼이 있어서 해결가능하지만, 반응형스킨에는 그런것이 없었습니다. 그동안 2가지정도의 해결방안을 찾아보았는데요,첫번째가 컨텐츠영역의 가로크기를 충분히 늘리고 스크롤할수 있게 하는것이었습니다.[iTIPs/Web] - 반응형 스킨 데스크톱 보기 대신할 가로 넓게보기이방법도 좋긴한데, 화면 요소가 약간 깨지는 등 뭔가 엉성한면이 없지않아 있습니다. 또하나 깔끔한 해결법으로서 문제가되는 표만 스크롤가능하게..
반응형 스킨인데 모바일 스킨을 사용하지 않는다니.. 무슨말인가 싶으실겁니다. 말 그대로 반응형 스킨을 설치하되 모바일 스킨을 사용하지 않고,모바일에서도 데스크탑과 같은 화면을 보여주고 싶은 분들을 위한 글입니다. 혹은 데스크탑화면에서의 디자인은 마음에 들지만 모바일화면 디자인은 마음에 들지 않는 분들도 해당됩니다. 모바일 스킨 사용하지 않기 반응형 스킨이라면 반드시 영역에 다음과같은 구문이 있을겁니다.(값이 더 있는것은 상관없습니다.) 여기서 device-width를 1024와 같은 값으로 수정하시면됩니다.(가로 해상도 1024를 의미합니다.) width값만 바꿔도 문제 없지만, initial-scale값을 낮출수록 축소되어서 한화면에 페이지 전체가 보이게 할 수 있습니다. ※
제목을 어떻게 정해야 할 지 모르겠네요..ㅋㅋ 티스토리 댓글은 기본적으로 댓글 입력창이 위에있고, 그 아래로 댓글이 표시됩니다.HTML수정으로 댓글 입력창을 아래로 내리는 것은 그냥 순서만 바꾸면 되니 간단하죠. 티스토리 댓글이 적절히 페이지를 나눠주지 않기 때문에티스토리 댓글이 활성화 된 블로그는 고민을 하게됩니다.댓글 입력창을 위쪽에 두면 이용자들이 댓글을 읽고 댓글을 쓰려면 다시 위로 스크롤을 해야합니다.댓글 입력창을 아래쪽이 두면 이용자들이 바로 댓글을 쓰고 싶어도 스크롤을 끝까지 내려야합니다. 그래서 제가 생각한 방법은 댓글 리스트 위아래에 댓글입력창을 2개 달아두는 것입니다.무작정 2개가 달리면 저처럼 댓글이 별로 없는 경우에는 지저분해질 뿐이므로 댓글창의 높이가 800px이상이면 2개가되도록..
블로그에 플러그인들이 추가되면서 속도가 눈에띄게 느려지고 있습니다..현재 이 블로그 속도에 영향을 많이주는 플러그인은구글 플러스 플러그인페이스북 좋아요 플러그인Addthis 플러그인Disqus 플러그인구글 애드센스등이 있습니다. 좋아요류 플러그인들은 차차 제거할 계획이고, 애드센스는 어쩔 수 없이 둬야겠습니다.Addthis와 Disqus는 버리긴 아까우니 로딩시점을 변경하여 블로그 속도를 개선해보고자합니다. 이번 포스트는 먼저 Disqus부터 손볼것입니다. 이 블로그는 현재 댓글 영역을 탭으로 구분고 있는데요, Disqus가 활성화된 탭이 아니더라도 Disqus코드가 로딩되는데 시간이 걸립니다. 따라서 평소에는 로딩되지 않다가, 디스커스 탭을 활성화 했을 때 로딩을 시킬것입니다. Disqus 로딩 스크립..
이번엔 아주 간단하고 짧은 포스팅입니다. 현재 사용중인 Fastboot 스킨은 홈버튼을 따로 제공하고 블로그 제목을 클릭해도 홈으로 돌아가지 않습니다. 제 생각에는 블로그 제목이 홈버튼 역할을 하는 것이 직관적이라고 생각해서 [샵샵_title_##] 이렇게 적용하고나니 a태그로인해 파란색으로 표시되더군요. (물론 css수정으로 다시 색을 바꾸면 되긴합니다만..) 그래서 다른방법을 찾아봤습니다. a 태그 없이 링크 걸기 [샵샵_title_##]onclick은 html element를 클릭했을 때 자바스크립트를 실행하게합니다."/"은 홈으로 돌아가는 주소입니다._self는 현재 창에서 열리게 하는 옵션이고, 새창에서 열리게 하려면 ,"_self"를 지우시면 됩니다. 블로그 제목이 아니더라도 화면에 표시되는 ..
티스토리에서 표를삽입하면, px단위로 크기를 설정해버리기 때문에 반응형 스킨에서는 끝부분이 잘리기 쉽습니다. 표 뿐만 아니라 table태그를 이용한 티스토리의 모든 요소가 반응형 스킨을 적용했을 때, 화면 크기에 맞게 줄어들지 않습니다. 물론 HTML편집기 모드에서 단위를 %로 바꿔주면 되는데, 막상 살펴보면.. 누가 봐도 수정하기 싫게 생겼죠.. 그 해결법으로 처음에 생각했던것이 데스크탑보기 모드였습니다. 저는 이것을 반응형 스킨에 응용하여 가로 넓게보기 모드라고 이름을 붙였습니다. 티스토리의 모바일웹 스킨에서 크기가 커서 잘리는 컨텐츠가 있는 경우 데스크탑보기 버튼을 눌러서 확인할 수 있었던 것 처럼 반응형 스킨의 가로크기를 늘이고, 화면 비율을 줄여 큰 컨텐츠를 스크롤해가며 볼 수 있게 만들어봤었습..