Section 22 - 티스토리 반응형 스킨 만들기 - [사이드바] 글 보관함
이번 섹션은 "사이드바 글 보관함" 입니다.글 보관함은 년/월별 글을 한눈에 볼 수 있게 해주는 기능입니다. 2017년11월에 몇개의 글이 남겨있는지? 2017년 10월에는 몇개에 글을 작성했는지 쉽게 알 수 있도록 목록형태로 출력해주는 사이드바 모듈입니다.지난 섹션에서 작업했던 것들과 큰 차이가 없으므로 바로 코드 작업 들어갑니다. STEP 1. skin.html 사이드바 글 보관함 코드 추가 ARCHIVE () : 월별 글 보관함을 반복 출력영역 지정 : 각 월별 보관함으로 이동할 주소 : 년과 월을출력 : 각 월별에 속한 글의 갯수 STEP 2. 사이드바에 글 보관함 모듈 추가블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정 "글 보관함 모듈"을 사이드바2에 추가"변경사항 저장" 버튼을 클릭하여 저..
티스토리 스킨만들기/Tistory One | 2017. 11. 16. 00:15
Section 21 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근 댓글
이번 섹션은 "사이드바 최근 댓글 목록"을 만들도록 하겠습니다.치환자만 다를뿐 구조는 지난 2017/11/13 - Section 20 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근글 에서 작업한 구조와 똑같습니다. STEP 1. skin.html 사이드바 최근 댓글 목록 코드 추가 RECENT COMMENT : 댓글을 반복 출력하는 영역 지정 : 댓글로 이동할 주소 : 댓글의 본문 일부 : 댓글을 쓴 사람 이름 : 댓글을 쓴 시간 STEP 2. 사이드바에 최근 댓글 모듈 추가 블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정 "최근에 달릿 댓글 목록" 코드를 넣으면 사이드바 메뉴에서 모듈 확인이 가능합니다. 모듈을 사이드바2 -> 최근에 올라온 글(최근글) 모듈 아래에 추가합니다.(순서는 상관없습..
티스토리 스킨만들기/Tistory One | 2017. 11. 15. 21:26
SyntaxHighlighter 테마 변경
이전 SyntaxHighlighter 관련 적용 & 사용법을 모두 숙지하였다면 이번에는 SyntaxHighlighter의 Theme Style 종류와 변경 방법에 대해 알아보도록 하겠습니다.혹시 적용법 및 사용법을 아직 모르시면 아래의 포스트를 참고하세요.2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 적용하기2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 사용하기 SyntaxHighlighter Theme는 무엇인가?SyntaxHighlighter 배경과 코드 색상을 하나의 파일로 만들어 CSS만 교체하면 쉽게 바꿀 수 있게 도와주는 파일입니다.SyntaxHighlighter는 언어별 코드를 예쁘게 보여주는 것인데 이왕이면 내가 자주쓰거나 해당 언어의 ..
티스토리 스킨만들기/TIP | 2017. 11. 15. 06:25
티스토리 블로그에 Syntaxhighlighter 사용하기
지난 포스트에서는 Syntaxhighlighter 적용법을 다뤘다면 이번 포스트에서는 사용하는 방법에 대해 다루겠습니다.Syntaxhighlighter 적용을 아직 하지 않았다면 지난 포스트인 2017/11/14 - 티스토리 블로그에 Syntaxhighlighter 적용하기 를 참고하여 먼저 적용하시기 바랍니다. SyntaxHighlighter 가 지원하는 Syntax Brush 목록※ 보다 상세한 내용 확인은 http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ 에서 확인하시면 됩니다. Brush name Brush aliases File name ActionScript3 as3, actionscript3 shBrushAS3.js Bash/shell..
티스토리 스킨만들기/TIP | 2017. 11. 14. 22:53
티스토리 블로그에 Syntaxhighlighter 적용하기
복잡한소스나 긴 소스라면 내가 짜둔 코드라도 보기가 힘들때가 많다. 심지어 다른 사람에게 소스를 쉽게 설명해야하는데 하얀여백에 검은 코드들이 빽빽하게만 쓰여있다면?설명하는 사람이나 설명을 듣는 사람 또는 시간이 지나 직접 짠 소스를 다시봐도 멘붕이 찾아올것이다.시간이 지나면 어차피 소스를 기억하기도 힘들지만 이왕이면 알아보기 쉽고 예쁘게 보인다면 정말 좋을것이기 때문에 내 소스를 알아보기 쉽고 예쁘게 보여주게 도와주는 Syntaxhighlighhter를 적용하는 방법을 알아보자. 이 포스트는 어차피 티스토리 블로그에서 작성하는 것이므로 티스토리에 적용하는 방법을 기준으로 설명하겠습니다. 그럼 시작~(빠른 포스팅을 위하여 이하 경어 생략) STEP 1. 우선 Syntaxhighlighter 다운로드http..
티스토리 스킨만들기/TIP | 2017. 11. 14. 00:35
Section 20 - 티스토리 반응형 스킨 만들기 - [사이드바] 최근글
이번섹션은 "사이드바 최근글 목록"을 만들도록 하겠습니다.최근글 목록은 말 그대로 최근에 올라온 글 목록을 모듈형태로 노출/비노출 시킬 수 있는 사이드바 요소입니다. 사이드바 요소들의 코드는 간단하기 때문에 코드와 치환자만 살펴보는 것만으로도 얼마든지 응용이 가능하기때문에 바로 작업들어갑니다. STEP 1. skin.html 사이드바 최근글 목록 코드 추가 ... 공지사항 사이드바 코드 생략 ... RECENT POST : 최근에 올라온 글을 반복 출력하는 영역 지정 : 최근글로 이동할 주소 : 최근글의 제목 : 최근글에 달린 댓글 갯수 : 작성자 이름 STEP 2. 사이드바에 최근글 모듈 추가 블로그 관리 -> 꾸미기 -> 사이드바 메뉴 설정"최근에 올라온 글 목록" 코드를 넣으면 사이드바 메뉴에서 모..
티스토리 스킨만들기/Tistory One | 2017. 11. 13. 14:51
Section 19 - 티스토리 반응형 스킨 만들기 - [사이드바] 안내
이번 섹션부터는 "사이드바 요소"입니다.작업할 사이드바 요소는 필수적으로 사용하는 요소들만 만들도록 하겠습니다. 나머지 배너나 광고등 커스터마이징이 필요한 요소들은 과감히 버립니다 ㅡ/.,ㅡ;;작업할 사이드바 요소 목록카테고리 - 작업완료공지사항 목록 - 작업완료커스텀 사이드바 요소 - 작업완료태그 클라우드최신 글 목록최신 댓글 목록글 보관함 목록달력링크 목록방문자 수 이전에 작업했던 카테고리, 사이드바 공지사항 목록, 커스텀 사이드바 요소를 제외한 사이드바 요소를 작업합니다. 이전 사이드바 관련 글은 아래 목록을 참고하세요.2017/09/28 - Section 6 - 티스토리 반응형 스킨 만들기 - sidebar 넌 누구냐?2017/09/28 - Section 7 - 티스토리 반응형 스킨 만들기 - s..
티스토리 스킨만들기/Tistory One | 2017. 11. 7. 02:57
Section 18 - 티스토리 반응형 스킨 만들기 - Footer
이번 섹션은 레이아웃의 완성을 위하여 하단(푸터 / Footer) 부분을 완성하겠습니다. 블로그 하단에는 사이트나 블로그의 기본정보(주소, 저작권, 통신판매시 통신판매업 / 사업자등록번호 등)을 기재하는데 일부 블로그에는 공지사항, 최신글, 최신 댓글 등과 블로그 네비게이션을 넣기도 합니다. 우리는 간단하게 네비게이션과 저작권 정보만을 기재하도록 하겠습니다. STEP 1. skin.html Footer 코드 추가 태그 방명록 관리자 Blog is powered by kakao / Designed by noo9ya 지난 섹션에서 미리 작업해둔 영역의 코드를 위와 같이 수정/추가합니다.태그 / 방명록의 치환자는 상단(header) 작업에서 이미지 숙지하셨습니다. : 관리자 화면으로 이동하는 링크입니다. (우..
티스토리 스킨만들기/Tistory One | 2017. 11. 3. 17:26
Section 17 - 티스토리 반응형 스킨 만들기 - 페이지
이번 섹션은 티스토리의 새로운 기능인 "페이지"를 만들어 보겠습니다. 페이지란?이번 섹션에서 다루는 페이지와 지난 섹션에서 작업했던 "페이지네이션"과는 완전히 다른겁니다. 페이지는 말 그대로 페이지입니다. ㅡ/.,ㅡ;; 쉽게 생각하면 독립된 하나의 화면을 페이지라고 생각하시면 됩니다. 이런 페이지(독립된 화면)을 메뉴로 연결 시키고 레이아웃을 통일시키면 하나의 홈페이지가 완료되는 것입니다. 참고로 티스토리 페이지는 "정적 페이지"입니다.(위지웍에디터에서 입력한 내용을 단순하게 화면에 출력하는 페이지) 페이지를 꼭 만들어야 하나요?페이지는 궂이 페이지 관련 치환자를 넣지 않아도 글 본문(상세) 보기 화면에 출력이 됩니다. 그러니 꼭 만들필요는 없지만 글 본문 상단의 제목과 작성자 등등 정보를 표현 할 필요..
티스토리 스킨만들기/Tistory One | 2017. 11. 2. 23:13
2017년 11월 1일 사이트맵
2017년 11월 1일 티스토리 사이트맵
사이트맵 | 2017. 11. 1. 02:21
RECENT COMMENT