가이드/콘텐츠 생성/미디어/사이트에 배너 추가

사이트에 배너 추가

“히어로” 또는 “배너” 이미지라고도 하는 커버 블록은 큰 이미지, 비디오 또는 텍스트 배너를 사이트에 추가하는 데 사용됩니다. 이 가이드에서는 배너를 추가하고 표시할 이미지, 비디오 또는 색상을 선택하는 방법을 보여줍니다.

비디오 튜토리얼

영어 비디오입니다.
YouTube의 자동 번역 기능을 사용하면 원하는 언어로 시청할 수 있습니다.

자동 번역 자막을 켜는 방법:

  1. 비디오를 재생합니다.
  2. 비디오 오른쪽 하단의 ⚙️ 설정 아이콘을 클릭합니다.
  3. 자막/CC를 선택합니다.
  4. 자동 번역을 선택합니다.
  5. 원하는 언어를 선택합니다.

자동 더빙(실험 기능)으로 시청하는 방법:

  1. ⚙️ 설정 아이콘을 클릭합니다.
  2. 오디오 트랙을 선택합니다.
  3. 시청하려는 언어를 선택합니다.

ℹ️ 번역과 더빙은 Google에서 자동 생성되므로 정확하지 않을 수 있으며, 자동 더빙 기능은 현재 테스트 중이라 모든 언어에서 사용할 수 있는 것은 아닙니다.

커버 블록

커버 블록을 사용하여 사이트에 이미지를 추가할 수 있습니다. 페이지 또는 템플릿에 배너를 추가하려면 다음 단계를 따르세요.

  1. 사이트의 알림판으로 이동합니다.
  2. 배너를 추가하려는 위치에 따라 페이지, 글 또는 템플릿으로 이동하여 편집하거나 새로 만듭니다.
    • 페이지: 메뉴의 페이지 섹션으로 이동합니다.
    • : 메뉴의  섹션으로 이동합니다.
    • 템플릿디자인 → 편집기로 이동하여 템플릿을 선택합니다.
  3. + (블록 삽입기) 아이콘을 클릭하고 “커버”를 검색합니다.
    • 또는 “/를 입력하여 블록 선택”이 표시된 위치에 /cover를 입력합니다.
(+) 블록 삽입기 사이드바가 열리고 커버 블록 아이콘이 강조 표시됩니다.
  1. 커버 아이콘을 클릭하여 커버 블록을 삽입합니다. 
미디어가 추가되기 전의 커버 블록과 업로드, 미디어 선택 또는 특성 이미지 사용 옵션이 있습니다.

미디어 선택

커버 블록추가한 후 표시할 미디어를 선택합니다. 다음 옵션 중 하나를 선택할 수 있습니다.

  • 업로드: “업로드” 버튼을 클릭하여 컴퓨터에서 파일을 선택합니다.
  • 미디어 선택: 다음 위치 중 하나에서 미디어를 찾습니다.
    • 미디어 라이브러리: 사이트의 미디어 라이브러리에 이미 업로드된 파일을 선택할 수 있습니다.
    • 스마트폰: 젯팩 모바일 앱을 사용하여 스마트폰에서 직접 미디어를 업로드합니다.
    • AI로 생성: 사용하려는 이미지 유형에 대한 간략한 설명을 제공하면 AI가 디자인을 생성합니다.
    • Google 포토: 연결된 Google 포토 계정에서 미디어를 선택합니다.
    • Pexels: Pexels 라이브러리에서 무료 이미지를 검색합니다.
    • Openverse: Openverse 라이브러리에서 무료 이미지를 검색합니다.
  • 특성 이미지 사용: 설정 시 페이지 또는 글의 특성 이미지를 표시합니다. 템플릿커버 블록을 추가하고 이 옵션을 선택하면 해당 템플릿을 사용하여 모든 페이지나 글의 특성 이미지가 자동으로 표시됩니다.
  • 색상: 이미지 또는 비디오를 추가하는 대신 배너의 단색 색상을 선택합니다.

그런 다음 배너에 텍스트와 버튼과 같은 콘텐츠를 추가하고, 배너의 레이아웃을 사용자 정의하고, 배너의 디자인을 조정할 수 있습니다.

이미지 선택 팁

배너의 이미지를 선택할 때 다음 사항을 고려하세요.

  • 모바일 장치에서는 전체 이미지가 표시되지 않는 경우가 있으므로 장식용 이미지 또는 추상적 이미지가 가장 효과적입니다.
  • 이미지 자체 내부에 텍스트를 디자인하는 것과 달리 이미지 상단에 텍스트를 입력합니다. 그러면 모든 화면 크기에 따라 효과적으로 텍스트 배율이 조정됩니다.
  • 커버 블록에서는 이미지가 배경 이미지로 사용되며, 크기가 작은 기기에 전체 이미지 폭이 표시되도록 크기가 조정되지 않습니다. 초점 피커 설정을 사용하여 더 작은 화면에서 볼 때 초점을 맞출 이미지의 부분을 선택할 수 있습니다.
    • 기기 크기와 상관없이 전체가 표시되어야 하는 이미지에 콘텐츠가 있으면 대신에 이미지 블록을 사용하는 것이 좋습니다.

비디오 배너 만들기

커버 블록은 이미지, 비디오 및 단색 색상을 지원합니다. 커버 블록에 비디오를 업로드하려면 비디오 업로드를 지원하는 워드프레스닷컴 요금제가 있어야 합니다. 비디오 업로드는 프리미엄 요금제 이상에 포함되어 있습니다. 비디오 업로드가 포함된 요금제에서는 배너 미디어를 선택할 때 비디오를 선택할 수 있습니다.

커버 블록은 기능적이기보다는 장식적이므로 비디오 파일의 사운드를 재생하지 않습니다. 대신 비디오가 사운드로 재생되도록 하려면 VideoPress 블록을 사용하세요.

배너 미디어 교체 또는 제거

커버 블록추가한 후 언제든 지미디어를 변경할 수 있습니다. 배너의 미디어를 교체하거나 제거하려면 다음 단계를 따르세요.

  1. 사이트의 알림판으로 이동합니다.
  2. 배너가 있는 페이지, 글, 템플릿으로 이동합니다.
  3. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다.
  4. 목록 보기에서 커버 블록 항목을 클릭합니다.
목록 보기가 열리고 "목록 보기" 아이콘에서 커버 블록으로 향하는 화살표가 표시됩니다.
  1. 블록 도구 모음에서 바꾸기 버튼을 클릭하여 새 이미지 또는 비디오를 선택합니다.
"바꾸기" 옵션이 커버 블록의 도구 모음에서 강조 표시됩니다.

다음 옵션 중 하나를 사용하여 새 미디어 파일을 선택할 수 있습니다.

  • 미디어 라이브러리 열기: 미디어 라이브러리 또는 Google Photos, Pexels 또는 Openverse와 같은 기타 소스에서 기존 이미지 또는 비디오를 선택합니다.
  • 업로드: 기기에서 새 이미지나 비디오를 선택합니다.
  • 특성 이미지 사용: 페이지 또는 글의 특성 이미지를 사용합니다.
  • 초기화: 배너 미디어를 지우고 단색을 표시합니다.

Copied to clipboard!