• 가이드

[실습] 3x2 이미지, 텍스트 위젯 배치하기

한 줄에 이미지 위젯 3개를 3열로 배치하고, 각 이미지 위젯에 텍스트 위젯을 더할 수 있습니다. 이미지를 설명하는 설명문구를 추가할 때 유용합니다.

주의 : 3x2 위젯 배치 시 자동으로 제작되는 모바일 버전 디자인을 위해, 이미지 위젯과 텍스트 위젯이 연결되도록 배치하는 것이 중요합니다. 아래 과정에서 4-2번 과정은 주의 깊게 확인해주시길 바라며, 추가 설명은 모바일 버전 위젯 배치 방법 도움말에서 확인할 수 있습니다.

실습진행

  1. 디자인 모드에 접속합니다.
  2. 이미지 위젯 3개를 추가합니다. 위젯 추가방법
  3. 이미지 위젯 3개를 한 줄에 3열로 배치합니다. 위젯 3열 배치방법
  4. 텍스트 위젯 3개를 추가합니다.
  5. 첫 번째 텍스트 위젯을 가운데 이미지 위젯 바로 아래배치합니다. 자세한 배치방법은 아래 애니메이션과 함께 지침을 확인합니다.

    1. 텍스트 위젯을 마우스 클릭합니다.
    2. 마우스 클릭을 유지한 채로 가운데 있는 이미지 위젯 바로 아래로 드래그합니다.
    3. 이미지 위젯 아래 위젯 너비만큼의 검은 줄이 생겨나면, 마우스를 놓습니다.
  6. 남은 텍스트 위젯들도 각 이미지 위젯의 아래 배치합니다.

추가 도움말

텍스트 위젯에 글자를 작성하려면 마우스로 더블-클릭합니다. 텍스트 편집기가 열리면, 글자를 입력할 수 있습니다. 텍스트 편집도구를 활용해 글자의 크기, 굵기, 색상 등을 변경할 수 있습니다.

내 사이트에 텍스트 추가하기

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.