서식 있는 컨텐츠 편집기로 이미지 추가

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 3분
  • 서식 있는 컨텐츠 편집기 캔버스를 사용하여 컨텐츠에 이미지를 추가합니다.

    시작하기 전에

    필요한 역할: sn_cd.content_manager

    새 컨텐츠 양식 필드에 내용을 입력합니다. 서식 있는 콘텐츠 생성 문서를 참조하십시오.

    모듈이나 열을 사용하여 페이지 레이아웃을 만듭니다.

    이 태스크 정보

    서식 있는 컨텐츠 편집기는 다음과 같은 유형의 이미지를 지원합니다.
    • .jpg
    • .png
    • .bmp
    • .gif
    • .jpeg
    • .ico
    • .svg
      주:
      콘텐츠 관리자와 관리자는 이미지를 포함하여 선택한 캔버스 요소에 배경색을 적용할 수 있습니다. 사용 가능한 기능에는 단색 및 그라데이션 색상 사용과 색상 불투명도 조정이 포함됩니다. 이러한 설정은 캔버스 요소에 서식 있는 콘텐츠를 추가할 때 설정 스타일 탭의 오른쪽 패널에서 액세스할 수 있습니다.

    프로시저

    1. 새 컨텐츠 양식의 디자인 탭에서 편집기 열기 버튼을 선택하여 캔버스로 이동합니다.
    2. 블록 열에서 드래그 앤 드롭 방법을 사용하여 이미지 구성 요소를 캔버스로 이동합니다.
    3. 파일 선택기 팝업을 클릭하여 이미지를 선택합니다.
      또는 이전에 이미지를 선택한 경우 이미지 선택 팝업의 오른쪽에 있는 사용 가능한 이미지에서 이미지를 선택합니다.서식 있는 컨텐츠 편집기 - 이미지 팝업
    4. 설정 탭으로 이동합니다.
    5. 다음 설정을 구성합니다.
      주:
      이미지, 비디오 또는 텍스트를 추가할 때 서식 있는 콘텐츠 및 뉴스 기사를 만드는 데 도움이 되는 몇 가지 기능적이고 편리한 스타일 지정 기능이 있습니다. 오른쪽 패널 옵션 중 일부에는 다양한 배경, 불투명도 및 그림자를 활성화하는 기능, 개선된 셀 및 단추는 추가 테두리 설정, 색상 및 유형뿐만 아니라 추가 텍스트 스타일, 색상 및 글꼴, 오른쪽 패널 속성 설정 개선을 포함하여 풍부한 콘텐츠를 만들 때 더 많은 옵션을 제공합니다.
      표 1. 설정 옵션
      설정 필드 설명
      스타일링
      표시 이미지 및 텍스트 구성요소와 같은 여러 구성요소의 모양을 동일한 열 내에서 구성합니다. 다음 옵션 중에서 선택합니다.
      • 상단 및 하단 (기본값): 이미지가 다른 구성요소 위에 나타납니다.
      • 나란히: 이미지가 옆에 다른 구성요소와 함께 나타납니다.
      주:
      최상의 결과를 얻으려면 구성요소에 대해 동일한 디스플레이를 설정하십시오. 예를 들어 열에 이미지와 텍스트 구성요소가 있고 이미지가 왼쪽에 표시되고 텍스트가 오른쪽에 표시되도록 하려면 두 구성요소의 표시 설정을 나란히로 변경합니다.
      가로 맞춤 컨테이너에서 이미지가 나타나는 위치를 구성합니다. 오른쪽, 가운데, 왼쪽 아이콘 중에서 선택합니다.
      고급 스타일

      이미지를 컨테이너에 삽입하면 기본적으로 이미지는 컨테이너의 전체 너비이며 높이는 이미지 크기에 따라 자동으로 조정됩니다.

      너비 및 높이 숫자를 입력하거나 이미지의 측면을 끌어 값을 지정합니다.
      측정 단위 선택:
      • px: 픽셀
      • %: 백분율
      패딩 패딩은 콘텐츠와 요소의 테두리 사이의 공간입니다. 숫자를 입력하여 위쪽, 아래쪽, 오른쪽 또는 왼쪽 패딩 값을 지정합니다.
      마진 여백은 행과 다른 요소/캔버스 경계 사이의 공간입니다. 숫자를 입력하여 위쪽, 아래쪽, 오른쪽 또는 왼쪽 패딩 값을 지정합니다.
      배경색 Background color to canvas 요소는 그라데이션, 색상 및 이미지에 대한 배경 옵션을 표시합니다. 토글을 켜고 배경 옵션을 선택합니다.
      주:
      Color Opacity(색상 불투명도)는 그라데이션 및 색상 레이어 옵션을 표시합니다. 배경 이미지 레이어가 첫 번째이기 때문에 불투명도는 관련이 없습니다. 그라데이션은 기본적으로 FFFFFFOOOOO 입니다.
      속성
      대체 텍스트 접근성을 위해 이미지의 모양이나 기능을 설명하십시오.
    6. 저장 또는 저장 후 완료를 선택합니다.
      저장을 선택하면 컨텐츠가 저장되고 서식 있는 컨텐츠 편집기 캔버스에 남아 있습니다. 저장 및 완료를 선택하면 기록이 저장되고 새 컨텐츠 양식으로 돌아갑니다.

    다음에 수행할 작업

    • (선택 사항) 콘텐츠를 번역합니다.

      컨텐츠의 언어 번역을 요청합니다. 자세한 내용은 콘텐츠 라이브러리의 다국어 지원 문서를 참조하십시오.

      주:
      콘텐츠 수정을 완료한 후에만 콘텐츠를 번역하십시오. 최상의 결과를 얻으려면 번역 후 구성요소를 추가 또는 제거하거나 서식을 변경하지 않는 것이 좋습니다.

      언어마다 서로 다른 형식의 서식 있는 콘텐츠를 만들려면 콘텐츠를 복제하고 필요한 경우 서식을 수정합니다. 그런 다음 대상을 사용하여 언어별로 사용자에게 콘텐츠를 타겟팅합니다. 대상 그룹 문서를 참조하십시오.

    • 게시 탭에서 컨텐츠를 미리 봅니다.
      주:
      콘텐츠 미리 보기는 콘텐츠의 모양에 대한 일반적인 아이디어를 제공하도록 설계되었습니다. 컨텐츠는 장치 해상도, 테마 차이 또는 모바일 앱 스타일 구성의 변화로 인해 게시 후 다르게 보일 수 있습니다.
    • 컨텐츠 제공 위치, 대상 그룹 및 사용 가능 컨텐츠에 대한 게시 계획 생성기간을 제어하도록 게시 계획을 구성합니다.