마크쿼리 스킨 첫화면 티에디션 소스 적용 방법

마크쿼리 Spider's 4.0 스킨에는 티에디션 소스도 포함되어 있습니다. 포함된 소스를 이용하면 첫화면의 티에디션을 마크쿼리 스킨에 맞는 디자인으로 꾸밀 수 있습니다. 마크쿼리 스킨 첫화면 티에디션 소스 적용 방법은 아래와 같습니다.


마크쿼리 스킨 첫화면 티에디션 소스 적용 방법

마크쿼리 스킨


마크쿼리 Spider's 4.0 스킨에는 css에 소스 추가 없이 적용 됩니다. 다른 스킨에 적용하려면 css에 해당 스타일들을 추가해 주어야합니다.



티스토리 관리페이지 꾸미기 설정


마크쿼리 스킨 첫화면에 티에디션 소스를 적용하려면 꾸미기 설정의 티에디션이 '사용합니다'로 설정 되어 있어야 합니다. 블로그에 티에디션 편집버튼을 '표시합니다'로 설정하면 보다 쉽게 티에디션 화면을 편집할 수 있습니다. 꾸미기 설정에서 티에디션 설정하기 버튼을 누르거나 블로그 첫화면에서 티에디션 버튼을 누릅니다.



갤러리형


티에디션 편집 화면이 열리면 아이템을 추가한 후 갤러리형을 선택합니다.



디자인 HTML 편집


디자인 탭을 선택한 후 HTML 버튼을 누릅니다.



티에디션 HTML 편집


HTML 편집 화면이 열리면 기존의 HTML의 소스를 마크쿼리 스킨에 포함된 티에디션 소스로 변경합니다. 소스 변경 후 적용 버튼을 누릅니다.



마크쿼리 티에디션 디자인 소스


마크쿼리 티에디션 디자인 소스는 마크쿼리 스킨에 포함된 test\tiedition 폴던 안의 horizontal.html, thumb-list.html, vertical.html 파일의 소스를 이용하면 됩니다.



마크쿼리 티에디션 디자인 소스


html 에디터 혹은 메모장으로 열어 전체 소스를 복사하여 사용하면 됩니다.



티에디션 글 표시 갯수


티스토리 티에디션에 마크쿼리 티에디션 소스를 적용한 후에는 아래에 있는 + 플러스 버튼을 이용하여 글 표시 갯수를 맞춰 줍니다.



티에디션 편집


만약 + 플러스 버튼을 눌렀을 때 글이 늘어 나지 않는다면 적용하기로 저장 시킨 후 재 편집하면 됩니다.



티에디션 적용하기


반복하여 티에디션에 수평형, 수직형, 썸네일 최근글 소스를 적용합니다. 적용하기 버튼을 누릅니다.



티에디션 설정 적용


적용 버튼을 누릅니다. 이 때 보관함에 저장을 체크하면 설정한 내용을 보관함에 저장할 수 있습니다.



내 블로그 홈으로


내 블로그 홈으로 버튼을 누릅니다.



블로그 첫 화면 티에디션


블로그 첫화면의 티에디션 글 목록은 마크쿼리 Spider's 4.0 디자인으로 변경 됩니다.