무료 사이트 개설 과정에서 선택하신 템플릿의 일부 메뉴는, 아래 그림과 같은 경고 메시지와 함께 페이지 편집이 제한될 수 있습니다.

페이지 편집이 제한되는 이유는 해당 메뉴에 접근시 첫 번째 하위메뉴로 이동 옵션이 설정되어 있거나, 메뉴 링크가 삽입되어 있기 때문입니다. 편집 제한을 풀려면 이 옵션들을 모두 해제해야 합니다.  



해제방법

페이지 편집 제한이 걸린 경우, 아래 도움말을 참고해 제한을 풀어주세요.


접근시 첫 번째 하위 메뉴로 이동 옵션이 설정된 경우

페이지 편집 제한 알림에 표시된 옵션 해제하고 편집하기를 클릭해 접근시 첫 번째 하위 메뉴로 이동 옵션을 해제할 수 있습니다.

또는 메뉴 클릭시 첫 번째 하위 메뉴로 이동하기 도움말을 참고하여, 메뉴 설정에서 해제할 수도 있습니다.



메뉴에 링크가 걸린 경우

 페이지 편집 제한 알림에 표시된 링크 해제하고 편집하기를 클릭해 링크 삭제가 가능합니다. 

또는 상단 메뉴 및 하단 메뉴 링크 걸기 도움말을 참고하여, 메뉴 설정에서 링크를 삭제할 수도 있습니다.



도움말에 찾으시는 답변이 없으신가요? 문의하기 




 

아임웹은 여러 개의 하단(푸터) 디자인 템플릿을 제공합니다. 사용자는 섹션 템플릿을 사용해 간편하게 하단 디자인을 적용하고 편집할 수 있습니다. 만약 기본 하단 디자인이 마음에 들지 않는 경우, 섹션 반복 기능을 활용해 커스텀 하단을 디자인할 수도 있습니다.


설정방법


1단계: 하단 숨기기 


커스텀 하단을 추가하기 위해 기본 하단 섹션을 숨겨줍니다. 

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 메뉴에 마우스 포인터를 올리고, ⓘ 아이콘을 클릭합니다.

참고: 상단 메뉴 또는 하단 메뉴 항목의 어떤 메뉴여도 무방합니다. 




4. 메뉴 설정 창이 나타나면 옵션 항목에서 하단 숨김을 선택합니다. 


2단계: 빈 섹션 추가 및 하단 디자인하기


커스텀 하단을 디자인하기 위한 새로운 빈 섹션을 추가합니다. 

1. 위젯이 없는 작업영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다. 

참고: 위젯에 마우스 오른쪽 버튼 클릭 시 위젯 컨텍스트 메뉴가 나타납니다. 위젯이 아닌 작업영역에 마우스 오른쪽 버튼을 클릭해 주세요.



2. 컨텍스트 메뉴가 나오면 빈 섹션 추가하기를 클릭합니다. 

3. 새로운 빈 섹션이 추가되면, 위젯을 추가해 하단 섹션을 디자인합니다. 



3단계: 섹션 아래로 이동하기


  1. 디자인한 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다.

  3. 해당 페이지의 최하단으로 이동할 때까지 위 1~2번 과정을 반복합니다.



4단계: 섹션 반복하기


  1. 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 섹션 반복을 클릭합니다.
  3. 이제 모든 메뉴에서 커스텀 하단이 표시됩니다.



(선택 사항) 5단계: 특정 메뉴에서 커스텀 하단 숨기기


필요에 따라 특정 메뉴에서 반복 섹션을 숨겨야 하는 경우, 아래 도움말 링크를 참고하세요.

특정 메뉴의 반복 섹션 숨김 처리하기



6단계: 미리보기 및 게시하기


  1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  2. 메뉴마다 페이지 최하단으로 이동해 커스텀 하단이 정상적으로 표시되는지 확인합니다.
  3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.


모바일에서 커스텀 하단이 망가지나요?


커스텀 하단 디자인에 따라 모바일 기기에서 의도한 대로 표시되지 않을 수 있습니다. 모바일 전용 커스텀 하단을 디자인하려면 아래 도움말 링크를 참고하세요.

모바일 커스텀 하단 만들기


도움말에 찾으시는 답변이 없으신가요? 문의하기


풀페이지를 사용할 경우 각 슬라이드는 브라우저의 화면 크기를 가득 채운 상태로 표시됩니다. 따라서 최적의 해상도란 존재하지 않으며, 표시하고자 하는 이미지에 따라 처리 방법이 달라집니다. 

아래는 비주얼 섹션의 이미지 속성에 대한 이해를 돕기 위한 예시입니다. 



배경이미지: 채우기

채우기는 비주얼 섹션 배경속성의 기본값입니다. 브라우저의 해상도가 변하더라도 배경 이미지가 공백으로 표시되는 일 없이 항상 영역을 가득 채웁니다.


이런 경우 원본 이미지의 비율과 표시되는 영역의 비율에 따라 이미지의 일부가 표시되지 않는 경우가 있습니다. 따라서 이미지에 텍스트가 포함되었으면서 좌우 또는 상하 가장자리에 텍스트가 배치된 경우 해상도에 따라 잘리는 문제가 발생할 수 있습니다.

중요한 콘텐츠는 배경 이미지에 포함하지 않고, 별도의 텍스트로 작성하는 방법이 권장됩니다.


배경이미지: 반복안함

배경이미지가 표시되는 속성으로 반복안함을 선택할 수 있습니다. 이 경우 정렬  버튼을 클릭해, 배경이미지의 기준 위치를 조정하여 중요한 부분이 잘리는 문제를 어느정도 완화할 수 있습니다.


반복안함

배경 속성을 반복안함으로 설정하신 경우 배경 이미지 원본 크기 그대로 출력합니다. 다만 위 예시와 같이 원본 크기보다 브라우저의 창이 넓은 경우 여백이 보일 수 있습니다. 반복안함으로 설정하실 땐 이미지 해상도를 충분한 크기로 업로드하는 것이 좋습니다. 


도움말에 찾으시는 답변이 없으신가요? 문의하기


같은 폰트가 사용된 페이지를 서로 다른 브라우저에서 확인했을 때 민감한 분이라면 차이를 느낄 수 있습니다. 하지만 이는 폰트가 잘못 적용된 것이 아닌, 브라우저나 운영체제에 따라 폰트를 표현하는 방식이 달라 차이가 발생하는 것입니다. 


위 이미지는 Google Fonts - Roboto 에서 폰트 크기를 13px로 조정한 상태에서 캡쳐한 것입니다. 보시다시피 같은 폰트임에도 브라우저나 심지어 같은 브라우저라도 운영체제에 따라서 미묘하게 다른 형태로 표현되는 것을 확인할 수 있습니다.

 

폰트 랜더링 차이는 조정이 어렵습니다.

웹사이트 운영자는 브라우저마다 폰트가 다르게 표현되는 것을 원치 않을 수 있습니다. 하지만 운영체제 및 브라우저 차원의 문제이기 때문에 웹페이지의 언어로는 제어가 불가합니다. 일부 CSS의 마크업(예: -webkit-font-smoothing: antialiased)으로 글꼴을 조금 더 부드럽게 하는 등의 조정이 가능하지만, 근본적으로 같은 랜더링으로 표현하는 것은 불가능합니다.


대신 줄바꿈이나 줄간격 차이를 고려합니다.

폰트 랜더링을 바꾸는 것은 불가하기 때문에 폰트 랜더링 차이에 의해 발생하는 글꼴의 크기(폭, 높이)차로 인한 줄바꿈 현상을 방지하는데 더 신경을 써야 합니다.

예를 들어 텍스트가 들어갈 공간이 텍스트의 길이와 딱 맞게 표현되고 있다면, 어떤 브라우저에서는 공간이 충분하지 않아 의도치 않은 텍스트 줄바꿈이 발생할 수 있습니다. 따라서 텍스트가 삽입될 공간을 텍스트 길이보다 충분히 확보해 놓는 것이 바람직 합니다.


도움말에 찾으시는 답변이 없으신가요? 문의하기


이번 섹션에서는 상단 디자인 모드에 어떤 메뉴들이 있는지 알아보겠습니다. 상단을 디자인하려면 먼저 상단 설정을 열어야 합니다. 


상단 설정 열기

  1. 상단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나타나면 상단 설정을 클릭합니다.
  3. 아래 그림과 같은 상단 설정으로 진입합니다.




상단 디자인 편집 메뉴 살펴보기


페이지 디자인 모드 내에서도 상단 디자인 편집 모드가 추가되었습니다. 상단 디자인 편집 모드를 켜는 방법은 기존과 동일합니다. 페이지 디자인 모드에서 상단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭하면 나타나는 컨텍스트 메뉴에서 상단 설정을 클릭해 주세요.


1. 디자인 모드로 돌아가기

상단 디자인 편집 모드를 끄고, 디자인 모드로 돌아갑니다.


2. 상단 기본/겹치기 모드 전환하기

메뉴를 클릭해, 기본 상단 또는 겹치기 한 상단 디자인을 따로따로 관리할 수 있습니다.


3. 뷰포트 변경

모바일 버전 상단 디자인도 사용자가 직접 편집할 수 있게 되었습니다. 뷰포트 변경을 클릭해, 모바일 뷰포트로 변경하면 모바일 전용 상단 디자인을 꾸밀 수 있습니다.


4. 공통 디자인 설정

공통 디자인 설정을 클릭해, 기본적인 글자 색, 메뉴 색, 활성화 메뉴 색, 글꼴 등을 지정할 수 있습니다. 제 경우 상단 디자인 편집 모드에서 공통 디자인 설정 메뉴는, 상단 디자인을 하는 과정에서 일관성 있는 디자인을 위해 주로 브랜드 색상 및 메뉴 색상 확인하는 데 사용합니다.


5. 위젯 추가

각 섹션 위쪽 끄트머리 부분에 마우스 커서를 대면, 위 그림 7번과 같은 ⨁ 아이콘이 나타납니다. 이를 클릭하여 상단메뉴에 들어갈 위젯을 추가할 수 있습니다.


6. 상단 고정메뉴

상단 고정메뉴는 아래 8번 스크롤 고정과 유사하게, 상단메뉴를 페이지 최상단에 고정시키는 기능입니다. 상단 고정메뉴 제작법은 기본 상단 디자인 제작법과 같지만, 섹션을 추가할 수는 없습니다. 간편하게 페이지 상단에 고정되는 상단메뉴를 만들거나, 기본 상단 디자인과는 다른 색상 구성으로 디자인하고자 할 때 사용할 수 있습니다.


7. 상단 테마

상단 디자인을 다른 테마로 바꿀 수 있습니다.
참고: 이전 상단 디자인으로 돌아가고 싶으신 경우, 상단 테마에서 메뉴를 찾으실 수 있습니다.


8. 스크롤 고정

위 5번 상단 고정메뉴와 유사한 기능이지만, 스크롤 고정의 경우 원하는 특정 섹션만 고정시킬 수 있다는 점이 큰 차별점입니다. 핀 아이콘을 클릭해 고정이 가능합니다. 일부 섹션을 고정하거나, 모든 섹션을 다 고정시킬 수도 있습니다.

중요: 모든 섹션을 고정시키는 경우 본문 페이지의 많은 부분이 상단메뉴에 가려질 수 있으니 주의해 주세요.


9. 섹션 구분선

각 섹션 단과 행이 어떻게 나누어졌는지 확인할 수 있습니다. 세로 구분선의 경우 마우스로 드래그하면, 가로 단의 크기를 조절할 수 있습니다.

10. 섹션 설정

ⓘ 아이콘을 클릭해 빠르게 섹션 설정 창을 켤 수 있습니다.


도움말에 찾으시는 답변이 없으신가요? 문의하기


디자인 모드 섹션 반복 기능을 통해 페이지 하단에 공통적으로 표시할 내용을 지정할 수 있습니다.

중요: 섹션 반복을 사용하려면 반드시 해당 섹션을 페이지 최하단에 배치해야 합니다. 섹션 이동방법

 

설정방법

  1. 새로운 빈 섹션을 추가합니다. 빈 섹션 추가방법
  2. 추가한 빈 섹션을 페이지 최하단으로 이동시킵니다. 섹션 이동방법
  3. 위젯을 추가해 섹션을 디자인 합니다.
  4. 디자인한 섹션에서 위젯이 없는 공간에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 컨텍스트 메뉴가 나오면 섹션 반복을 클릭합니다.
  6. 다른 메뉴로 이동하면 같은 섹션이 반복되는 것을 확인할 수 있습니다.


섹션 반복을 해제하려면?

위 설정 방법 4번을 참조하여 섹션 컨텍스트 메뉴를 열어주세요. 섹션 반복이 정상적으로 설정 되었다면 다음처럼 반복 해제 메뉴가 표시됩니다. 반복 해제를 클릭해 해제 시킵니다.




관련 도움말


특정 메뉴에서는 반복 섹션을 숨겨야 하는 경우 아래의 도움말 링크를 참고하시길 바랍니다.

특정 메뉴의 반복 섹션 숨김 처리하기


도움말에 찾으시는 답변이 없으신가요? 문의하기


 

페이지에 테이블(표)를 삽입할 수 있습니다. 테이블 삽입에는 텍스트 위젯이 사용되며, 여러 데이터를 한 곳에 표시할 때 적합합니다. 


추가방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  3. 위젯 목록이 나오면 텍스트 위젯을 클릭합니다. (이미 텍스트 위젯이 삽입되어 있다면 이 과정은 건너뜁니다.)
  4. 텍스트 위젯을 마우스로 더블-클릭해 텍스트 에디터를 엽니다.
  5. 텍스트 도구 중 표 삽입 아이콘을 클릭합니다.
  6. 마우스를 드래그하여 생성할 테이블의 의 수를 선택하고, 마우스를 클릭합니다.
  7. 테이블 삽입이 완료되면 각 셀에 원하는 정보를 추가합니다.




관련 도움말

테이블 디자인 및 스타일 변경에 관한 더 자세한 정보는 테이블(표) 스타일 변경하기 도움말에서 확인해 보세요.


도움말에 찾으시는 답변이 없으신가요? 문의하기


참고: 사이트 개설 시 선택하신 테마에 따라 현재 화면의 하단 디자인과 아래 예시 그림은 다를 수 있습니다. 하단 디자인이 마음에 들지 않는 경우 다음 하단 푸터 설정하기 도움말을 참고해 변경해 보세요.


하단(Footer) 영역에 SNS 링크를 추가할 수 있습니다. SNS 링크를 표시 및 추가하는 경우 다음처럼 하단에 표시됩니다.



설정방법


  1. 디자인 모드에 접속합니다. 접속방법
  2. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭하여 하단 설정을 엽니다. 하단 설정 열기
  3. 표시 요소 항목에서 SNS 바로가기를 선택합니다.
  4. 마우스 휠을 스크롤 하여 SNS 링크/공유하기 항목으로 내려갑니다.
  5. 다음 설명을 참고해 링크를 추가하거나 삭제합니다.

    • 링크 추가: 링크 추가아이콘을 클릭해 필요한 만큼 링크 수를 추가합니다.
    • 아이콘: 링크할 SNS 아이콘을 선택합니다.
    • 새창: 선택 시 새 브라우저 탭으로 링크가 열립니다.
    • URL: 클릭 시 이동할 링크를 추가합니다.
    • 링크 삭제: 삭제아이콘을 클릭해 링크를 삭제합니다.
  6. 하단 설정 오른쪽 상단  아이콘을 클릭합니다.
  7. 저장을 클릭합니다.
  8. 하단에 SNS 링크가 추가된 것을 확인할 수 있습니다.



관련 도움말

링크 형식을 변경해 SNS 링크 외 다양한 링크/버튼으로 구성할 수 있습니다. 예를 들어 링크 형식을 파일 첨부로 선택하는 경우 방문자가 링크 클릭 시 PDF, ZIP 같은 파일을 다운로드 할 수 있게 설정할 수 있습니다.

링크 방식 종류 (전화걸기, 파일첨부, 즐겨찾기 등)


도움말에 찾으시는 답변이 없으신가요? 문의하기


위젯은 복사하고 붙여넣을 수 있습니다. 같은 위젯을 반복해서 추가할 때 유용합니다.


위젯 복사하기

  1. 복사하려는 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 위젯 복사를 클릭합니다.



위젯 붙여넣기

  1. 페이지 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴에 위젯 붙여넣기 메뉴가 활성화된 걸 확인할 수 있습니다.
  3. 위젯 붙여넣기를 클릭합니다.
  4. 위젯이 복제되어 페이지에 추가됩니다.


도움말에 찾으시는 답변이 없으신가요? 문의하기

메뉴(페이지)를 복제할 수 있습니다. 단, 복제 시 일부 DB요소 위젯은 복제가 불가능하거나, 복제가 되어도 연동 설정은 별도로 해줘야 할 수 있습니다.


복제방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 복제하려는 메뉴에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  4. 컨텍스트 메뉴가 나오면 메뉴 복제를 클릭합니다.

  5. 메뉴 복제가 완료됩니다.




관련 도움말

작업완료한 메뉴를 복제하고, 검색엔진 노출을 차단하여 백업 개념으로 디자인을 보관할 수 있습니다. 메뉴 복제 후 복제한 메뉴가 검색엔진에 노출되지 않도록 설정하는 방법은 다음 도움말을 참조하세요.

페이지 단위 검색엔진 수집 차단하기


도움말에 찾으시는 답변이 없으신가요? 문의하기



도움말에 찾으시는 답변이 없으신가요? 문의하기
TOP