티스토리가 최근에 커버 기능을 지원하게 되면서 홈 화면을 아주 자유롭게 변경할 수 있도록 개선했습니다. 3가지 스킨을 발표했는데 각 스킨마다 다른 커버 기능이 있더군요. 이번에 제 블로그에서 사용할 스킨을 제작하면서 홈 화면에 콘텐츠를 하드코딩으로 추가할 수 있도록 했는데 3가지 스킨에 있는 커버 기능을 통합해 제가 제작한 스킨에 추가해 이용하니 더 편하고 자유롭게 됐습니다.
구매 사이트: https://martian.kr/shop/material-kit-2/
통합된 커버모듈은 위와 같습니다. 공통된 것이나 별로 쓰이지 않을 것은 제외했습니다.
옵션 화면도 통합하고 슬라이드 변경 옵션을 추가했습니다. 5가지 색상 옵션도 추가했습니다.
색상 옵션에 따라 배경 오버레이, 버튼, 버튼 호버 등 색상이 모두 다르게 적용됩니다. 카테고리 메뉴는 제 블로그에서 사용하는 것과 같이 메가메뉴 형태로 나옵니다.
이 스킨을 이용하면 원페이지 사이트에 아주 적합합니다. 이에 맞게 메뉴를 추가하면 해당 화면으로 스크롤 되도록 설정했습니다.
전체 레이아웃을 보면 다음과 같습니다.
현재 편하게 구매할 수 있도록 쇼핑몰을 개설하고 PG도 신청해놨습니다. 카드 승인 이전에라도 스킨이 완성되면 공개하도록 하겠습니다. 가격은 5만원입니다.
더보기
'CMS/티스토리 가이드' 카테고리 관련글
워드프레스 완벽입문: HTML/CSS 기초부터 부트스트랩을 활용한 테마 제작까지
트위터 부트스트랩 책 발간(디자이너도 놀라워 할 매끈하고 직관적인 웹 사이트 디자인의 비밀)
워드프레스 쇼핑몰 만들기 책 발간(우커머스와 한국형 결제 플러그인으로 온라인 쇼핑몰 만들기)
DIY! 워드프레스 - 빠르고 간편하게 만드는 워드프레스 블로그/홈페이지 서적 출간(워드프레스 완벽입문 개정판 1권)
DIY! 워드프레스 쇼핑몰 - 프리미엄 테마로 만드는 쇼핑몰/웹사이트 서적 출간
서브라임 텍스트 - 프로그래머와 디자이너가 선택한 텍스트 에디터 서적
트위터 부트스트랩으로 만드는 워드프레스 테마
프리미엄 테마로 만드는 워드프레스 사이트
댓글 목록
요즘 스킨 기다리느라 강제 다이어트 중입니다.ㅜㅜ
작업하다보니 계속 추가할 기능이 생각나서 늦어지고 있습니다. 무한 스크롤 기능도 필요하고 가능한한 코드를 안 건드리고 수정할 수 있도록 하려고 합니다.
믿고 기다리겠습니다
최종 점검중입니다. 우선 가이드를 올렸습니다.
https://martian36.com/1564