2020. 2. 20.

티스토리 관리/티스토리 스킨 만들기2020. 2. 20.

티스토리 스킨 만들기 #5 기본 파일 작성 (2)

지난 시간에는 필수 파일중 index.xml 파일을 만들어보았다. 이번 시간에는 기본적인 skin.html 파일을 만들어 볼까 한다. 기본작성을 끝내고 마지막에 사용된 치환자에 대해 설명하도록하겠다. skin.html html의 head 영역이다. 화면에 직접적으로 표시되는건 아니지만 각종 정보, 파일연결등을 담고있다. meta 태그는 이문서의 기본 정보들을 만들어주는 태그이고, link 태그는 외부파일 연결 ex) css파일, script 태그는 js파일 연결할 때 쓴다. 블로그제목 블로그메뉴 사이드바 태그 클라우드 방명록 방명록 글쓰기 방명록 리스트 글 글 제목 | 카테고리 | 작성일 | 글 관리 글 태그&소셜 관련글 댓글수 댓글 댓글 리스트 댓글 쓰기 페이지 공지사항 글 보호 글 커버 html의 b..

2020. 2. 19.

티스토리 관리/티스토리 스킨 만들기2020. 2. 19.

티스토리 스킨 만들기 #4 기본 파일 작성(1)

스킨 기본 파일중 index.xml 파일을 만들어보자. 티스토리 공식 문서 기본 스킨 1.1 tistory http://notice.tistory.com tistoryblog@daum.net 5 5 5 10 30 3 0 0 25 27 30 30 30 1 1 댓글이 없습니다. 댓글 하나 달렸습니다. 받은 트랙백이 없고 트랙백이 하나이고 000000 ffffff 000000 eeeeee 27 1 500 list 가장 기본 형태의 index.xml 파일구조이다. 딱히 따로 건드릴 필요없이 그냥 사용해도 무관하다. 나도 그냥 사용할 예정이다.

2020. 2. 18.

티스토리 관리/티스토리 스킨 만들기2020. 2. 18.

티스토리 스킨 만들기 #3 기본 파일 생성

일전에 티스토리 스킨의 필수 파일 3가지에 대해 언급한적이있다. 스킨 정보 파일 index.xml 스킨 파일 skin.html 디자인 파일 style.css 오늘은 이 3가지 파일을 생성해보도록 하자 1. 폴더생성 폴더를 원하는 이름으로 하나 생성해준다. 2. 파일생성 폴더내 빈공간에서 마우스 우클릭을 통하셔 텍스트 문서를 만들어준다. 3. 파일 이름 변경 우선 폴더 메뉴의 보기를 눌러 우측 파일확장명 체크박스에 체크를 한다. 이미되어있다면 넘어가도된다. 그후 만들어둔 파일의 이름을 변경한다. 확장자까지 바꾸게 되면 위와 같은 경고가 뜰수도있는데 그냥 무시하고 예(y)를 눌러준다. 4. 이방법으로 총 3개의 파일을 만들어준다 5. 그다음 편집을 위해서 파일을 열어주면 된다. 기본 작성 후에는 티스토리 편..

2020. 2. 17.

티스토리 관리/티스토리 스킨 만들기2020. 2. 17.

티스토리 스킨 만들기 #2 레이아웃

웹 서비스(블로그), 어플리케이션 등 사용자 에게 제공되어지는 화면을 구성하기위한 디자인적 요소를 만들기전, 가장 포괄적인 레이아웃을 만들어야한다. 가장 대표적인 대중적인 레이아웃은 다음과 같다. 모든 요소를 감싸는 Container, 페이지의 상단 요소 Header, 페이지의 하단 요소 Footer, 페이지의 본문 영역 Section, 필요에 의해 사용되어지는 Sidebar로 이루어져 있다. 다만, 모든 요소가 필수적인 것은 아니다. 내가 생각하기에 레이아웃에 답은 없다. 하지만 중요한 점은 요즘 웹서비스는 모두 '반응형'으로 만들어진다는것이다. '반응형' 이란 표현은 많이들 들어봤을것이다. 티스토리 공식 스킨들을 보면 다들 '반응형' 이라고 적혀있다. 그럼 이 '반응형' 이란것은 무엇일까? 하나의 웹..

2020. 2. 14.

티스토리 관리/티스토리 스킨 만들기2020. 2. 14.

티스토리 스킨 만들기 #1 티스토리 스킨 제작기

국내에서 접근 하기 쉬운 블로그는 여러가지가 존재한다. 다른 블로그보다 티스토리 블로그의 강점이라면 당연 자유도에 있다고 본다. 타 블로그는 디자인 변경이 어렵거나 거의 불가능 하지만, 티스토리 블로그는 기본적인 html과 css만으로도 충분히 원하는 방향으로 레이아웃을 꾸밀 수가 있다. 웹디자인을 할줄 안다던가, 아님 최소한 내가 만들어가는 나의 블로그를 내손으로 직접 디자인 하겠다는 꿈이 있다면 티스토리 블로그에 끌리는것은 당연하다. 나는 전문적이진 않지만 취미로 각종 프로그래밍 언어를 배우는 것을 좋아하는 사람이다. 내 기준으로 볼때 티스토리 블로그를 꾸미는데 필요한 언어인 html과 css는 아주 쉬운 언어라고 생각한다. 티스토리 스킨 제작! 티스토리 스킨의 기본구조는 1. 메인 화면을 담당하는 ..