디앤
가이드

빠른 메뉴


[파라미터 항목]

파라미터 항목 - 파라미터명, 설명, 예시 순으로 내용을 제공하고 있습니다.파라미터명설명예시

wrkr_no사업자번호(대쉬없는 10자리)wrkr_no=1102115423


개발예시[html 적용예시]


<html>
<head>
<script language="JavaScript">
function onopen()
{
var url =
"http://www.ftc.go.kr/bizCommPop.do?wrkr_no="+frm1.wrkr_no.value;
window.open(url, "bizCommPop", "width=750, height=700;");
}
</script>
</head>
<body>
<form name="frm1">
<input name="wrkr_no" type="text" value="2208183676"/>
<input type="button" value="팝업" onclick="onopen();"/>
</form>
</body>
</html>



아임웹 링크 적용예시

<a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=사업자등록번호" target="_blank" onclick="window.open('http://www.ftc.go.kr/bizCommPop.do?wrkr_no=사업자등록번호 ', 'bizCommPop', 'width=750, height=700, top=200, left=500;');return false" class="company-number">통신판매업신고번호 : 제 0000-0000-0000</a>


웹서비스관리

  • 화면사이즈는 100% 자동 조정이므로 적당한 사이즈로 조절하면 됩니다.
  • 가장 보기 좋은 사이즈는 가로 750, 세로 700입니다.

웹서비스 관리 설명을 위한 인터페이스 캡쳐사진


PC 버전에서 제작한 커스텀 하단이 모바일에서는 마음에 들지 않거나 모양이 틀어질 수 있습니다. 모바일에 딱 맞는 모바일 커스텀 하단을 만들려면 아래 제작 방법에 따라 제작해보세요.


제작방법

1단계: 모바일 전용 하단 디자인하기

모바일 뷰포트로 전환해 모바일 전용 섹션을 추가하고 페이지 최하단으로 내려줍니다. 모바일 전용 하단을 디자인합니다.

  1. 디자인 모드에 접속합니다. 
  2. 모바일로 뷰포트를 변경합니다. 
  3. 섹션에 마우스 오른쪽 버튼을 클릭합니다.
    주의: 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.

  4. 섹션 보조 메뉴가 나타나면 모바일 전용 섹션추가를 클릭합니다.
  5. 추가한 모바일 전용 섹션을 아래로 이동시키기 위해 마우스 오른쪽 버튼을 클릭하고, 아래로 이동을 클릭합니다. 

  6. 위 5번 방법을 반복해 페이지 최하단까지 모바일 전용 섹션을 이동시킵니다.
  7. 모바일 전용 하단을 원하시는 디자인으로 제작합니다.

2단계: 모바일 전용 하단 섹션 반복하기

제작하신 모바일 전용 하단이 모든 페이지에서 표시되도록 섹션 반복 기능을 켭니다.

  1. 모바일 커스텀 하단 섹션에 마우스 오른쪽 버튼을 클릭합니다.
    주의: 섹션을 추가하려면 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.
  2. 섹션 보조 메뉴가 나타나면 섹션 반복을 클릭합니다.

  3. 이제 모든 모바일 버전 페이지에 커스텀 하단이 반복되어 표시됩니다.



PC 하단 섹션 숨김

PC 커스텀 하단을 제작하신 경우 모바일에서는 표시되지 않도록 섹션 숨김 기능을 사용해 숨겨줘야 합니다.

  1. PC 뷰포트에서 제작한 커스텀 하단 섹션이 있는 곳으로 스크롤을 내립니다.
  2. 왼쪽 상단 을 클릭해 섹션을 숨겨줍니다.


하단이란?

하단 또는 푸터(Footer)라는 이름을 가진 이 섹션은 문서로 치면 꼬리말 영역을 말합니다. 하단/푸터 영역은 사용자가 의도적으로 제외하지 않는 이상 모든 페이지 최하단에 똑같이 표시됩니다.

하단 설정하기

1. 하단 디자인 변경 방법

미리 구성된 하단 디자인 템플릿을 불러와 하단 디자인을 변경할 수 있습니다.


2. 하단 텍스트 입력하기

하단 템플릿마다 아래 그림처럼 텍스트를 입력할 수 있는 영역이 존재합니다. 이곳에 사업자정보를 입력하고, 로고 이미지 등을 추가할 수 있습니다. 마우스 클릭 시 텍스트 에디터가 열립니다.

3. 하단 설정 변경하기

하단 설정을 열어, 하단에 표시되는 요소 및 SNS/링크 설정을 변경할 수 있습니다. 다음 도움말을 참조해 상세한 방법을 확인해보세요.





커스텀 하단 만들기

총 6가지 하단/푸터 섹션 템플릿을 제공하며, 사용자는 템플릿을 선택해 간편하게 하단을 추가하고 편집할 수 있습니다. 만약 기본 푸터 디자인이 마음에 들지 않는 경우 섹션 반복 기능을 활용해 보세요. 내 사이트를 위한 커스텀 하단을 디자인할 수 있습니다.

제작방법

  1. 디자인 모드에 접속합니다. 
  2. 위젯이 없는 공간에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  3. 빈 섹션 추가하기를 클릭합니다. 
  4. 빈 섹션에 위젯을 추가하여, 원하는 하단(푸터)로 디자인합니다.

  5. 하단(푸터) 디자인이 완료되면 해당 섹션을 페이지 최하단으로 내려줍니다. 
  6. 최하단으로 내린 하단(푸터) 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  7. 섹션 반복을 클릭합니다.
  8. 디자인 모드 상단 중앙의 메뉴명을 클릭합니다.

  9. 메뉴 설정 창이 나타나면 옵션 항목에서 하단 숨김을 선택합니다. (이미 선택된 경우 무시합니다.)

  10. 이제 모든 메뉴의 최하단에 직접 디자인한 커스텀 하단이 표시됩니다.




감성적인 느낌이 있는 디앤퍼슨스의 디자인
웹사이트, 쇼핑몰 디자인 맞춤제작 그리고 템플릿
COPYRIGHT © 2007-2024. DNPERSONs ALL RIGHTS RESERVED.