By aPOST in 티스토리스킨 — 2023년 12월 23일

티스토리 스킨 046 - 반응형 원페이지 홈페이지 티스토리 스킨 배포합니다.

스킨명 : 반응형 원페이지 홈페이지 티스토리 스킨

* 원페이지 형태로된 반응형 홈페이지를 구현해주는 티스토리 스킨입니다.
커버로 제작된 원페이지 홈페이지 화면 외에 블로그 다른 화면으로는 접근할 수 없도록 막혀 있습니다.

블로그 화면에는 스킨이 구성되어 있지 않기 때문에 블로그 용도로는 적합하지 않습니다.

스킨 설정 관련 안내

------------------------------------------

티스토리 시스템 설정이 커버 페이지가 기본으로 꺼져있는 것으로 변경되면서, 처음 스킨 적용하면 빈화면만 나옵니다.

스킨 설정 화면에 들어가서

https://블로그주소/manage/design/skin/edit#/

홈화면 > 커버 버튼을 눌러 커버 기능을 켜면 스킨이 적용되어 보입니다.

오시는길 지도 표시 기능 사용을 위해 카카오 맵을 사용합니다.

카카오맵을 사용하지 않으려면

스킨 설정 화면의

하단의 추가설정 > 카카오맵 사용을 끄면 됩니다.

- 티스토리를 홈페이지로 사용할 수 있게 해주는 스킨입니다.

- 싱글 페이지로 된 홈페이지 하단으로 스크롤 되는 형태로 각 메뉴 화면이 구성됩니다.

- 스킨 설정의 커버 페이지 구성 기능으로 홈페이지 레이아웃을 생성할 수 있습니다.

- 카카오맵을 홈페이지에 붙일 수 있습니다.(카카오 개발자 사이트 가입 및 설정 필요)

- 홈페이지 화면 외에 티스토리 블로그의 다른 기능 및 페이지로의 접근은 차단되어 있습니다.
(글보기, 방명록 등 화면 접근시 메인으로 자동 이동)

- 커버페이지 설정 안내

커버 항목은 다음과 같은 종류가 있습니다.

슬라이더와 카카오맵 커버를 제외하고 나머지 항목은 갯수 제한이 없습니다.

슬라이더 - 스킨 전체에 1개만 있습니다. 추가 생성하면 레이아웃이 깨집니다. 기본 생성된 것을 그냥 사용합니다. 홈페이지 최상단 메인 영역을 차지하는 로테이션 배너입니다.

배너 로테이션 타임은 script.js 37행에서 숫자를 변경하면 됩니다. 5000은 5초입니다.(초*1000)

0을 입력하면 자동 로테이션이 멈춥니다.

이미지 썸네일 리스트 - 하이퍼링크가 있는 썸네일 리스트입니다. 링크는 "더보기" 버튼으로 별도로 표시됩니다. 커버 아이템 갯수는 2, 3, 4, 6, 8개를 사용해야 레이아웃이 정확하게 맞습니다. 1개인 경우는 가로 풀배너를 사용합니다.
"더보기" 버튼은 하이퍼링크 입력값 여부에 따라 자동으로 표시됩니다.

이미지 썸네일 리스트[링크x] - 하이퍼링크 없는 썸네일 리스트입니다. 입력한 타이틀과 내용은 썸네일 이미지 마우스 호버시 표시됩니다.(모바일에서는 기본 표시 상태로 바뀝니다.) 커버 아이템 갯수는 2, 3, 4, 6, 8개를 사용해야 레이아웃이 정확하게 맞습니다. 1개인 경우는 가로 풀배너를 사용합니다.