'분류 전체보기'에 해당되는 글 195건
Section 17 - 티스토리 반응형 스킨 만들기 - 페이지
이번 섹션은 티스토리의 새로운 기능인 "페이지"를 만들어 보겠습니다. 페이지란?이번 섹션에서 다루는 페이지와 지난 섹션에서 작업했던 "페이지네이션"과는 완전히 다른겁니다. 페이지는 말 그대로 페이지입니다. ㅡ/.,ㅡ;; 쉽게 생각하면 독립된 하나의 화면을 페이지라고 생각하시면 됩니다. 이런 페이지(독립된 화면)을 메뉴로 연결 시키고 레이아웃을 통일시키면 하나의 홈페이지가 완료되는 것입니다. 참고로 티스토리 페이지는 "정적 페이지"입니다.(위지웍에디터에서 입력한 내용을 단순하게 화면에 출력하는 페이지) 페이지를 꼭 만들어야 하나요?페이지는 궂이 페이지 관련 치환자를 넣지 않아도 글 본문(상세) 보기 화면에 출력이 됩니다. 그러니 꼭 만들필요는 없지만 글 본문 상단의 제목과 작성자 등등 정보를 표현 할 필요..
티스토리 스킨만들기/Tistory One | 2017. 11. 2. 23:13
2017년 11월 1일 사이트맵
2017년 11월 1일 티스토리 사이트맵
사이트맵 | 2017. 11. 1. 02:21
네이버 검색 엔진 등록 - 웹마스터도구 사이트 추가
블로그를 만들었다면 블로그 유입이 잘 되도록 검색 엔진에 등록하는게 필수입니다.우리나라 사람이라면 대부분의 검색은 네이버에서 하기 때문에 우선적으로 네이버 검색 엔진에 잘 걸리도록 만들어놔야 하기 때문에 네이버 검색 엔진에 등록 해봅시다. ※ 네이버 아이디는 다들 가지고 있을거라 믿고 가입 방법은 패스!! STEP 1. 네이버 웹마스터도구 사이트 접속 STEP 2. 네이버 웹마스터도구 사이트 추가 위와 같이 "사이트 추가" 버튼을 클릭 STEP 3. 추가할 사이트 정보 입력 추가할 사이트 주소를 입력 후 "확인" 버튼 클릭 STEP 4. 사이트 소유 확인 ※ 사이트 소유 확인 방법은 HTML 파일 업로드 / HTML 태그 입력 방법 2가지 중 한가지를 선택해서 소유 확인을 완료 해야합니다. 1. HTML..
블로그 운영 | 2017. 11. 1. 00:46
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
RECENT COMMENT