• 가이드

텍스트 배경에 이미지, 배경색 추가하기 (텍스트 위젯)

텍스트 위젯 배경에 배경 이미지를 추가하거나, 배경색을 추가할 수 있습니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/de25f3e1-6be2-4358-8b34-b0586e48d4f5/01.png

추가방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단 위젯 추가를 클릭합니다.
  3. 텍스트 위젯을 클릭합니다.
  4. 텍스트 에디터가 켜지면, 텍스트를 입력합니다.
  5. 텍스트 위젯 바깥 영역을 클릭해 텍스트 에디터를 종료합니다.
  6. 삽입한 텍스트 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  7. 텍스트 설정을 클릭합니다.
  8. 배경 항목에서 배경 이미지를 추가하거나, 배경색을 설정합니다.
    참고: 만약 배경 이미지와 배경색을 모두 설정하는 경우 배경 이미지는 배경색에 가려져 보이지 않게 됩니다.배경색은 투명도를 조절할 수 있습니다. 관련 내용은 이 문서의 하단을 참고해 주세요.

    • 이미지: 내 PC에서 직접 이미지를 업로드하거나, 아임웹에서 제공하는 무료 이미지를 사용할 수 있습니다.
    • 배경색/음영: 직접 색상 코드를 입력하거나, 오른쪽 컬러피커를 클릭해 마우스로 선택할 수 있습니다.
    • 라운딩: 배경 영역 사각 모서리를 둥글게 만듭니다. 픽셀(px) 단위로 조절할 수 있습니다.

  9. (선택 사항) 배경 이미지 또는 색상에 테두리가 필요한 경우 다음 텍스트 위젯 테두리 선 추가하기 도움말을 참고해 추가해 보세요.
  10. (선택 사항) 텍스트 주변에 여백을 추가하려는 경우 상하 여백, 좌우 여백을 추가해 주세요. 텍스트 위젯 안쪽 여백 조절방법
  11. 닫기 ✕ 아이콘을 클릭해 텍스트 설정을 완료합니다.
  12. 텍스트 위젯 배경에 이미지 또는 색상이 추가되었는지 확인합니다.



관련 도움말

배경 이미지 위에 반투명한 배경색을 추가로 입힐 수 있습니다. 위 8번 과정처럼 배경 이미지와 배경색을 모두 설정한 다음, 배경색의 투명도를 조절해 보세요.

투명도 조절 방법은 아래의 도움말에서 확인할 수 있으며, 비주얼 섹션, 섹션 배경, 이미지 위젯, 갤러리 위젯 등 여러 곳에서 동일한 방법으로 투명도를 조절해 효과를 적용해 볼 수 있습니다.

색상 투명도 조절 방법

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

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

아임웹에서 당신의 생각을 표현해보세요.
676.4K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.2K
전국 파트너/리셀러 수

아임웹 공식제휴사

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