MY MENU

두부플러스 고객지원

두부플러스에 대한 모든 궁금증을 해결하세요.

디자인 편집

공지 [디자인편집구조] 1. 디자인 편집 구조 파악하기
★ 두부플러스는 코딩 없이 쉽고 간편하게 웹사이트를 디자인 할 수 있는 기능을 제공합니다. 웹사이트 스타일에 맞게 다양한 요소와 앱을 활용하여 멋진 웹사이트를 만들어 보세요. ① [디자인편집]을 클릭합니다. [디자인 편집 및 레이아웃] ①• x : 운영모드로 이동됩니다.• 레이아웃 : 디자인편집의 현
공지 [레이아웃] 2. 레이아웃 추가/복사/삭제하기
★ 두부플러스는 기본 메인 레이아웃과 서브 레이아웃 1개로 구성되어 있습니다. (템플릿별로 상이) 필요 시, 서브 레이아웃을 추가하여 페이지(메뉴)별로 적용할 수 있습니다. STEP01 레이아웃 추가하기 ① [디자인편집] 을 클릭합니다. ② 상단의 [메인 레이아웃 > 새 레이아웃 만들기]
공지 [섹션] 3. 섹션 추가/이동/삭제하기
STEP01 섹션 추가하기 ① [디자인편집] 을 클릭합니다. ② 디자인에 적합한 섹션을 클릭 후, 드래그하여 원하는 레이아웃에 추가합니다. (TIP) 섹션의 유형은 추가 후, 설정에서 변경할 수도 있습니다.③ [<], [>] 을 클릭하여 섹션의 열 넓이를 변
공지 [섹션] 4. 섹션 유형 설정하기
★ 섹션의 유형은 섹션 추가 시, 선택하거나 [설정]에서도 수정할 수 있습니다.PC 설정에 따라 태블릿, 모바일에서 노출되는 유형을 설정할 수 있습니다.① [디자인편집] 을 클릭합니다.② 행의 [설정] 클릭 후, [PC 셀비율] 을 선택합니다.(TIP
공지 [섹션] 5. 디바이스별 노출 설정하기
★ PC, 태블릿, 모바별로 컨텐츠를 다르게 구성할 경우, 표시/숨김 기능을 사용하여 설정할 수 있습니다. ① [디자인편집] 을 클릭합니다. ② 행의 [설정] 클릭 후, 노출하지 않을 디바이스를 선택하고, [게시하기] 를 클릭합니다. ★ 태블릿 미
공지 [섹션] 6. 높이/정렬/간격 설정하기
STEP01 높이 설정하기 ① [디자인편집] 을 클릭합니다. ② 행의 [설정] 클릭 후, [높이] 스위치를 켭니다. ③ 높이를 설정한 후, [게시하기] 를 클릭합니다. (TIP) 높이는 px 또는 em 또는
공지 [섹션] 7. 배경색/테두리선/박스라운드/배경이미지 설정하기
STEP01 배경색 설정하기① [디자인편집] 을 클릭합니다. ② 행의 [설정] 클릭 후, [배경색] 스위치를 켭니다. ③ [색상] 클릭 후, [확인] 으로 적용한 후, [게시하기] 를 클릭합니다.(TIP) 배경색에 투명도 효과를 적용할 수도 있습니다.STEP02&nbs
공지 [섹션] 8. 애니메이션 적용하기
★ 나타나기, 당겨접기, 확대하기 등 다양한 애니메이션을 통해서 웹사이트를를 역동적이고 화려하게 꾸밀 수 있습니다. ① [디자인편집] 을 클릭합니다. ② 행의 [설정] 클릭 후, [애니메이션] 을 클릭합니다.(TIP) 애니메이션은 모든 요소에 적용할 수 있습니
공지 [섹션] 9. 위치 고정하기 첨부파일
★ 최근 웹사이트 구성은 메인 레이아웃에 많은 내용을 담고자 합니다.그래서 앵커 기능과 같이 링크를 연결해주기도 하고, 스크롤을 움직여도 해당 위치에 메뉴를 고정으로 노출 시킬 수 있는 위치고정 기능을 활용하는 경우가 많습니다.① [디자인편집] 을 클릭합니다. ② [위치고정]&
공지 [섹션] 10. 앵커 설정하기
★ 웹사이트의 컨텐츠나 메뉴 등을 선택했을 때 화면이 스크롤형식으로 미끄러지듯 움직이는 모습! 보신 적 있으시죠? 특정 위치에 앵커를 설정하고, 원하는 앱이나 요소로 링크 시킬 수 있는 ‘앵커’를 만들어 보도록 하겠습니다. STEP01 앵커 설정하기①&nbs
공지 [디자인] 11. 템플릿 변경 및 폰트 설정하기
★ 계정생성 시, 선택한 템플릿을 변경하거나 새로 만들 수 있습니다.★ 웹사이트 전반적인 포인트 부분의 (네비게이션, 헤더, 로그인페이지, 버튼, 게시판 등) 컬러를 변경할 수 있습니다. ① [디자인편집] 을 클릭합니다. ② [디자인 > 템플릿 변경] 을 클릭합니다. ③ 원하는 템플릿에
공지 [전체설정] 12. 전체 레이아웃 영역 설정하기
★ 높이, 정렬 등 전체 레이아웃에 동일한 값을 설정할 수 있습니다. ① [디자인편집] 을 클릭합니다. ② [전체설정] 을 클릭합니다. ③ 높이, 정렬 등 전체 적용할 항목을 설정한 후, [전체 레이아웃에 적용] 을 클릭합니다. ㅁ
공지 [텍스트요소] 13. 제목 및 단락 입력하기
★ 텍스트요소는 제목과 단락으로 제공 됩니다. 사용 시 두 개의 요소는 동일하게 적용되나 웹의 구조화에 있어 분리해서 적용하는 것이 좋습니다. 제목과 단락의 기능은 동일하므로 중복 설명 없이 제목으로만 텍스트요소를 설명해보록 하겠습니다. ① [디자인편집] 을 클릭합니다. ② [제목] 요소를 클릭 후,&nbs
공지 [미디어요소] 14. 이미지 삽입하기
① [디자인편집] 을 클릭합니다. ② [이미지] 요소를 클릭 후, 노출 할 위치에 마우스로 드래그하여 추가합니다. ③ [이미지] 요소의 [설정] 클릭 후, [목록] 을 클릭합니다. ④ [이미지추가] 를 클릭하여 원하는 이미지를 등록합니다. (TIP) [기존이미지 삽입]
공지 [미디어요소] 15. 동영상 삽입하기
★ 동영상 삽입은 URL 입력 방식과 소스코드 연결 방식이 있습니다.URL은 Youtube, Vimeo, 다음, 판도라TV 에서만 가능하지만, 소스코드(iframe) 는 제한 없이 연결 할 수 있습니다.[URL 입력 방식] ① [디자인편집] 을 클릭합니다. ②
공지 [미디어요소] 16. SNS 공유 설정하기
★ 웹사이트 방문자가 본인의 SNS 계정에 컨텐츠를 공유할 수 있는 기능입니다. 페이스북, 트위터, 밴드, 카카오톡, 카카오스토리, 구글플러스, 핀터레스트, 라인이 제공 됩니다.① [디자인편집] 을 클릭합니다. ② [SNS공유] 요소
공지 [구성요소] 17. 로고 설정하기
★ 두부플러스는 텍스트로고 or 이미지로고로 설정할 수 있습니다.(TIP) 로고 요소는 레이아웃에 한 번만 적용할 수 있습니다. [요소추가 > 구성요소] 에 로고가 보이지않는다면, 이미 레이아웃에 적용된 상태이니 확인해보세요. [텍스트로고 설정] ① [디자인편집] 을 클릭합니다. ② [로고]&nb
공지 [구성요소] 18. '상단메뉴'로 홈, 로그인, 사이트맵 노출하기
★ 홈. 로그인, 사이트맵, 마이페이지 와 같은 메뉴가 노출되는 요소입니다.(TIP) 상단메뉴 요소는 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 구성요소] 에 상단메뉴가 보이지않는다면, 이미 레이아웃에 적용된 상태이니 확인해 보세요.① [디자인편집] 을 클릭합니다. ② [상단메뉴]&nbs
공지 [구성요소] 19. '하단메뉴'로 이용약관, 개인정보처리방침 노출하기
★ 이용약관, 개인정보처리방침, 이메일주소무단수집거부 와 같은 메뉴가 노출되는 요소입니다. 이용약관, 개인정보처리방침 내용은 [운영모드 > 환경설정 > 운영정책관리] 에서 설정할 수 있습니다. (TIP) 하단메뉴 요소는 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 구성요소] 에 하단
공지 [구성요소] 20. '네비게이션'으로 페이지(메뉴) 노출하기
★ 페이지(메뉴) 가 노출되는 요소입니다.[디자인편집> 페이지] 에서 설정 후, [디자인 편집 > 네비게이션 요소] 를 추가하여 글꼴, 글꼴색, 크기 등 글꼴 설정을 합니다.(TIP) 네비게이션 요소는 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 구성요소] 에 네비게이션
공지 [구성요소] 21. 하단주소 설정하기
★ 하단주소의 기본 정보는 [운영모드 > 환경설정 > 사이트관리 > 기본정보] 와 연동됩니다.(TIP) 하단주소 요소는 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 구성요소] 에 하단주소가 보이지않는다면, 이미 레이아웃에 적용된 상태이니 확인해보세요. ① [디자인편집]
공지 [구성요소] 22. 카피라이터 설정하기
(TIP) 카피라이터 요소는 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 구성요소] 에 카피라이터가 보이지않는다면, 이미 레이아웃에 적용된 상태이니 확인해보세요.① [디자인편집] 을 클릭합니다.② [카피라이터] 요소를 클릭 후, 노출 할 위치에 마우스로 드래그하여 추가합니다. ③ [카피라이터] 요소
공지 [앱] 23. '회원관리'로 로그인창 만들기
★ 회원제로 운영되는 웹사이트의 경우, 메인 또는 서브 디자인에 로그인 창을 추가해보세요. (TIP) 회원관리 앱은 레이아웃에 한 번만 적용할 수 있습니다. [요소추가 > 앱] 에 회원관리가 보이지않는다면, 이미 레이아웃에 적용된 상태이니 확인해보세요. ① [디자인편집] 을 클릭합니다. ② [
공지 [앱] 24. 게시판 추출하기
★ [디자인편집 > 게시판 추출하기] 에서는 메인 및 서브레이아웃에 게시판을 노출하는 방법을 설명합니다. [운영모드 > 나의앱 > 게시판 > 게시판목록] 에서 게시판 생성 후, [운영모드 > 나의앱 > 게시판 > 게시판추출목록] 에서 추출할 게시판을 생성하고, [디자인편집 > 게시판] 으로 원하는 레이아
공지 [앱] 25. ‘슬라이드쇼’로 메인이미지 만들기
★ 슬라이드쇼 앱을 활용하여 웹사이트의 메인이미지를 멋지게 만들 수 있습니다.계정생성 시, 선택한 템플릿에 기본 셋팅 된 슬라이드쇼를 교체하거나 새로 추가해보세요. STEP01 슬라이드쇼 추가하기 ① [디자인편집] 을 클릭합니다. ② [슬라이드쇼] 앱을 클릭 후, 노출 할 위치에 마우스로 드래그하여 추가합니다.(TIP)&
공지 [앱] 26. 지도 노출하기
★ 두부플러스에서 지도를 생성하는 방식은 키값으로 설정하는 방식과 소스코드로 입력하는 방식이 있습니다.2가지 방식 중 키값으로 설정하는 방식이 조금 더 번거로운 면이 있으나 해당 지도 서비스를 더 다양하게 사용할 수 있다는 점에서 추천하는 방식입니다.[디자인편집 > 지도 노출하기] 에서는 메인 및 서브레이아웃에 지도를 노출하는 방법을
공지 [앱] 27. 카운터 설정하기
★ 나의 웹사이트에 방문하는 사람들이 몇 명일까? 궁금하신 적 있으시죠?웹사이트 방문자수를 노출 시킬 수 있는 ‘카운터’ 기능을 소개합니다.(TIP) 카운터 앱은 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 앱] 에 카운터가 보이지않는다면, 이미 레이아웃에 적용된 상태이니 확인해보
공지 [앱] 28. '슬라이더갤러리'로 역동적인 게시물 만들기
★ 슬라이더갤러리를 생성하기 앞서 이미지가 있는 게시판이 생성되어 있어야 합니다.게시판 생성방법은 [매뉴얼 > 게시판 관리 > 게시판 생성하기] 를 참고하세요.STEP01 슬라이더갤러리 생성하기 ① [운영모드 > 나의앱 > 슬라이더갤러리] 를 클릭합니다. ② [슬라이더갤러리
공지 [앱] 29. ‘문자상담’으로 상담창 생성하기
★ 실시간으로 고객과 메시지를 주고 받을 수 있는 기능입니다. 문자상담은 레이아웃 안에 노출하는 방식과 팝업으로 노출방식이 있습니다. 운영하는 웹사이트에 맞춰 생성해보세요.(TIP) 문자상담 앱은 레이아웃에 한 번만 적용할 수 있습니다.[요소추가 > 앱] 에 문자상담이 보이지않는다면, 이미 레이아웃에 적용된 상태
공지 [앱] 30-1. ‘팝업’으로 홍보하기 (배경색 설정하기)
★ 팝업을 통해서 중요한 공지나 이벤트를 방문자에게 알림으로써 웹사이트의 홍보 및 마케팅을 강화할 수 있습니다. ① [운영모드 > 나의앱 > 팝업] 을 클릭합니다. ② [팝업생성] 를 클릭합니다. ③ 팝업명을 입력합니다. ④ 팝업 디자인편집 화면에서 팝업의 [설정] 클릭 후, [배경이미지
공지 30-2. ‘팝업’으로 홍보하기 (이미지로 설정하기, 모바일버젼 팝업 만들기)
★ 팝업을 통해서 중요한 공지나 이벤트를 방문자에게 알림으로써 웹사이트의 홍보 및 마케팅을 강화할 수 있습니다. ① [운영모드> 앱> 팝업] 을 클릭합니다.② [팝업생성] 를 클릭합니다. ③ 팝업명을 입력합니다.④ 팝업의 [전체영역설정]&
공지 [앱] 31. ‘퀵메뉴’로 바로가기 메뉴 만들기
★ 문의하기, 오시는길 과 같이 홈페이지에서 부각 시켜야 할 컨텐츠를 퀵메뉴로 설정하여 노출할 수 있습니다. ① [운영모드 > 나의앱 > 퀵메뉴] 를 클릭합니다. ② [퀵메뉴 생성] 을 클릭합니다. ③ 퀵메뉴명을 입력합니다. ④ 디자인에 어울리
공지 [앱] 32. `소셜스트림`으로 소셜 연동하기
★ Facebook, Twitter, Instagram, Youtube 등 다양한 소셜미디어의 게시물을 웹사이트에 노출할 수 있습니다. STEP01 소셜스트림 생성하기 ① [운영모드 > 나의앱 > 소셜스트림] 을 클릭합니다. ② [소셜스트림 생성] 을 클릭합니다. ③ 소셜스트림명을 입력합니다. ④ [기본설
공지 [앱] 33. ‘서브컨텐츠’로 서브페이지 만들기
★ 서브페이지를 만드는 방법은 ‘서브컨텐츠’ 앱을 활용하는 방법과 ‘소스코드’ 앱을 활용하는 방법이 있습니다. 그 중, 서브컨텐츠는 디자인 스킬 없이도 쉽게 서브페이지를 만들 수 있기 때문에 누구나 쉽게 디자인할 수 있습니다.그럼 서브컨텐츠 앱으로 ‘인사말’을
공지 [앱] 34. '소스코드'로 서브페이지 만들기
★ 서브페이지를 만드는 방법은 ‘서브컨텐츠’ 앱을 활용하는 방법과 ‘소스코드’ 앱을 활용하는 방법이 있습니다.그 중, 소스코드는 코딩을 활용하여 좀 더 다양한 스타일의 디자인으로 완성할 수 있습니다.그럼 소스코드 앱으로 ‘인사말’ 을 만들어보도록 하겠습니다.①&n
공지 [미디어요소] 35. 서브페이지에 소스 삽입하기
★ 특정 페이지(장바구니 페이지 등) 에 넣어야 하는 로그 분석 소스일 경우 디자인편집에서 삽입 가능합니다. ① [디자인편집> 서브레아이웃]을 클릭합니다. ② [서브컨텐츠> 복사]를 클릭합니다. ③ [코드셀] 요소를 클릭 후, 노출 할 위치에 마우스로 드래그
공지 [레이아웃] 36. 메뉴의 레이아웃 스킨 변경하기
★ 템플릿으로 선택한 레이아웃 디자인을 메뉴마다 다른 템플릿 레이아웃으로 설정할 수 있습니다. 예를 들어 홈페이지 템플릿을 비즈니스로 선택하더라도, 메뉴의 게시판 페이지는 두부사랑치과나 카서비스처럼 다른 스킨을 선택하여 페이지를 구성할 수 있습니다. 두부플러스에서 제공하는 APP스킨은 [비즈니스, 비즈니스2, 푸드블랙

내용이 없습니다.

Top

이용가이드 다운로드 eBook으로 보기