가이드/웹사이트 편집/사이트 배경 이미지 변경

사이트 배경 이미지 변경

사용자 정의 배경을 제공하여 사이트의 모양과 느낌을 개인화할 수 있습니다. 배경 이미지를 변경하려면 이 가이드의 단계를 따르세요.

배경 이미지 선택 팁

배경 이미지 설정은 개성을 드러내고 사이트를 고유하게 만드는 효과적인 방법입니다. 다음은 사이트의 배경 이미지를 사용자 정의하는 데 도움이 되는 몇 가지 팁입니다.

  • 사용하는 이미지에 따라 배경 이미지는 그 위에 있는 텍스트를 읽기 어렵게 만들 수 있습니다. 최상의 결과를 얻으려면 사이트의 콘텐츠를 가리지 않는 희미한 이미지 또는 단색 패턴을 선택하세요.
  • 흐리게 보이지 않으면서 사이트의 전체 너비에 맞는 고품질 이미지를 선택하세요. 무료 사진 라이브러리에서 고품질 이미지를 선택할 수 있습니다.
  • 어떤 이미지를 선택하든 조화롭고 웹사이트 텍스트를 읽기 쉽도록 서로 보완되는 색상을 선택하세요.

이미지 대신에 배경 색상을 선택하려면 사이트의 배경 색상 변경에 대한 다음 가이드를 참조하세요. 그렇지 않으면 계속 읽으면서 배경 이미지를 업데이트하세요.

웹사이트 전체의 배경 이미지 설정

아래 단계를 사용하여 사이트의 배경 이미지를 변경할 수 있습니다.

이 가이드의 어느 섹션을 따라야 할지 결정하려면 알림판을 방문하여 왼쪽의 디자인에서 확인하세요. 여기서 편집기를 발견하면 이 가이드의 사이트 편집기 섹션을 사용하세요. 그렇지 않으면 사용자 정의 기능 지침을 사용하세요.

사이트 전체의 배경 이미지를 변경하려면 스타일 옵션을 사용하세요. 사이트의 배경 이미지를 추가, 제거 또는 변경하려면 다음 단계를 따르세요.

  1. 사이트의 알림판을 방문합니다.
  2. 디자인 → 편집기로 이동합니다.
  3. 왼쪽 메뉴에서 “스타일“을 선택합니다.
    • 편집기에서 오른쪽 상단의 스타일 아이콘을 선택할 수도 있습니다. 버튼은 흑백 원 모양입니다.
  4. 배경” 옵션을 클릭합니다.
  5. “배경 이미지 추가” 버튼을 클릭하여 미디어 라이브러리에서 이미지를 선택하거나 컴퓨터에서 이미지를 업로드합니다.
  6. 선택적으로 선택한 이미지를 클릭하여 배경 이미지 설정을 사용자 정의합니다.
  7. 저장” 버튼을 클릭하여 배경 이미지를 웹사이트에 적용합니다.
스타일 편집기의 배경 옵션입니다.

배경 이미지 설정 조정

배경 이미지가 설정되면 배경 이미지를 클릭하여 설정 패널을 열고 초점, 위치 및 크기를 구성할 수 있습니다.

  • 초점: 전체 이미지를 표시할 수 없는 더 작은 화면에서 사용할 이미지의 초점을 설정합니다. 이미지에서 원을 드래그하거나 “왼쪽”“상단” 비율 옵션을 사용하여 정확한 위치를 지정할 수 있습니다.
  • 고정 배경: 배경은 뷰포트를 기준으로 고정됩니다. 이미지는 사이트의 콘텐츠 뒤에 정적으로 유지됩니다.
  • 크기:
    • 덮기: 배경 이미지를 늘려 블록 전체를 덮습니다.
    • 포함: 자르지 않고 블록에 맞게 배경 이미지 크기를 조정합니다.
    • 타일: 사용자 정의 필드에서 배경 이미지의 고정 폭을 설정합니다. 크기 섹션 아래의 필드를 사용하여 크기와 이미지 반복 여부를 설정합니다.
초점 및 크기를 포함한 배경 이미지 설정입니다.

배경 이미지를 삭제

배경 이미지를 제거(또는 교체)하는 방법은 다음과 같습니다.

  1. 사이트의 알림판을 방문합니다.
  2. 디자인 → 편집기로 이동합니다.
  3. 왼쪽 메뉴에서 “스타일“을 선택합니다.
    • 편집기에서 오른쪽 상단의 스타일 아이콘을 선택할 수도 있습니다. 버튼은 흑백 원 모양입니다.
  4. “배경 이미지” 레이블 옆에 있는 점 3개를 클릭하고 이미지 옆에 있는 “초기화” 옵션 또는 패널 하단의 “모두 초기화” 버튼을 클릭합니다.
"배경 이미지" 헤더 오른쪽의 점 3개에서 초기화 옵션을 가리키는 화살표.

특정 블록에 배경 이미지 추가

사이트 전체가 아니라 페이지 또는 템플릿의 특정 부분에 배경 이미지를 설정하려면 그룹 블록을 사용하여 콘텐츠를 그룹화하고 그룹에 배경을 추가합니다.

여러 블록에는 블록의 콘텐츠 뒤에 배경 이미지를 표시하는 설정이 포함되어 있습니다. 특정 블록의 배경 이미지를 설정하려면 다음 단계를 수행합니다.

  1. 배경 이미지를 추가할 블록을 선택합니다(그룹, 콘텐츠, 인용, 운문 등 지원).
  2. 블록 설정 사이드바를 엽니다.

오른쪽에 사이드바가 표시되지 않으면 오른쪽 위 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 두 개의 고르지 않은 칼럼이 있는 정사각형 모양입니다.

워드프레스 편집기 상단의 강조 표시된 설정 아이콘.
오른쪽 위 모서리에 있는 설정 아이콘
  1. 블록 설정의 스타일 섹션에서 “배경 이미지” 설정을 찾습니다.
  2. 배경 이미지 추가“를 클릭하여 다음 옵션을 표시합니다.
    • 미디어 라이브러리 열기: 사이트의 미디어에서 기존 이미지를 선택합니다.
    • 업로드: 컴퓨터 또는 기기로부터 새 이미지를 추가합니다.
    • 초기화: 배경 이미지를 삭제합니다.
  3. 배경 이미지의 이름을 클릭하여 초점, 크기 등을 사용자 정의할 수도 있습니다.

배경 이미지는 설정된 배경 색상보다 우선합니다.

Adding a background image to a Group block.
Copied to clipboard!