블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠.
오늘 진행할 공식문서는 아래 여기 입니다.
https://tistory.github.io/document-tistory-skin/contents/post.html
위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다.
초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다.
저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고.
글 내용 요약만을 표시하게 하고 싶었습니다. 마치 검색엔진 처럼 말이죠.
그렇다면 첫 그림에서 글목록 설정을 [내용만] 으로 설정해야겠죠?
<s_article_rep> 글은 스타일링을 2가지 스타일로 나눌 수 있습니다. 연속되는 글이냐, 하나의 글이냐, 하는 것입니다.
https://espb.tistory.com/49
이 경로와 같이 딱 하나만을 의미하는 글은
<s_permalink_article_rep> 치환자를 사용할 수 있고.
https://espb.tistory.com/category
이 경로와 같이 여러 게시글이 보일 수 있는 경우는
<s_index_article_rep> 치환자를 사용할 수 있습니다.
두개의 그룹치환자 모두 <s_article_rep> 내부에 포함이 됩니다.
그렇기에 블로그 첫화면과 검색, 카테고리 등의 화면에선
<s_index_article_rep> 치환자를 써서 꾸미면 됩니다.
<s_index_article_rep>: 인덱스 페이지일 때만 표시되는 영역입니다
/50: 블로그 글의 고유 주소티스토리 스킨 만들기 #4 글 치환자: 블로그 글의 제목/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91: 카테고리 주소프로그래밍/티스토리 스킨 제작: 카테고리 이름2019. 1. 25. 15:27: 글쓴 날짜ESPB: 작성자 이름블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠. 오늘 진행할 공식문서는 아래 여기 입니다.https://tistory.github.io/document-tistory-skin/contents/post.html 위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다.초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다.저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고.글 내용 요약만을 표시하게 하..: 글 내용 일부<s_article_rep_thumbnail>: 대표 이미지 썸네일이 표시되는 영역입니다 (대표 이미지가 없는 경우 표시되지 않음)https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99934B415C4AA77906: 대표 이미지 썸네일 주소https://t1.daumcdn.net/cfile/tistory/99934B415C4AA77906: 대표 이미지 원본 주소
공식 문서에서 알려주는 치환자들은 이 정도입니다.
본문 영역에 우선대충 우겨 넣어봅시다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <div class="content"> <s_article_rep> <s_index_article_rep> <div class="list_content"> <s_article_rep_thumbnail> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99934B415C4AA77906"> </s_article_rep_thumbnail> <a href="/50" class="link_post"> <strong class="tit_post">티스토리 스킨 만들기 #4 글 치환자</strong> <p class="txt_post">블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠. 오늘 진행할 공식문서는 아래 여기 입니다.https://tistory.github.io/document-tistory-skin/contents/post.html 위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다.초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다.저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고.글 내용 요약만을 표시하게 하..</p> </a> <div class="detail_info"> <a href="/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91" class="link_cate"> 프로그래밍/티스토리 스킨 제작 </a> <span class="txt_bar"></span> 2019. 1. 25. 15:27 </div> </div> </s_index_article_rep> </s_article_rep> </div> | cs |
미리보기를 새로고침해보시면 이제 [홈]기준에서 글들이 보입니다. 물론 스타일링 전혀 안된상태라 보기 좋지 않지만.
일단 쓸 재료들인 치환자들을 다 넣고 생각합시다.
하지만 미리보기의 유형을 [홈]에서 [글]로 바꿔보면 여전히 표시 되지 않습니다. [카테고리]는 보일껍니다.
그럼 이제 기본 글 페이지 치환자<s_permalink_article_rep>를 공식 문서 내용을 그대로 긁어서 넣어봅시다.
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 29 30 31 32 33 34 35 | <div class="content"> <s_article_rep> <s_permalink_article_rep> <div class="titleWrap"> <h2><a href="/50">티스토리 스킨 만들기 #4 글 치환자</a></h2> <div class="category"> <a href="/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91">프로그래밍/티스토리 스킨 제작</a> </div> <div class="date">2019. 1. 25. 15:27</div> </div> <div class="article"> 블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠. 오늘 진행할 공식문서는 아래 여기 입니다. https://tistory.github.io/document-tistory-skin/contents/post.html 위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다. 초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다. 저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고. 글 내용 요약만을 표시하게 하고 싶었습니다. 마치 검색엔진 처럼 말이죠. 그렇다면 첫 그림에서 글목록 설정을 [내용만] 으로 설정해야겠죠? <s_article_rep> 글은 스타일링을 2가지 스타일로 나눌 수 있습니다. 연속되는 글이냐, 하나의 글이냐, 하는 것입니다. https://espb.tistory.com/49 이 경로와 같이 딱 하나만을 의미하는 글은 <s_permalink_article_rep> 치환자를 사용할 수 있고. https://espb.tistory.com/category 이 경로와 같이 여러 게시글이 보일 수 있는 경우는 <s_index_article_rep> 치환자를 사용할 수 있습니다. 두개의 그룹치환자 모두 <s_article_rep> 내부에 포함이 됩니다. 그렇기에 블로그 첫화면과 검색, 카테고리 등의 화면에선 <s_index_article_rep> 치환자를 써서 꾸미면 됩니다.
공식 문서에서 알려주는 치환자들은 이 정도입니다. 본문 영역에 우선대충 우겨 넣어봅시다.
미리보기를 새로고침해보시면 이제 [홈]기준에서 글들이 보입니다. 물론 스타일링 전혀 안된상태라 보기 좋지 않지만. 일단 쓸 재료들인 치환자들을 다 넣고 생각합시다. 하지만 미리보기의 유형을 [홈]에서 [글]로 바꿔보면 여전히 표시 되지 않습니다. [카테고리]는 보일껍니다. 그럼 이제 기본 글 페이지 치환자<s_permalink_article_rep>를 공식 문서 내용을 그대로 긁어서 넣어봅시다.
이제 [홈] [글] [카테고리] 모두 표시되게 됩니다. 그리고 해당 [글] 의 같은 카테고리의 다른 글을 표시하고 싶어서 글의 같은 카테고리의 다른 글 치환자 <s_article_related> 를 대충 넣어줍니다.
글에 대한 관리 치환자, 태그 치환자, 댓글 숫자 치환자의 경우 특별한것 없이. 그냥 원하는 위치에 치환자 태그만 공식문서 보고 복붙하셔서 배치하시면됩니다. </div> </s_permalink_article_rep> <s_index_article_rep> <div class="list_content"> <s_article_rep_thumbnail> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99934B415C4AA77906"> </s_article_rep_thumbnail> <a href="/50" class="link_post"> <strong class="tit_post">티스토리 스킨 만들기 #4 글 치환자</strong> <p class="txt_post">블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠. 오늘 진행할 공식문서는 아래 여기 입니다.https://tistory.github.io/document-tistory-skin/contents/post.html 위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다.초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다.저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고.글 내용 요약만을 표시하게 하..</p> </a> <div class="detail_info"> <a href="/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91" class="link_cate"> 프로그래밍/티스토리 스킨 제작 </a> <span class="txt_bar"></span> 2019. 1. 25. 15:27 </div> </div> </s_index_article_rep> </s_article_rep> </div> | cs |
이제 [홈] [글] [카테고리] 모두 표시되게 됩니다.
그리고 해당 [글] 의 같은 카테고리의 다른 글을 표시하고 싶어서
글의 같은 카테고리의 다른 글 치환자 <s_article_related> 를 대충 넣어줍니다.
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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | <div class="content"> <s_article_rep> <s_permalink_article_rep> <div class="titleWrap"> <h2><a href="/50">티스토리 스킨 만들기 #4 글 치환자</a></h2> <div class="category"> <a href="/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91">프로그래밍/티스토리 스킨 제작</a> </div> <div class="date">2019. 1. 25. 15:27</div> </div> <div class="article"> 블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠. 오늘 진행할 공식문서는 아래 여기 입니다. https://tistory.github.io/document-tistory-skin/contents/post.html 위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다. 초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다. 저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고. 글 내용 요약만을 표시하게 하고 싶었습니다. 마치 검색엔진 처럼 말이죠. 그렇다면 첫 그림에서 글목록 설정을 [내용만] 으로 설정해야겠죠? <s_article_rep> 글은 스타일링을 2가지 스타일로 나눌 수 있습니다. 연속되는 글이냐, 하나의 글이냐, 하는 것입니다. https://espb.tistory.com/49 이 경로와 같이 딱 하나만을 의미하는 글은 <s_permalink_article_rep> 치환자를 사용할 수 있고. https://espb.tistory.com/category 이 경로와 같이 여러 게시글이 보일 수 있는 경우는 <s_index_article_rep> 치환자를 사용할 수 있습니다. 두개의 그룹치환자 모두 <s_article_rep> 내부에 포함이 됩니다. 그렇기에 블로그 첫화면과 검색, 카테고리 등의 화면에선 <s_index_article_rep> 치환자를 써서 꾸미면 됩니다.
공식 문서에서 알려주는 치환자들은 이 정도입니다. 본문 영역에 우선대충 우겨 넣어봅시다.
미리보기를 새로고침해보시면 이제 [홈]기준에서 글들이 보입니다. 물론 스타일링 전혀 안된상태라 보기 좋지 않지만. 일단 쓸 재료들인 치환자들을 다 넣고 생각합시다. 하지만 미리보기의 유형을 [홈]에서 [글]로 바꿔보면 여전히 표시 되지 않습니다. [카테고리]는 보일껍니다. 그럼 이제 기본 글 페이지 치환자<s_permalink_article_rep>를 공식 문서 내용을 그대로 긁어서 넣어봅시다.
이제 [홈] [글] [카테고리] 모두 표시되게 됩니다. 그리고 해당 [글] 의 같은 카테고리의 다른 글을 표시하고 싶어서 글의 같은 카테고리의 다른 글 치환자 <s_article_related> 를 대충 넣어줍니다.
글에 대한 관리 치환자, 태그 치환자, 댓글 숫자 치환자의 경우 특별한것 없이. 그냥 원하는 위치에 치환자 태그만 공식문서 보고 복붙하셔서 배치하시면됩니다. </div> <s_article_related> <div class="area_related"> <strong class="tit_related">'프로그래밍/티스토리 스킨 제작' Related Articles</strong> <a href="/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91" class="link_more">more</a> <s_article_related_rep> <div class="list_related "> <a href="" class="link_related"> <s_article_related_rep_thumbnail> <img src="" alt=""> </s_article_related_rep_thumbnail> <span class="txt_related"></span> <span class="date_related"></span> </a> </div> </s_article_related_rep> </div> </s_article_related> </s_permalink_article_rep> <s_index_article_rep> <div class="list_content"> <s_article_rep_thumbnail> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99934B415C4AA77906"> </s_article_rep_thumbnail> <a href="/50" class="link_post"> <strong class="tit_post">티스토리 스킨 만들기 #4 글 치환자</strong> <p class="txt_post">블로그 치환자에 있어서 절대로 빠지면 안되는 가장 첫번째는 바로 "글"일 것 입니다. 글 치환자에도 여러가지 형태가 존재합니다. 하지만 우리는 우선 더미 글들이 표시되기전에 생각해야할 것들이 있습니다. 글들이 검색 되었을때, 특정 글을 열었을때, 어떤식으로 표시할지 말이죠. 오늘 진행할 공식문서는 아래 여기 입니다.https://tistory.github.io/document-tistory-skin/contents/post.html 위 그림처럼 스킨 설정에 보시면 기본 화면과 글 목록에 관한 설정이 있습니다.초기 화면에서 몇개의 글을 표시할지, 그리고 검색된 글이 목록 혹은 내용과 같이 표시 될지 입니다.저는 검색혹은 카테고리를 누를 시, 글 제목만 표시하는 목록은 생략하고.글 내용 요약만을 표시하게 하..</p> </a> <div class="detail_info"> <a href="/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%8A%A4%ED%82%A8%20%EC%A0%9C%EC%9E%91" class="link_cate"> 프로그래밍/티스토리 스킨 제작 </a> <span class="txt_bar"></span> 2019. 1. 25. 15:27 </div> </div> </s_index_article_rep> </s_article_rep> </div> | cs |
글에 대한 관리 치환자, 태그 치환자, 댓글 숫자 치환자의 경우 특별한것 없이.
그냥 원하는 위치에 치환자 태그만 공식문서 보고 복붙하셔서 배치하시면됩니다.
'프로그래밍 > 티스토리 스킨 제작' 카테고리의 다른 글
| 티스토리 스킨 만들기 #3 공통 치환자 (0) | 2019.01.25 |
|---|---|
| 티스토리 스킨 만들기 #2 스킨 구조 (1) | 2019.01.24 |
| 티스토리 스킨 만들기 #1 레이아웃 (3) | 2019.01.24 |