본문 바로가기

반응형

티스토리

티스토리 반응형 블로그 스킨 마크쿼리 적용 방법 기존에 PC 웹 버전과 모바일 전용 스킨을 사용하다가 좀 불만족 스러운 부분이 있어서 스킨을 변경했습니다. 찾아보다보니 화면 사이즈에 따라 변화하는 반응형 스킨 중에 마크쿼리(markquery)라는 스킨이 있는데 꽤 깔끔하더라고요. 일단 간단하게 적용해 보았는데 생각보다 더 괜찮은 결과라서 계속 사용해 보기로 했습니다. 제 기준으로 기존 스킨을 비교해서 봤을 때 장점 속도가 빠르다 - 기존 사용 스킨이 오래된건지 스크립트등 문제가있어 딜레이가 심했습니다. 가독성이 좋다 - 큰 화면에서는 폰트 사이즈 조정도 되고 디자인 자체가 깔끔합니다. 본문 영역이 넓다 - 기존 스킨은 본문이 가로폭이 짧아서 제약이 좀 있었는데 마크쿼리는 시원합니다. 호환성이 좋다 - 설정 부분 등 티스토리에 잘 맞춰진 스킨인 것 같습.. 더보기
티스토리 이미지가 이상하게 나올 때 해결방법 티스토리를 처음 사용하면서 이미지를 등록하고 나면 이미지가 이상하게 나오는 경우들이 있는데, 해결방법 공유합니다. 우선 글 쓰는 환경마다 다를 수는 있으니 제 글 쓰는 환경도 참고해 주세요. 1. 사용 OS : MAC 2. 사용 툴 : 맥용 MARS EDIT 에서 Movable Type API 사용 3. 등록 이미지 사이즈 : 가로 800px 기준 등록 웹에서는 대부분 문제가 없었으나, 모바일에서 특히나 별도의 모바일웹용 스킨을 사용하니 이미지가 화면을 벗어나거나 가로세로 비율이 이상하게 찌그러져 나오는 등의 문제가 있었습니다. 이미지가 길죽하게 나오니 보기 싫더라고요. 원래 이런 이미지가 나와야 하는데요. 이렇게 이미지가 길죽하게 비율이 안맞게 나오는 경우 입니다. 처음에는 이미지를 우선 등록한 후에 .. 더보기
티스토리 블로그 초대장 배포해 드립니다. 블로그를 시작하려고 하시나요? 살아가는 발자취를 남기는 목적이라도 좋고 애드센스 광고 수입을 벌기 위한 목적이신 분들도 계실겁니다. 티스토리 블로그를 선택하신 것도 괜찮은 선택인 것 같습니다. 저도 이번달에 티스토리를 시작하기 위해 필요한 초대장이 생겨서 배포합니다. 블로그를 시작하시는 목적이 무엇이든간에 가능한 컨텐츠는 남들에게 도움이 되거나 좋은 것들도 꾸며 주실 수 있는 분이면 초대장을 드리는 기쁨이 배가 될 것 같습니다. 신청방법 sehoyo@gmail.com 으로 초대장을 받으실 이메일 주소를 알려주시면 됩니다. 다만, 초대장이 한정되어 있어서 모든 분께 드릴 수는 없겠죠? 그렇다고 거창한 뭔가를 부탁 드리지도 않겠습니다. 그냥 블로그 시작하시면서 드는 생각이라도 같이 적어서 보내주시면 아무래도.. 더보기
티스토리 모바일웹용 CSS 만들기 - 이미지,폰트,메뉴숨기기 티스토리 블로그 운영 시 참고자료로 올려봅니다. 먼저 전 전문 개발자나 퍼블리셔가 아니기 때문에 더 좋은 방법은 얼마든지 있을겁니다... -_-; 특히나 전 디자인이나 색상등은 원체 꽝이기 때문에 방법론적인 것만 보시면 될 듯 합니다. (혹시 모르니 먼저 면피부터.. ㅋㅋ) 티스토리 관리자의 html/css 편집에 있는 CSS는 수정을 해봐야 모바일웹인 경우는 아예 불러오지도 않는 것 같더라고요... 그래서 별도의 CSS 파일을 만들어서 글마다 불러올 수 있게 link 태그까지는 삽입을 하였습니다. - 티스토리 모바일웹용 CSS 파일 넣기 이제 이 파일에 CSS를 만들어 넣으면 모바일웹에서도 스타일을 적용할 수 있겠죠? 자 우선 상단에 저에게는 불필요한... 보기 싫은 영역을 없애버리겠습니다. .area.. 더보기
티스토리 모바일웹 스킨 CSS 적용 티스토리 블로그 운영 시 참고자료로 올려봅니다. 자기만의 블로그를 만들기 위해서는 CSS 가 필수인데요. 제가 쓰는 스킨만 그런건지, TISTORY 관리자 페이지에서 HTML/CSS 편집 메뉴로 들어가서 CSS를 수정하여도 모바일웹에는 반영이 되질 않았습니다. 태그별 스타일을 적용하고 싶기도 하고, 기본적으로 모바일웹에서는 폰트 크기라도 변경하고 싶은데 아예 안되더라고요. 해결을 하긴 했는데, 정보 공유 차원에서 포스팅 합니다. 운영 스타일마다 다르겠지만, 저는 모바일은 모바일대로 웹은 웹대로 최적화된 화면을 보여주고 싶더라고요. 매번 모든 글마다 CSS를 만들 수는 없으니, CSS 파일을 하나 만들어서 링크로 불러오는 형태로 작업하는 방법입니다. 외부 CSS 파일 불러오기 Link 태그로 간단히 불러올.. 더보기
애드센스 클릭율이 갑자기 낮아졌다! (티스토리 2차 도메인 설정에 따른 adchoice 가 원인) 어찌하다보니... 블로그를 하게되고, 이왕 할거 나도 애드센스란것도 해볼까? 라고 시작했는데 요게 하다보니 돈을 떠나서 재미가 있네요. ㅋ 처음에는 페이지뷰 100페이지 언제 넘겨보나 했는데 이제 100쯤이야..하면서 한 300 pv 찍고(다른 블로거 분들이 보시면 피식하실 숫자지만..), CPC라고 클릭당 수익율도 보이고 하니까 그 숫자들이 올라가고 하는게 꽤 재미가 있습니다. 아주 작은 목표들이랄까... 하루에 $0.01 수익이 생기고, $0.1도 넘어가면서 앗싸~를 외치는...(100원 인데... ㅋㅋ) 뭐 암튼 그러면서 한달에 스타벅스 아메리카노 Tall 정도는 애드센스 수익으로 사먹을 수 있는 대기록(?)을 달성했는데... 갑자기 수익율이 뚝 떨어졌습니다. 페이지뷰는 어느정도 그대로 나오는데, .. 더보기

반응형