한 줄에 이미지 위젯 3개를 3열로 배치하고, 각 이미지 위젯에 텍스트 위젯을 더할 수 있습니다. 이미지를 설명하는 설명문구를 추가할 때 유용합니다.
주의 : 3x2 위젯 배치 시 자동으로 제작되는 모바일 버전 디자인을 위해, 이미지 위젯과 텍스트 위젯이 연결되도록 배치하는 것이 중요합니다.
아래 과정에서 4-2번 과정은 주의 깊게 확인해주시길 바라며, 추가 설명은
모바일 버전 위젯 배치하기 도움말에서 확인할 수 있습니다.
실습진행
- 디자인 모드에 접속합니다. 접속방법
- 이미지 위젯 3개를 추가합니다. 위젯 추가방법
- 이미지 위젯 3개를 한 줄에 3열로 배치합니다. 위젯 3열 배치방법
- 텍스트 위젯 3개를 추가합니다.
첫 번째 텍스트 위젯을 가운데 이미지 위젯 바로 아래배치합니다. 자세한 배치방법은 아래 애니메이션과 함께 지침을 확인합니다.
- 텍스트 위젯을 마우스 클릭합니다.
- 마우스 클릭을 유지한 채로 가운데 있는 이미지 위젯 바로 아래로 드래그합니다.
- 이미지 위젯 아래 위젯 너비만큼의 검은 줄이 생겨나면, 마우스를 놓습니다.
- 남은 텍스트 위젯들도 각 이미지 위젯의 아래 배치합니다.
추가 도움말
텍스트 위젯에 글자를 작성하려면 마우스로 더블-클릭합니다. 텍스트 편집기가 열리면, 글자를 입력할 수 있습니다. 텍스트 편집도구를 활용해 글자의 크기, 굵기, 색상 등을 변경할 수 있습니다.
내 사이트에 텍스트 추가하기