'티스토리 스킨만들기/Tistory One'에 해당되는 글 44건
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
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