티스토리 뷰

티스토리 블로그 본문 하단에 보시면 [카테고리의 다른 글]만 있고, 최신글(최근에 올라온 글)은 없습니다.


데스크탑(PC)버전에서는 사이드바 영역에서 최근에 올라온 글을 볼 수 있지만, 모바일버전에서는 최근에 올라온 글을 볼 수가 없습니다.


모바일에서도 최근글을 볼수 있다면 방문자의 블로그 체류시간을 더 늘릴수 있지 않을까요?


PC 버전에서도 사이드바까지 안내리고도 본문 하단에서 최근글을 볼 수 있다면 블로그 방문객이 다른글 클릭율을 더 늘릴 수 있지 않을까요?


그래서~~ 최근글을 카테고리의 다른글 바로 아래에 보여지도록 만들어봤습니다.


방법을 알려드리기 이전에.. 지금 현재 상태는 어떤지 보겠습니다. 티스토리 반응형 스킨 #1에서 원래는 아래처럼 보여집니다.



맨 아래까지 내리지 않으면, 카테고리의 다른글 보고 관심없으면 바로 블로그에서 나가겠죠?


모바일에서는 더 심한것이 사이드바가 나오지 않으니, 최근글은 아예 보이지가 않습니다.



불평 불만 그만 말하고 최근글 보이게 해봅시다.


설치 방법은 간단하게 하기 위해서 jQuery ajax로 만들었습니다.


1. 아래처럼 [관리] -> [HTML/CSS 편집] 클릭합니다.


2. 아래 코드를 스크린샷처럼 </head>앞에 삽입합니다.

<script type="text/javascript"> $(function(){ $.ajax({ url : '/rss', dataType : 'xml', success : function(data){ var htmlnewarticle = '<div class="another_category another_category_color_gray" style="margin-top:30px;"><h4 style="color:#3db39e !important;font-weight:bold">최근에 올라온 글</h4><table>'; var zz = 1; var isizenewarticle = 10; // 최근글 출력할 갯수 $('item', data).each(function(){ htmlnewarticle += '<tr><th><a href="' + $("link", this).text() + '">' + $("title", this).text() + '</a></th></tr>'; if(zz==isizenewarticle){return false;} zz++; }); htmlnewarticle += '</table></div>'; $(".tt_article_useless_p_margin").after(htmlnewarticle); } }); }); </script>


더 할게 있냐구요? 아뇨~~~ 끝났습니다. 아~~주 쉽죠? ^^

그러면, 아래처럼 최근에 올라온 글이 나타납니다.


모바일에서는 아래처럼 나옵니다.


추가) 모바일 화면에서 카테고리의 다른글과 최근글이 5개밖에 안나오죠? css에 table height의 최대높이를 픽스해놔서 그런데요.

아래처럼 CSS탭에서 max-height:145px;를 CTRL+F로 찾기해서 삭제해주세요.


그러면, 모바일에서도 10개씩 출력됩니다.


그리고, rss 공개설정과 갯수설정을 해야하는데요.

저 위 코드에서 수정없이 사용했다면 10개를 출력해야 하기 때문에 rss갯수를 10개 이상으로 설정하셔야 합니다.

공개글, 발행글 중에 본인이 원하는 글을 체크하시고, 전체공개를 체크하세요. 갯수는 코드에서 지정한 갯수 이상으로 설정하시면 됩니다.



그런데, 아직 더 하고 싶은게 있어요..인기글을 나타나게 하고 싶은데, 아무리 찾아도 치환자도 없고, 다음뷰는 서비스가 종료되었고 ..에휴 ㅜㅜ


모바일 웹스킨 ON을 하면, 모바일에서 인기글을 볼 수 있던데...그러면 뭔가 방법이라도 알려주던가, 치환자를 만들어 주던가..


이 글 올리고 나서 티스토리 고객센터에 인기글 추가하는 방법에 대한 문의글 100개 보내고 싶으나, 1개라도 보내고 자야겠습니다.


그럼 여기서 뜬금없이 좋은 하루 되세요~~ ^^



추가) 말은 다짜고짜 항의할것처럼 그러더니 비굴하네요~~ㅠㅠ




댓글
  • 알송달송IT세상 정말 좋은 블로그 팁입니다 반응형블로그에선 최근글 위치한 사이트바가 본문다음 한~참 아래에 있다보니 .. 제 블로그에도 달아 봐야 겠습니다 2016.04.02 15:30
  • 토마토.. 댓글 감사합니다. ^^
    출력할 갯수를 설정하기 위해서 코드를 지금 약간 수정했구요..
    추가사항으로 RSS 공개설정과 CSS수정이 약간 있습니다.
    혹시 적용하셨다면, 다시 글 읽어보시고 수정해주세요..^^
    번거롭게 해드려서 죄송합니다.
    2016.04.03 05:01 신고
  • 비밀댓글입니다 2016.04.15 00:01
  • 토마토.. 최근글은 적용시 바로 보여집니다.
    위 글에서도 설명되어 있듯이 관리->글설정->RSS 설정을 하셔야 하며, 공개된 글이 있어야 목록이 뜹니다.
    인기글은...구글 analytics 등록해서 한달통계를 보고 수작업으로 올리고 있어요 ㅠㅠ
    티스토리 고객센터에 문의한결과 현재로서는 구현 불가능합니다 ㅠㅠ
    2016.04.15 00:58 신고
  • 비밀댓글입니다 2016.04.15 06:01
  • 토마토.. 잘 작동한다니 다행입니다.
    좋은 하루 되세요 ^^
    2016.04.28 13:25 신고
  • SONYLOVE 저도 '블로그의 인기글'이 있었으면 싶었는데 자동으로 되는게 아니라 수작업으로 링크하신거군요. 티스토리에 얼른 치환자가 생겼으면 좋겠네요. 2016.04.28 13:23 신고
  • 토마토.. 그러게요. 인기글을 일일이 수작업으로 올리자니 귀찮네요 ㅠㅠ 2016.04.28 13:26 신고
  • ) 이제 블로그를 시작해서 모르는게 많으느데 너무너무 감사합니다. 앞으로도 잘부탁드립니다^^ 2016.05.18 17:51 신고
  • 토마토.. 도움이 되셔서 저도 기분이 좋네요 ^^
    좋은 하루 되세요 ^^
    2016.05.19 00:13 신고
  • ) 반응형스킨 티스토리 앱으로 보면 중간광고와 링크가 안보이던데 정상인가요? 모바일오프했고 모바일에서는 보이지만 앱에서만 안보여요 2016.05.19 06:48 신고
  • 토마토.. 저도 몰랐던 내용인데, 확인해보니 그렇네요.
    티스토리앱은 스킨적용도 안되고 플러그인으로 추가한 배너가 아니면 배너가 안보이는것 같습니다. ㅜㅜ
    2016.05.20 00:17 신고
  • ) 예 테스트를 해보니 플러그인으로 추가하면 반응형과 링크가 다 보이는데 말씀해주신데로 중간광고 삽입과 링크자동 삽입한 경우에는 다 안보이더라구요 나중에 수정해 주시면 감사하구요^^ 초보들이 쉽게하는 방법을 저도 이번기회에 포스팅해야겠어요 혹시라도 수정하시면 말씀해주세요 추천하려구요ㅎ 2016.05.20 00:28 신고
  • 토마토.. 티스토리 앱 자체가 스킨이나 컨텐츠 내용이외에 넣는 스크립트는 적용되지 않는것 같아요..
    그래서 간편하게 글 중간에 넣는기능은 구현이 어려울것 같아요.
    글 쓸때 일일이 배너를 추가하는 방법밖에 없을것 같아요..
    그래도 혹시라도 방법을 찾으면 댓글 달아드릴게요 ^^
    2016.05.20 00:34 신고
  • ) 예 감사합니다^^ 2016.05.20 01:05 신고
  • ) 예 감사합니다^^ 2016.05.20 01:05 신고
  • 어흥!!! 안녕하세요. ^^
    여러가지 팁들 감사합니다. 최종적으로 이 글의 내용을 적용할려고 하는데 스크립트를 넣어도 보이질 않습니다.
    스크립트도 헤드안에 넣었고 rss 발행도 10개 이상입니다.
    뭔가 다른 조치가 필요한가요????
    적용 블로그는 http://chozworld.com/ 입니다.
    수고하세요. ^^
    2016.06.04 14:25 신고
  • 토마토.. 답변이 늦어서 정말 죄송합니다. ㅠㅠ
    일이 있어서 한동안 신경을 못썼네요.
    지금 보니까 노출이 되고 있네요.
    해결하셨나봅니다 ㅠㅠ
    2016.06.09 03:36 신고
  • 어흥!!! 네네. 소스에서 주소부분 rss/xml 이라고 되어있는부분 요새 rss주소 이슈때문인건가 해서 rss라고 바꿔주니 제대로 작동하네요 감사합니다 ^^ 2016.06.09 09:05 신고
  • 토마토.. 아, 덕분에 저도 수정했어요. 고맙습니다 ^^ 2016.06.09 14:41 신고
  • Mr.용군 글 잘봤습니다! ㅎㅎ 찾고 잇었는데 정말 쉽게 적용했습니다.
    그런데 어떤 글은 적용되고, 어떤 글은 적용이 안되는데, 왜그런걸까요?
    2016.06.26 04:13 신고
  • 삼정 저도 같은 증상입니다. 예전에 쓴 글에는 최근글이 잘 나오는데 최근에 쓴 글에는 하단에 최근글이 안나옵니다. 무엇이 문제일까요? ㅠ 2016.07.30 02:41 신고
  • 비밀댓글입니다 2016.08.11 14:24
  • 비밀댓글입니다 2017.03.06 15:22
  • ZENEZ 이 곳에 오면 필요한 것이 다 있어서 좋아요. 감사합니다. 2017.04.17 00:21 신고
  • White harmony 위 처럼 모두했는데 요, 최근글 갯수는 10개씩 보여집니다.
    그런데 왜 다른글 갯수는 6개씩만 나오는지 모르겠어요.
    10개씩 보여지게 하려면 어떻게 해야하는지요?

    http://e-goodlife.tistory.com/37

    이유를 알 수 있을까요?

    2017.05.29 21:38 신고
  • 비밀댓글입니다 2017.07.06 02:35
댓글쓰기 폼
공지사항
Total
908,407
Today
183
Yesterday
326
링크
«   2021/02   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28            
글 보관함