텍스트 배경에 이미지, 배경색 추가하기

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

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번 과정처럼 배경 이미지와 배경색을 모두 설정한 다음, 배경색의 투명도를 조절해 보세요.

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

컬러픽커로 투명도 조절하기

목록으로