라이브러리 브랜드

2022. 4. 13. 23:01

제너레이트 프레스(GeneratePress) 티스토리 스킨 무료 배포

공유하기

제너레이트 프레스 티스토리 스킨이란

워드프레스의 제너레이트 프레스 테마의 기본적인 느낌을 가져온 듯한 티스토리 스킨입니다. 워드프레스는 수익형 블로그를 운영하는 사람들이 많이 사용하는 CMS입니다. 따라서, 이 티스토리 스킨을 본 사람에게 매우 매력적인 요소들이 있을 수 있을 것입니다. 매우 빠르고, 높은 수익을 위한 티스토리 스킨이라고 할 수 있겠죠.

제너레이트 프레스(GeneratePress)는 워드프레스 테마 중 가장 빠른 테마로 알려져 있습니다.

 

1. 제너레이트 프레스 티스토리 스킨 제작 배경

보다 간편하고 관리가 편한 티스토리 스킨들을 제작하고 있습니다. 워드프레스와 병행 운영을 하고 있는데, 워드프레스의 제너레이트 프레스 스킨이 참 빠르다는 생각을 하게 됩니다. 티스토리에도 비슷한 스킨들이 많이 있지만, 개인적으로 깔끔하고 가독성이 좋은 스킨을 사용하고 싶어 직접 만들었습니다.

복잡한 기능도 없고 별다른 설정을 할 필요도 없겠죠. 많은 블로그를 운영하고 많은 글을 쓴 경험에 의하면 티스토리 스킨이 꼭 많은 수익을 보장하지는 않습니다. 다만, 스킨을 꾸밀 시간에 글 하나라도 더 집중해서 썼다면 그게 다 수익으로 전환이 되었을 거란 아쉬움은 있습니다.

블로그 설정에서 블로그 이름과 닉네임, 블로그 설명과 같은 기본적인 내용만 구성하면 되고 모바일웹의 경우에는 기본 티스토리 모바일웹을 사용하기로 했습니다.

물론, 스킨 자체 모바일 반응형으로도 사용하실 수 있습니다.

 

2. 티스토리 모바일웹 사용

이전과 달리, 이제는 티스토리에서 제공하는 모바일웹이 상당히 빠르고 광고도 잘 나옵니다. 굳이 반응형으로 모바일 화면을 별도로 구성할 필요가 없다는 생각입니다. 제가 운영하고 있는 많은 블로그 중에서도 개인적인 경험에 의하면 오히려 모바일웹에서 광고가 더 잘 나오는 느낌을 받았습니다. 가독성이 좋으니 페이지뷰도 높고 체류시간도 길었습니다.

이러한 것들은 결과적으로 블로그 운영을 올바른 방향으로 잡아주지 않았나 하는 생각이 듭니다.

 

3. 스킨 적용 블로그 미리보기

 

파이낸셜 프리덤

경제적 자유를 이루는 부의 공식

commaus.tistory.com

티스토리 스킨을 적용한 블로그입니다. 실험적으로 만들어 본 블로그이며, 내용이 어색할 순 있으나 가독성이 좋고 매우 깔끔한 인상을 받을 수 있습니다. 많은 기능을 넣지는 않았습니다. 가장 기본적인 기능들만 넣었습니다.

4. 참고사항

사이드바에는 검색창이 있으며, 검색창은 구글 검색엔진에 있어 감점 요소가 될 수 있으므로 꼭 넣어야 한다는 것을 알게 되었습니다. 그 외에 구글 SEO 가이드에 맞춰 필요한 부분들은 넣고, 굳이 필요 없는 부분들은 넣지 않았습니다.

  • 하단의 제작자 표시는 수정되지 말아야 합니다.
  • 단락 앞뒤에 공백을 사용합니다.
  • 스킨 제작자가 이상한 사람입니다.
  • 돈을 버는 방법에 대한 자유로운 이야기를 나누는 채팅방이 있습니다.

 

스킨에 문제가 있을 수도 있고, 없을 수도 있습니다. (슈뢰딩거의 고양이 입니다.)

제가 직접 사용하고 있는 만큼 문제가 발생한다면 지속적으로 수정 파일이 업데이트될 것입니다. 스킨에 대한 별도 질문은 받지 않고 있습니다. 이 점을 감안해서 활용해주실 분들은 활용하시면 되겠습니다.

어느덧 네 번째 스킨입니다. 그 이전의 스킨들은 업데이트가 되지 않았습니다. 귀찮아서 그렇습니다. 그래도 무료로 배포하는 만큼, 부담 없이 잘 사용해주셨으면 좋겠습니다.

 

5. 추가사항

TOC(Table Of Contents)가 추가되었습니다. 목차 기능은 각 항목으로 쉽게 이동이 가능하며, SEO 최적화에 도움이 됩니다. 이동경로는 크게 중요하지 않은 것 같아 추가하지 않았습니다. 또한 카테고리에서 각 게시글로 이동하면 붙는 ?category= Query String 이슈를 수정했습니다.

이러한 이슈는 같은 게시글이지만 구글 애드센스에서는 개별적인 링크로 인식하기 때문에 광고 표시가 원활하지 않는 문제점이 있습니다. 이 문제를 해결했으니, 수익 상승을 기대해보세요.

 

복사 방지 스크립트 추가

복사 방지 스크립트 코드는 기본적으로 추가하지 않았지만, 아래의 스크립트 코드를 복사하거나 저장해서 직접 텍스트 파일을 저장한 다음 </body> 위에 추가하세요. 자신의 콘텐츠가 복사되는 것을 원한다면 코드는 추가하지 마세요.

<!-- 복사방지 -->
<script>

      var events = ["contextmenu", "selectstart", "dragstart", "copy", "cut"];
      events.forEach(function (event) {
        window.addEventListener(event, blockEvent, true);
      })
      function blockEvent(e) { e.preventDefault(); }
      setInterval(function () { debugger; }, 200);
</script>

CopyCut.txt
0.00MB

사이드바 고정 배너 또는 따라다니는 배너 설정

제너레이트 프레스 티스토리 스킨은 광고 최적화 및 수익 극대화를 목표로 합니다. 따라서, 사이드바의 광고 배너 자리는 고정 배너(플로팅 배너) 또는 따라다니는 배너 등으로 수익을 극대화할 수 있습니다. 이러한 이슈는 현재 구글에서도 암묵적으로 허용하고 있는 걸로 알고 있으며, 국내외 유명 사이트에서도 구글 애드센스 배너를 고정 배너로 적용했습니다.

따라다니는 배너에 대한 이슈를 정확하게 알고 계신다면 아래와 같은 스타일(CSS)을 적용해서 쉽게 구현할 수 있습니다.

#sidebar {
    float: right;
    width: 30%;
    padding: 0px 0px 32px;
    box-sizing: border-box;
    background: #fff;
    padding: 40px;
    position: sticky;
    top: 40px;
}

CSS.txt
0.00MB

위의 사이드바 선택자를 찾아 위와 같이 변경해주시거나 추가해주시면 간단하게 따라다니는 배너를 만들 수 있습니다. 이 기능을 제대로 활용하면 수익 극대화를 노릴 수 있습니다. 생각보다 효과는 쩝니다.

 

6. 다운로드

솔직히, 수익형 블로그를 위한 티스토리 스킨은 제너레이트 프레스라면 차고 넘치지 않을까요.

GeneratePressTistory.zip
0.03MB

 

댓글 6
  • 라이브러리 브랜드에 새로운 의견을 남겨주세요.

    • 익명 2022.05.08 19:50 댓글주소 수정/삭제 댓글쓰기

      비밀댓글입니다

      • 라이브러리 브랜드 2022.05.09 12:53 신고 댓글주소 수정/삭제

        설치파일을 다운받고 알집같은걸로 파일을 해제 한 후, 폴더 내의 파일까지 모두 [스킨편집] 탭에서 업로드해서 저장하시면 됩니다.

        그럼 새로운 스킨이 생성되는 데 그걸 적용하시면 되겠습니다.

    • 김수만 2022.05.10 23:33 댓글주소 수정/삭제 댓글쓰기

      목차기능이 사용이 안되는데 어떻게 사용하나요?
      티스토리에서 제목1,2,3 모두 사용했는데 목차기능이 사용안되네요

      • 라이브러리 브랜드 2022.05.11 15:40 신고 댓글주소 수정/삭제

        새롭게 업데이트 된 내용이 있어 위의 새로운파일을 업데이트해서 추가하시면 됩니다.

        만약 안된다면, @Fintech로 카카오톡 질문을 보내주시고, 블로그 링크를 보내주시면 대응이 가능합니다.

        추가로,
        여전히 의견들을 모아 주기적으로 수정 사항들을 반영하고 있습니다.

    • 안녕하세요 2022.05.17 16:56 댓글주소 수정/삭제 댓글쓰기

      안녕하세요. 좋은 스킨 감사합니다. 훌륭합니다. 깔끔하고 가볍네요. 굳이 하나 개선을 부탁드린다면 메인화면 리스트가 글만 나오는데 사진과 글이 함께 나오게되면 더 좋을 거 같습니다. 좋은 스킨 배포해 주셔서 감사합니다.

      • 라이브러리 브랜드 2022.05.17 17:12 신고 댓글주소 수정/삭제

        해당 스킨은 수익형 블로그를 위한 티스토리 스킨으로 메인 페이지에서 불러오는 리소스를 최대한 줄이는게 좋고, 역시 각각의 게시글 페이지의 속도 최적화가 제일 중요한 요소로 더 이상의 다른 옵션은 들어가지 않습니다.

        썸네일이 추가된 버전 혹은 썸네일이 포함된 리스트 형 티스토리 스킨은 다음 티스토리 스킨 제작 시 적용해보겠습니다.