#1, #2스킨에 쓰인 티스토리 스킨 새 치환자

Posted by Readiz
2016.02.29 00:00 반응형 티스토리/Tistory



#1, #2스킨에 쓰인 티스토리 스킨 새 치환자



  #1, #2 Tistory 반응형 스킨을 뜯어보면서 새로 생긴 치환자를 정리해보고 있습니다. 다음버전 FastBoot은 성능향상을 주안점으로 해서 업데이트를 할 예정이라 RSS 로딩을 최소화 하려고 생각중이거든요.. 아마 RSS 로딩 하더라도 메인에서만 할듯 합니다. 티스토리 측에서 새 치환자를 공개해준다고 했는데 아직까지도 이야기가 없어서리.. 한번 찾아봤습니다.



글 내용 치환자 (#1 스킨 포함) - 카테고리 부분

	
<s_index_article_rep>
	<div class="list_content">
		<a href="[##_article_rep_link_##]" class="link_post">
			<strong class="tit_post">[##_article_rep_title_##]</strong>
			<p class="txt_post">[##_article_rep_summary_##]</p>
		</a>
		<div class="detail_info">
			<a href="[##_article_rep_category_link_##]" class="link_cate">[##_article_rep_category_##]</a>
			<span class="txt_bar"></span>
			[##_article_rep_date_##]
		</div>
	</div>
</s_index_article_rep> 
	


  [##_article_rep_summary_##]가 보입니다.



글 하단부 관련 글 치환자 (#2 스킨 포함)

<s_article_related> <div class="area_related"> <strong class="tit_related">'[##_article_rep_category_##]' Related Articles</strong> <ul class="list_related"> <s_article_related_rep> <li class="[##_article_related_rep_type_##]"> <a href="[##_article_related_rep_link_##]" class="link_related"> <s_article_related_rep_thumbnail> <span class="thumb_related"> <img src="//i1.daumcdn.net/thumb/C185x200/?fname=[##_article_related_rep_thumbnail_link_##]" class="img_related" alt=""> </span> </s_article_related_rep_thumbnail> <span class="txt_related">[##_article_related_rep_title_##]</span> <span class="date_related">[##_article_related_rep_date_##]</span> <span class="frame_related"></span> </a> </li> </s_article_related_rep> </ul> <a href="[##_article_rep_category_link_##]" class="link_more">more</a> </div> </s_article_related>


  <s_article_related_rep> 부분과 [##_article_related_rep_thumbnail_link_##] 부분이 보입니다. 이제 더이상의 Javascript 삽질은 필요 없겠군요 카테고리에서..



카테고리 치환자 with Thumbnail (#2 스킨 포함)

	
<s_index_article_rep>
	<div class="list_content">
		<s_article_rep_thumbnail>
			<a href="[##_article_rep_link_##]" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C150x150/?fname=[##_article_rep_thumbnail_raw_url_##]"></a>
		</s_article_rep_thumbnail>
		<a href="[##_article_rep_link_##]" class="link_post">
			<strong class="tit_post ">[##_article_rep_title_##]</strong>
			<p class="txt_post">[##_article_rep_summary_##]</p>
		</a>
		<div class="detail_info">
			<a href="[##_article_rep_category_link_##]" class="link_cate">[##_article_rep_category_##]</a>
			<span class="txt_bar"></span>
			<span class="txt_date">[##_article_rep_date_##]</span>
		</div>
	</div>
</s_index_article_rep>  
	



  다만 지금처럼 사이드바 카테고리에 이미지 썸네일을 넣으려면 어떻게 해야할지 잘 모르겠네요. 이 부분도 지원이 되고 있으련지..

  + 그리고 지금 보니까 이제 ##을 샾샾 처리 안해도 되네요. 어으썸..


저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. #1의 내용은 스킨 가이드에 업데이트 됐는데 부연설명이 더 필요한건 사실입니다. 그리고 이제 공지사항까지 검색되기 때문에 '공지사항 목록'하고 '일반 목록'하고 똑같은 형태로 해야 하고, 아마 사이드바의 카테고리 썸네일은 지원하지 않을거 같아요.


    이래저래 티스토리 스킨을 제작하다보니 '스크립트 의존도'를 줄이는게 좋다고 판단하고 있습니다.
    • 그러네요. #1 내용은 지금 보니까 있네요..
      사실 스크립트는 한동안 티스토리 개발팀이 치환자들을 업데이트 안해줘서 스킨제작자들이 만들어낸 자구책이라서.. (덕분에 만들때 재미는 있었지만) 속도면에서 많이 불리했었죠.
      현재 구조를 유지할 때 사이드바 썸네일 지원 안하면 RSS 로딩이 어쩔수 없이 필요하게 되는데.. 이 점은 아쉽네요.
    • 다양한 시스템의 도입이 필요합니다. "딱 정해진 곳에 쓴다"가 아닌 오픈소스처럼 "이렇게 하면 여기서 이미지가 나온다"라는 그런 개념으로...랄까요? 좀 더 새로운 시도를 할 수 있게끔 말이죠. '한정된 공간'에 대한 부분도 풀고, 치환자도 좀 더 간단하면 좋겠어요.

      아, 치환자 업데이트 관련하여 업데이트 될 때 마다 티스토리를 대신해서 저라도 다른 블로거분들을 위해 조금 정리해볼까요? 음. 이건 고민되네요.
    • 전부터 든 생각이지만 http://cfile.tistory.com/get_thumb?path="블로그 글 주소" 같은 식으로 썸네일 가져오는 API가 있었으면 좋겠어요. 그런데 이럴려면 별도의 DB구성이 필요하니 티스토리에서 절대 시도를 할 리 없겠죠..
  2. 현재 제가 사용하는 블로그 스킨 메인에는 해당 썸네일 치환자를 사용했습니다. 저도 사이드바에 적용을 해보려고했는데.. 안나오더라구요.. 몇몇 치환자들은 위치랑 중복여부가 제한되어있는 치환자도 있는것같습니다.

    [샵샵_article_rep_summary_샵샵] 이것도 오픈메타정보를 입력할때 사용하려고 시도해봤는데 ㅠ 메타태그부분에서는 안나오더라구요. 뭐 최근에 오픈메타정보를 홈화면에서까지도 제공해주니 이제 따로 입력할 필요도없긴 했지만요 ㅠ_ㅠ

    스킨치환자가이드도 빨리 업데이트 해주면 좋겠네요 ㅎㅎ
    • 이제 메인에도 되나보네요.. 사이드바만 되면 딱 좋을텐데 말이죠
  3. 치환자 필터링 안하는거 저도 최근에야 발견했습니다. ㅋㅋ

    새 스킨 만들려고 이리저리 레이아웃 만지는 중 이었는데

    게시글 쪽에 치환자를 넣었다가 작성했더니 아무문제없이 뜨더군요 -ㅁ- ㅋㅋ
    • 그니까요 ㅋㅋ 잠수패치 처음 겪는듯합니다
    • 감사히사용하는유져
    • 2016.05.13 01:01 신고
    정말 잘 쓰고있는 사용자입니다.
    한가지 가벼운 문의 드려도 될까요? ㅜ
    구글 아날리틱스,, 패스트부트 스킨에도 동일하게 헤드 마지막부분에 넣으면 되나요? 페이지 마다 넣으라는데 구글은, 그러려면 바디제일 앞부분이맞는것같기도하고, 리디즈님 페이지 보면 바디 제일 마지막에 붙이신것처럼 보여서요.. 지금은 저는그냥 헤드 마지막, 바디 처음, 해서 둘다 넣어버렀네요 ㅋㅋ
    • ㅋ행님
    • 2016.11.19 16:05 신고
    안녕하세요. 질문 하나 드립니다.
    제가 다른 예전 스킨을 갖고 있습니다. 그런데 이게 첫화면에 리스트를 보이려면 티에디션이나 테터툴? 이 두가지 중 하나를 사용해야 합니다. 그런데 #2는 그런 것 없이 바로 첫화면이 '썸네일 나오는 리스트'가 만들어집니다.

    이 기능을 예전 스킨에 적용하고 싶은데 어떻게 해야 할지 전혀 감이 잡히지 않네요. 무슨 힌트라도 하나 주세요. 스킨도 이미 많이 바꿔서 다른 스킨으로 변경하기 곤란해요;;;;;

티스토리 툴바