매뉴얼

분류목록

디자인팜 1.0 [초보자용] 테마 구조 설명안내

스킨이란?!

홈페이지 제작시 회사소개, 제품소개, 마이페이지등 어떤 페이지를 가더라도 윗부분(로고 및 네비게이션등...)과 아랫부분(카페라이트 및 사이트정보등...)은 대부분 디자인이 동일 합니다.

이렇게 반복되는 디자인을 각 페이지별로 매번 같은 작업을하는것이 아니라 별도 디자인 파일을 만들어서 각 페이지 마다 자동으로 로고 및 네비게이션, 카피라이트등을 불러오게 되어 있습니다.

이런 디자인 파일을 스킨 이라고 합니다.

스킨파일을 만들게 되면, 홈페이지 제작시 좀더 빠르게 제작 할 수 있고, 리뉴얼시 스킨만 수정하면 모든 페이지가 수정되기 때문에 업무 효율성 및 작업 속도면에서 많은 이점 있습니다.

아래 홈페이지 메인화면에서 상단(로고 및 네비게이션) 부분과, 하단(홈페이지 정보 및 카피라이트)는 모든 페이지가 동일하다는것을 알수 있습니다.

이렇게 반복되는 부분이 스킨이라고 보시면 됩니다.

[스킨]활용하여 홈페이지를 쉽게 리뉴얼 하는 방법

위 설명한대로 반복되는 디자인을 스킨으로 따로 저장했다면, 스킨을 수정시 모든페이지가 자동으로 수정 됩니다.

만약 스킨을 계절별로 3개의 스킨을 만들었다면 아래 샘플사이트처럼 각 계절 별로 다른 디자인으로 쉽게 변경 할수 있습니다.

이렇게 스킨만 변경해주면, 안에 본문 내용과는 별개로 홈페이지 전체 디자인이 변경됩니다.

그럼 테마란 무엇인가요?

보통 홈페이지를 만들게 되면 메인용 스킨1장, 서브용스킨 1장 이렇게 2장의 스킨을 사용하는경우가 많습니다.

만약 메인 스킨 디자인을 빨간색에서 파란색 계통으로 색상 변경했다면 당연히 서브 스킨도 수정해줘야 할것 입니다.

스킨을 수정하고 나면 메인 화면 본문 부분도 언발란스하지 않게 수정해야줘야 합니다.

이렇게 스킨 하나를 수정하게 되면 셋팅로 수정해줘야 하는 부분이 (메인스킨+서브스킨+메인화면) 이렇게 3가지가 보통 인데, 이를 테마라고 합니다.

디자인팜에서 테마생성시 아래와 같이 (메인스킨+서브스킨+메인화면)이 하나의 셋트로 묶여서 생성되고 관리 할 수 있도록 되어 있습니다.

만약 봄,여름,가을,겨울 테마등 여러개의 테마를 만들어 놓게 되면, 한번의 클릭으로 (메인스킨+서브스킨+메인화면)이 한번에 변경되기 때문에 아주쉽게 관리 할수 있습니다.

이젠, 스킨과 메인은 테마로 일괄생성 및 변경합니다!

디자인팜은 기존의 스킨 따로 만들고 메인 따로 만들어서 생성하는 방식과 다르게,

처음에 [테마]로 생성을 하면 안에 메인스킨+서브스킨+메인화면이 3개가 하나로 세트가 되서 생성이 됩니다.

그래서 기존처럼 메인만 따로 복사 한다 던지, 서브스킨을 여러 개를 생성하여,

각 페이지마다 스킨을 선택하는 방식이 아니라, 메인스킨+서브스킨+메인화면 함께 일괄변경이 되기 때문에 꼭 알고 넘어가야 합니다.

- [테마추가]로 생성시 > 기존의 관리자모드에서 확인이 가능합니다!

[태마추가]를 하시면, 하나의 이름으로 세 개의 디자인이 묶여있는 게 보이시는데요.

기존의 관리자모드 에서 추가가 된다는 점! 알고 계세요.

- 디자인팜에서 테마 추가시 아래와 같이 고급관리자모드에서 페이지가 생성 됩니다.

[디자인관리 > 고급 디자인 관리 > 스킨 관리]에 메인스킨+서브스킨이 새롭게 2개가 추가가 됩니다.

[디자인관리 > 고급 디자인 관리 > 메인 화면 디자인] 에서 디자인팜용 메인화면 1장이 생성 됩니다.

테마를 여러개 생성하시면, 아래와 같이 여러 메인이 생깁니다.

그래서 디자인팜에서 테마를 선택하면, 내가 선택한 A테마의 A메인으로 자동변경이 되는거죠.

이점 만약 이해가 안된다면, 테마를 여러개를 추가해 보시면서 테스트를 해보시는게 도움이 될 겁니다.

이상 스킨 및 테마에 대한 개요에 대해 설명 드렸습니다.

게시글 공유 URL복사 Twitter Facebook

출력

댓글작성

열기 닫기

top