'2017/10'에 해당되는 글 21건

Section 16 - 티스토리 반응형 스킨 만들기 - 페이지네이션

이번 섹션은 페이지네이션 작업을 합니다. 페이지네이션 또는 페이징이라고 하는데 이것은 글이 100개지만 글 목록에 출력되는 갯수는 10개밖에 없으면 나머지 90개의 글을 볼 수 없기 때문에 10개의 글들을 10개의 페이지로 나누어 볼 수 있게 페이지를 나누는데 이 페이지를 이동할 수 있게 하는 네비게이션을 페이지네이션 또는 페이징이라고 합니다. 우리는 명칭을 페이지네이션이라고 통일하겠습니다.페이지네이션은 어디어디 들어가는 것인가? 페이지네이션은 글 목록, 댓글 목록, 방명록 목록같이 수량이 많이 쌓이는 곳에 쓰입니다. 그러므로 skin.html 코드 작업시 content div 제일 하단부에 넣습니다. 하단부말고 상단에 출력되게하고 싶으시면 content div 상단에 넣으시면 됩니다. 간단하죠?그럼 바..

티스토리 스킨만들기/Tistory One | 2017. 10. 31. 18:12

Section 15 - 티스토리 반응형 스킨 만들기 - 태그 클라우드

이번 섹션은 태그 클라우드 페이지를 작업합니다. 태그는 글 작성시에 글에 관련된 태그를 넣는데 이 태그들을 한번에 모아서 볼 수 있는 페이지를 태그 클라우드 페이지라고 합니다. 태그 페이지, 태그 클라우드 페이지, 태그 모음 등등 편하신대로 쓰면 됩니다. 블로그의 성격이나 관심사를 쉽게 알려면 방문한 블로그의 태그 클라우드를 보면 한눈에 파악할 수 있습니다. 태그는 어디에? 태그는 위와 같이 블로그 포스트 하단부에 표시됩니다. 저 태그들이 모두 모인 페이지가 "태그 클라우드 페이지" 입니다. 접속방법※ 태그 페이지로 접속하는 방법은 http://자신의블로그주소/tag 라고 입력하면 접속이 가능합니다. ※ tistory-one 스킨은 우측 상단에 태그 링크를 누르면 이동이 가능합니다. 이번 섹션부터는 소스..

티스토리 스킨만들기/Tistory One | 2017. 10. 31. 15:59

Section 14-3 - 티스토리 반응형 스킨 만들기 - 방명록 목록

지난 섹션에서는 "방명록 글쓰기 폼"을 만들었습니다. 입력 폼을 만들었으니 이번에는 입력된 방명록들을 출력해야 합니다. 출력은 글 댓글 목록과 동일하게 출력 되도록 하는데 차이점은 글 댓글에 있던 "댓글 주소"는 방명록 목록에서는 출력하지 않습니다. 이런 차이점을 염두하시고 아래와 같이 작업하면 "방명록 목록" 코드 작업을 수월하게 진행하실 수 있습니다.그럼 바로 코드 들어갑니다. STEP 1. skin.html 방명록 목록 코드 추가 Guestbook .. 방명록 글쓰기 입력폼 코드 생략 .. 수정/삭제 댓글쓰기 수정/삭제 : 등록된 "방명록" 리스트를 출력할 영역 지정 : "방명록" 리스트의 반복되어 출력되는 영역 지정 : "방명록"의 댓글(대댓글) 리스트를 출력할 영역 지정 : "방명록"의 댓글 리..

티스토리 스킨만들기/Tistory One | 2017. 10. 31. 14:21

Section 14-2 - 티스토리 반응형 스킨 만들기 - 방명록 글쓰기 폼

지난 섹션 2017/10/31 - Section 14-1 - 티스토리 반응형 스킨 만들기 - 방명록 에서 영역을 지정하였습니다. 이번 섹션에선 본격적으로 방명록 글쓰기 폼을 만들도록 하겠습니다. STEP 1. skin.html 방명록 글쓰기 폼 코드 추가 Guestbook 방명록쓰기 폼 이름 비밀번호 비밀글 내용 Guestbook Send : 방명록 글쓰기 폼, 목록 출력 영역 지정 : 방명록 글쓰기 폼 출력 영역 지정 : 로그인을 하지 않았거나 블로그 소유자가 아닌경우 보여지는 영역 : 로그인을 하지 않았을 경우 보여지는 영역 : 이름입력 박스 이름 : 이름 : 비밀번호 입력 박스 이름 : 비밀번호 : 글 내용 입력박스 이름 : 입력 완료 온클릭 이벤트 글 댓글 입력 폼과 규칙은 똑같습니다. 블로그 소..

티스토리 스킨만들기/Tistory One | 2017. 10. 31. 12:16

Section 14-1 - 티스토리 반응형 스킨 만들기 - 방명록

이번 섹션부터는 "티스토리 방명록"을 만듭니다~ 내 블로그에 누군가가 다녀왔다는 흔적을 남길 수 있는 방명록이죠. 방문자는 블로그 포스트와 별개로 개인적인 글을 남길 수 있는 공간이기도 하면서 블로그 소유자는 쌓여가는 방명록의 글을 보면서 보람을 느낄 수 있는 기능입니다. 그러므로 없어서는 안되는 기능이겠죠? 방명록을 만들기에 앞서서 참고하는 소스는 섹션 11 댓글 관련 글을 참고하시면 됩니다. 2017/10/21 - Section 11-6 - 티스토리 반응형 스킨 만들기 - 댓글 입력 폼 2017/10/23 - Section 11-7 - 티스토리 반응형 스킨 만들기 - 댓글 목록 댓글 입력 폼과 댓글 목록과 똑같은 구조로 코드를 작성합니다. 주의 사항은 글 댓글은 목록이 먼저 나오고 댓글 입력 폼은 제..

티스토리 스킨만들기/Tistory One | 2017. 10. 31. 11:25

Section 13-3 - 티스토리 반응형 스킨 만들기 - 보호 글 비밀번호 입력 폼

이번 섹션은 지난번에 말씀드린 것처럼 보호 글 비밀번호 입력 폼을 만듭니다. 목록에 노출이 되고 그 보호 글을 눌렀을때 바로 글 본문이 보여진다면 비밀글이 아니겠죠? 글 본문을 눌렀을시 비밀번호를 아는 사람들만 접근할 수 있도록 비밀번호를 입력 받아야 하는 화면이 필요한데 그 화면을 이번 섹션에서 작업을 하는 것입니다.※ 혹시나 해서 한번더 말씀드리지만, 보호 글(비밀 글)은 비로그인 사용자들만 노출됩니다. STEP 1. skin.html 보호 글 비밀번호 입력 폼 코드 추가 .. 보호 글 목록 코드 생략 .. 본문 보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요. 확인 : 보호 글 비밀번호 입력 폼 영역 지정 : 보호 글 카테고리 고유 링크 주소 : 보호 글 카테고리 : 보호 글 제목 :..

티스토리 스킨만들기/Tistory One | 2017. 10. 26. 19:42

Section 13-2 - 티스토리 반응형 스킨 만들기 - 보호 글 목록

지난 섹션에선 보호글을 등록하였습니다. 하지만 "보호 글 목록" 코딩을 하지 않았기 때문에 눈씻고 찾아봐도 보이지 않습니다 ㅡ/.,ㅡ;; 그러니 신속히 보호글 목록을 작업 해보도록 하겠습니다.※ 주의 사항 ※보호 글 작업시 새로운 세션의 브라우저이거나 로그인이 안되어 있는 다른 브라우저를 이용하여 접근해서 확인하셔야 합니다.블로그 소유자가 로그인이 되어 있는 상태에서 비밀글 접근시 일반글로 보이기 때문에 확인이 안됩니다.확인은 꼭 로그인이 안되어 있는 상태(방문자)에서 하셔야 합니다!! STEP 1. skin.html 보호 글 목록 코드 추가보호 글 코드를 공지사항 코드 아래부분에 이어서 작성합니다. 보호되어 있는 글입니다. | : 보호 글 목록, 보호 글 비밀번호 확인 화면이 출력되는 영역 지정 : 보..

티스토리 스킨만들기/Tistory One | 2017. 10. 26. 18:12

Section 13-1 - 티스토리 반응형 스킨 만들기 - 보호 글 등록하기

이번 섹션에서는 "보호글"과 관련된 내용입니다. 보호글이 하나도 없거나, 보호글을 등록하시는 방법을 모르시는 분들을 위해 스킨 작업 전에 사전작업으로 보호글을 등록하는 방법에 대해 설명드리겠습니다. "보호글"이란?말 그대로 보호된 글?ㅡ/,.ㅡ;; 보호글은 글에 비밀번호를 부여해서 비밀번호를 입력하지 않으면 확인이 불가능한 글입니다. 자신만 보거나 비밀번호를 아는 방문자, 팀 블로그의 팀원들만 공개하는 글이라고 생각하시면 됩니다. 블로그 소유자는 비밀번호 입력없이 일반 글 목록으로 표현됩니다.일반 방문자는 "비밀글"이라는 목록으로 노출됩니다."비밀글" 본문으로 접속시 "비밀번호"를 입력하는 폼이 나옵니다. (비밀번호를 입력하면 일반글과 같이 확인 하실 수 있습니다.) STEP 1. 보호글 등록하기보호글을..

티스토리 스킨만들기/Tistory One | 2017. 10. 26. 16:29

Section 12-3 - 티스토리 반응형 스킨 만들기 - 공지사항 본문(상세보기 화면)

지난 섹션에서는 "공지사항 목록"을 만들었으니 이젠 그 공지사항의 본문을 볼 수 있게 상세보기 화면을 작업해야겠죠?이번에도 글 상세보기 코드를 재활용하여 만들면 금방 만들기 때문에 소스 위주로 설명하고 공지사항 섹션을 끝내도록 하겠습니다. STEP 1. skin.html 공지사항 상세보기 코드 추가 .. 공지사항 목록 코드 생략 .. 본문 공지사항 : 공지사항 본문(상세보기)이 출력되는 영역 : 공지사항 제목 : 공지사항 작성자 (팀블로그가 아닌 개인 사용자용 블로그면 궂이 안넣으셔도 됩니다.) : 공지사항 작성일시 : 공지사항 본문(상세 내용) 공지사항 영역인 안에 "공지사항 목록" 소스 하단부에 위의 "공지사항 본문" 소스를 넣습니다. STEP 2. style.css 공지사항 본문 스타일 추가 /* ..

티스토리 스킨만들기/Tistory One | 2017. 10. 25. 18:46