컨텐츠란?!

디자인팜에서 컨텐츠란?  로고, 이미지, 타이틀, 메뉴판,  지도, 각종 설명글과 같이 최소단위의  디자인 요소를 말합니다.

즉 디자인팜에서 왼쪽 트리구조에서 레이아웃을 뺀 나머지 모두가 컨텐츠라고 보면 됩니다.

디자인팜에서 제공되는 모든 컨텐츠는 반응형이 지원되고 있으니 참고하세요.

 

 

 

 

 

 

- 텍스트

텍스트에는 기본적이 글자를 출력하는 컨텐츠를 모아 두었습니다.

타이틀과 회사 소개 같은 장문의 글을 쓸 수 있는 편집기 등이 있습니다.

 

 

 

 

- 이미지

이미지에는 기본적인 한장 짜리 이미지와 리스트 형의 이미지 등등 여러 가지 디자인의 이미지가 있고,

이것을 로고나, 배너, 협력업체링크, SNS공유하기 등등으로 활용할 수 있습니다.

 

 

 

 

- 그 밖의 컨텐츠...

그 외에 지도/ 버튼 / 테이블 과 같은 컨텐츠가 있으며, 컨텐츠는 개발 후 계속해서 등록이 될 예정이니

원하는 컨텐츠가 없다고 너무 아쉬워 하지 마세요~~!!

 

 

 

 

 

확인 가능한 페이지 : http://farmmanual2.anybuild.com/shop_add_page/index.htm?page_code=manual102&mobile_conn=off

 

 

 

 

---

 

 

 

 

레이아웃이란?!

컨텐츠만 가지고 웹페이지를 만들게 되면 세로로만 나열되기 때문에 사실상 컨텐츠만 가지고는 웹페이지를 완성 할 수 없습니다.

때로는 컨텐츠를 가로로 나열해야 할 때 있고, 바둑판 형식으로 나열해야 할 때가 있는데 이런 구조를 레이아웃이라고 합니다.

레이아웃은 눈으로 보여지는 요소가 아니라 컨텐츠의 위치를 잡는 틀이라고 보셔도 될 것 같습니다.

 

아래 예제를 통해 레이아웃의 역할과 활용 방법에 대해서 알아보겠습니다.

디자인팜 좌측 메뉴에서 [반응형 레이아웃]에서 제공되는 레이아웃을 모두 넣어보겠습니다.

레이아웃은 1칸 / 2칸 / 3칸 / 4칸 / 5칸 / 6칸이 있으며, 이것은 오른쪽 세부옵션에서 각자 비율을 조정할수 있습니다.

 

 

 

 

 

 

레이아웃은 반응형을 체크 하시면 반응형이 되는데요,

이것은 잘 보일수 있게 타이틀만을 넣어서 테스트 해볼게요.

 

 

 

확인가능한 페이지 : http://farmmanual2.anybuild.com/shop_add_page/index.htm?page_code=manual101&mobile_conn=off

 

 

 

 

 

---

 

 

 

그럼 레이아웃안에 컨텐츠는 어떻게 넣나요?

[레이아웃]은 [컨텐츠]를 담을수 있습니다. 먼저 "2칸 레이아웃"을 생성하여, 원하는 컨텐츠를 넣어 보겠습니다.

 

 

 

1. [반응형레이아웃] > [2칸 레이아웃]을 생성합니다.

 

 

 

 

 

2. [상단컨텐츠] > [로고+토글A]를 생성합니다.

 

 

 

 

 

 

3. 레이아웃에 로고가 자동으로 들어가진 않습니다. [레이아웃]안에 [컨텐츠]를 넣어 보도록하겠습니다.

 

 

 

 

 

 

 

4. 로고밑에 컨텐츠를 계속 추가 할 수도 있습니다.

 

 

 

 

<<응용편>>

2칸 레이아웃으로 이렇게도 가능합니다.

 

주의 ) 레이아웃 안에는 컨텐츠만 추가 할수 있으며, 레이아웃안에 레이아웃이 들어갈수 없도록 되어 있습니다.

디자인팜에서 기본 제공되는 레이아웃으로 고객이 원하는데로 만들수 없다면, 맞춤형 레이아웃을 통해 직접 만들수도 있습니다.

맞춤형 레이아웃 만드는 방법 (고급사용자용) :  http://wdev.anybuild.com/bbs/faq/4387

 

 

 

 

---

 

 

 

 

템플릿팜이란?!

디자인팜이 아무리 제작하기 편리한 툴이라 하더라도,  다양한 컨텐츠와 레이아웃이 복합적으로 어울러져 있는 컨텐츠인 경우, 시간이 다소 걸리 수 밖에 없습니다.

이건 시간을 최소화하기 위해 템플릿팜이란는 기능이 있습니다.

템플릿팜은 간단하게 설명하자면 [여러개의 컨텐츠+여러개의 레이아웃] 이 하나로 묶여 있다고 보시면 됩니다.

 

이것은 "로그인박스"가 될 수도 있고, 구현이 어려운 "탭 메뉴"가 될수도 있으며, 상단디자인도, 하단 디자인도 될 수 있습니다.

디자인팜 모드에서 왼쪽메뉴 제일 상단에 [템플릿팜]을 클릭해 봅시다.

 

 

 

템플릿팜 선택하기로 원하시는 부분을 [가져오기]를 해봅니다.

 

 

 

이렇게 내가 선택한 상단 부분만 가져와지는데요,

이부분은 레이아웃 하나에 특정된게 아니라, 그 위아래 상단으로 구성된 레이아웃 전부를 가져오는 것입니다.