뭐하라의 티스토리 팁 & 플러그인 모음
티스토리를 하면서 불편했던 점들, 개선했으면 좋겠다는 점들을 직접 수정하고, 만들다보니 꽤 많이 쌓였네요.
쓸만한 팁이나 플러그인들을 분류하고, 제 기준에서 중요도에 따라 별점을 붙여봤습니다.
이 포스트를 추천게시글로 표시하고 앞으로 또 만드는 것이 있으면 여기에 추가할 예정입니다.
참고로 저는 개발자가 아닙니다. 다년간 티스토리를 하면서 자연스레 익힌 것들을 활용해본 것입니다.
따라서 아래 소개해드리는 방법들이 다소 세련되지 못할 수 있는 점은 양해바랍니다.
애드센스
★★★☆☆ - 크롤러 오류는 앞으로 안 볼 수 있지만, 크롤러오류가 그렇게 중요한것도 아닌데 오류페이지에서 광고수입을 포기해야하는 단점이 있습니다.
★★★★☆ - 본문 중간 광고삽입 법중에 가장 효율적이라고 자신합니다! 그러나 반응형 스킨을 사용하지 않는경우에 모바일에서 중간삽입이 되지 않는다는 단점이 있습니다.
- 반응형 광고 단위 사용법, 반응형 스킨에서 상단에 광고 2개 넣기
★★★☆☆ - 반응형광고 사용법과 함께 반응형 스킨에서 본문상단에 광고 2개 넣는 방법을 소개하고있습니다.
- Bootstrap 기반 스킨에서 본문 상단에 반응형 애드센스 2개 넣기
★★★★☆ - 사용중인 반응형 스킨이 Bootstrap기반이라면 이 방법이 위 방법보다 훨씬 깔끔합니다.
★★★★☆ - 애드센스, HTML이 서투신 분들이 자주 질문하시는 부분을 정리해봤습니다.
★★★☆☆ - 그렇게 추천하는 방법은 아니지만 포스트 수정 없이 본문 중간에 광고를 삽입할 수 있습니다.
- 애드센스 대형 광고단위 적용을 위한 부트스트랩 CSS수정
★★★☆☆ - 대형광고 적용을 위한 반응형 스킨 수정 방법입니다.
- 유동성있는 광고 구현을 위한 애드센스 코드 삽입 방법
★★★★☆ - 광고 구현에 유동성을 주기 위해서는 이 방법을 응용하시는 게 좋습니다.
★★★★☆ - 어떤 광고가 더 효율적일지 테스트해볼 수 있습니다.
★★★★☆ - 고급형 코드 수정을 쉽게할 수 있도록 도와줍니다.
★★★★★ - 반응형 스킨에서의 문제점을 해결해줄 수 있습니다.
★★★★☆ - 간단한 방법으로 모바일화면에서 표가 잘려보이는 현상을 해결할 수 있습니다.
★★★☆☆ - PC버전보기를 만들기 전까지 이용하던 것인데, 아무래도 레이아웃이 조금 깨집니다. PC버전 보기로 완전 대체 가능합니다.
- Fastboot스킨을 개성있게! - 커스텀 스킨 테마 (베타버전)
★★★★☆ - Fastboot스킨에 적용할 수 있는 테마입니다. 잠재성이 크다고 생각합니다. 제 의지에 따라 달렀지만요..
★★★★☆ - Fastboot 스킨에 적용할 수 있는 커스텀테마 제작 가이드입니다.
- Fastboot 데스크탑 상단바 스크롤 애니메이션을 더 부드럽게!
★★★★☆ - Fastboot 스킨에 적용할 수 있는 팁입니다.
★★★☆☆ - 상단바를 감췄다가 스크롤을 내리면 상단바가 나타나게 할 수 있습니다.
- 애드센스 대형 광고단위 적용을 위한 부트스트랩 CSS수정
댓글 영역
- 티스토리 댓글이 일정길이 이상되면 댓글쓰기창이 위아래로 2개 나오게하기
★★★★☆ - 댓글이 길어질경우 아래에도, 혹은 위에도 댓글입력창이 있으면 좋겠다 싶어서 만들었습니다.
★★★★★ - 티스토리 댓글 외에 다른 댓글 서비스를 이용하는경우 필수라고 생각됩니다!
★★★★☆ - 위의 댓글 탭으로 보기 성능 및 디자인 업그레이드 버전입니다. 단, IE7,8 호환이 되지 않습니다.
★★★★☆ - 디스커스 댓글의 갯수를 표시할 수 있습니다.
.
기타 티스토리 일반
★★★★☆ - 티스토리에서 방문자들이 이용가능한 게시판을 만들 수 있습니다. 현재 fastboot 스킨 커스텀 테마 게시판으로 사용 중입니다.
★★☆☆☆ - 결론은 반응형 스킨을 하용하라는 것입니다.
- Addthis 플러그인 교체하다 - Addthis 업데이트 된 적용방식
★★★☆☆ - 업데이트된 Addthis 적용법을 알아봅니다.
★★★☆☆ - 티스토리 배경이미지를 고정형으로 사용하는 방법입니다.
★★★★☆ - 티스토리에서 스킨으로 할 수 있는한도 내에서 압축을 통해 로딩속도를 개선해봅시다.
★★★☆☆ - 티스토리에 새로 적용된 공감에 클릭을 부탁하는 문구를 삽입하는 방법입니다.
- 구글 스프레드시트를 데이터베이스로 이용하기 - 1. ajax POST를 통한 기록 편
★★★★☆ - 구글 스프레드시트를 데이터베이스로 이용하기 시리즈입니다. 티스토리의 가능성을 한층 업그레이드 시킬 수 있습니다.
