아임웹 팁&테크

다양한 활용법, 최신 기능을 알고 싶을 땐 아임웹 팁&테크

디자인섹션 반복 기능으로 커스텀 푸터 만들기


시작에 앞서

푸터(Footer)란 MS 워드로 치면 '꼬리말' 영역을 말합니다. 푸터 영역에는 일반적으로 사업자 및 연락처 정보, 사이트맵 외 소셜 링크들을 걸어두죠.


아임웹은 기본 푸터 디자인 4가지를 제공합니다. 그러나 푸터 디자인을 입맛에 맞게 커스텀 디자인하고 싶은 분들도 계실 것입니다. 간단히 생각보면 푸터 섹션을 하나 만든 다음,  [섹션 복사/섹션 붙여넣기] 기능을 사용해, 모든 페이지마다 추가해줄 수 있겠습니다.

그러나 그보다 더 쉬운 방법이 있습니다. 바로 [섹션 반복] 기능을 사용하는 것입니다.



1단계, 커스텀 푸터 섹션 준비 및 위치 확인하기

모든 페이지에 반복적으로 보여줄 섹션 디자인을 준비합니다.

*중요!
[섹션 반복] 기능을 적용할 섹션은 반드시 [푸터 섹션] 바로 위에 위치해 있어야 합니다.



2단계, 하단 설정 패널 열기

하단 설정 패널을 열어주세요. 하단 섹션에 마우스 커서를 대고, 마우스 오른쪽 버튼을 누르면 나오는 보조 메뉴에서 [하단 설정]을 클릭합니다.




3단계, 하단 표시 요소 및 콘텐츠 비우기

1) 하단에 들어갈 표시 요소들을 모두 끕니다.



2) 하단 섹션 상하 여백을 0으로 조정합니다.



4단계, 섹션 반복하기

커스텀 푸터 섹션 바깥쪽에 마우스 오른쪽 버튼을 클릭해 보조 메뉴를 열고, [섹션 반복]을 클릭합니다.




5단계, 정상적으로 적용되었는지 확인하기

다른 메뉴로 이동해, [섹션 반복] 옵션을 적용한 섹션이 모두 잘 적용 되었는지 확인합니다.