• 가이드

텍스트 위젯

위젯 소개

페이지에 텍스트를 추가할 때 사용합니다.

텍스트 입력하기

텍스트 위젯을 마우스로 더블-클릭한 다음 자유롭게 텍스트를 작성할 수 있습니다. 텍스트 입력 외 표를 추가하거나, 이미지, 코드를 삽입할 수도 있습니다.
참고 : 키보드 Shift+Enter를 눌러 다음 줄에 붙여서 작성할 수 있습니다.

텍스트 편집도구

텍스트 편집도구를 활용해 텍스트의 단락, 크기, 색상, 배경색 등을 변경하거나, 링크, 표, 이미지 등을 추가할 수도 있습니다.

아이콘도구명기능
글꼴공통 디자인 설정에서 제목 및 본문 단락 글꼴을 변경할 수 있습니다.
단락텍스트의 단락을 설정합니다. 제목(h1~h6), 본문(body) 단락을 설정할 수 있습니다.
글꼴 크기텍스트의 크기를 변경합니다.
이모티콘이모티콘을 추가할 수 있습니다.
인라인 스타일 (자간)텍스트의 자간을 조절할 수 있습니다.
글꼴 색상텍스트 색상을 변경합니다.
글꼴 배경색텍스트 배경색을 변경합니다.
굵게텍스트를 굵게 변경합니다.
밑줄텍스트 밑에 줄을 긋습니다.
취소선텍스트에 취소선을 긋습니다.
기울임꼴텍스트를 기울입니다.
링크 삽입링크를 추가합니다.
정렬텍스트를 왼쪽, 가운데, 오른쪽, 양끝으로 정렬할 수 있습니다.
숫자 리스트여러 줄의 텍스트를 숫자 목록으로 표시합니다. *키보드 Enter를 눌러 줄내림
점 리스트여러 줄의 텍스트를 점 목록으로 표시합니다. *키보드 Enter를 눌러 줄내림
인용텍스트를 인용구로 변경합니다.
표 삽입표(테이블)을 삽입합니다.
이미지 첨부이미지를 첨부합니다.
서식 제거편집도구에서 선택한 서식(옵션)들을 제거하고, 기본 텍스트로 변경합니다.
코드보기코드 작성 뷰로 전환됩니다. 코드를 추가할 수 있습니다.


위젯 설정하기

텍스트 위젯도 다른 위젯들과 마찬가지로 설정창을 열어 다양한 옵션을 추가할 수 있습니다.

  1. 텍스트 위젯을 추가합니다. 위젯 추가방법
  2. 텍스트 설정을 열어줍니다. 위젯 설정 열기
  3. 다음 텍스트 설정항목을 확인하고 변경합니다.


설정항목

  • 배경 : 텍스트 위젯 배경영역에 배경색/음영 또는 배경 이미지를 추가할 수 있습니다.
  • 테두리 : 텍스트 위젯 배경 영역에 테두리를 추가할 수 있습니다.
  • 객체 : 텍스트 세로 정렬, 세로 크기, 상하/좌우 여백을 변경할 수 있습니다. *사용 선택 시 활성화
  • 간격 : 텍스트 위젯 바깥 상, 하, 좌, 우 간격을 조절할 수 있습니다. *기본 그리드를 해제 시 활성화
  • 링크 : 텍스트 위젯 전체에 링크를 설정할 수 있습니다.


텍스트 위젯에 코드 작성하기

텍스트 에디터를 코드뷰로 전환하여, 코드를 작성할 수 있습니다.

  •  아이콘을 클릭해 코드뷰/텍스트뷰로 전환할 수 있습니다.
  • HTML과 CSS를 추가할 수 있습니다.
  • HTML 태그에 인라인 형식의 CSS 스타일을 추가할 수 있습니다.
  • 텍스트 위젯에 자바스크립트 및 CSS 내부 스타일 시트를 작성할 수는 없습니다. 필요하신 경우 코드 위젯에 작성 후 텍스트 위젯에서는 클래스 또는 ID로 가져오시기 바랍니다.
목록으로

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

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

리셀러/디자이너 신청

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

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

115.6K

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

297

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

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

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