서식 있는 컨텐츠 편집기로 열 추가

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기2분

    • 서식 있는 컨텐츠 편집기 캔버스를 사용하여 페이지의 레이아웃을 정의하고 구성하는 데 도움이 되는 열을 생성합니다.

    시작하기 전에

    필요한 역할: sn_cd.content_manager

    새 컨텐츠 양식( 참조서식 있는 컨텐츠 작성)을 작성하고 서식 있는 컨텐츠 캔버스로 이동한 후 서식 있는 컨텐츠를 만들 수 있습니다.

    1, 2 또는 3개의 열을 추가할 수 있습니다. 각 열은 다른 구성요소의 컨테이너 역할을 합니다. 각 열 구성요소는 구성요소를 선택하고 설정에서 속성을 업데이트하여 편집할 수도 있습니다.
    주:
    열 내 셀의 최소 높이는 75px입니다. 셀 높이를 더 작게 설정하면 셀이 행을 오버플로합니다.

    프로시저

    1. 새 컨텐츠 양식의 디자인 탭에서 편집기 열기 버튼을 선택하여 캔버스로 이동합니다.
    2. 서식 있는 콘텐츠 편집기 캔버스에서 끌어서 놓기 방법을 사용하여 열을 추가할 수 있습니다.
      열은 생성 중인 콘텐츠의 컨테이너 역할을 합니다.

      서식 있는 컨텐츠 편집기 - 캔버스 및 열

      1 Column, 2 Column 또는 3 Column을 Rich Content Editor 캔버스에 놓으면 두 개의 구분 기호가 나타납니다. 외부 구분 기호에는 행이라고 표시됩니다. 내부 구분 기호에는 셀이라고 표시되어 있습니다.

    행 또는 셀에 배경색, 최대 너비 또는 패딩과 같은 스타일을 추가합니다. 스타일을 추가하지 않으려면 이 페이지 하단의 링크로 이동할 수 있습니다.
    1. 편집할 행 또는 셀을 선택합니다.
    2. 설정 탭으로 이동합니다.
    3. 다음 스타일 지정 설정 중 하나를 사용합니다.
      표 1. 스타일 지정 설정
      설정 필드 설명
      스타일링
      배경색 색상 선택기(회색 사각형)를 사용하여 색상을 선택하거나 표시할 배경색을 나타내는 색상 코드를 입력합니다.

      모든 HTML 색상이 지원됩니다. 자세한 내용은 HTML 색 이름을 참조하십시오.
      고급 스타일
      너비 숫자를 입력하거나 셀의 오른쪽을 끌어서 값을 지정합니다.
      측정 단위를 선택합니다.
      • px: 픽셀
      • %: 백분율
      높이 숫자를 입력하거나 행의 맨 아래를 끌어서 값을 지정합니다.
      측정 단위를 선택합니다.
      • px: 픽셀
      • %: 백분율
      패딩 패딩은 콘텐츠와 요소의 테두리 사이의 공간입니다. 숫자를 입력하여 위쪽, 아래쪽, 오른쪽 또는 왼쪽 패딩 값을 지정합니다.
      여백(행에만 해당) Margin은 행과 다른 요소/캔버스 경계 사이의 공간입니다. 숫자를 입력하여 위쪽, 아래쪽, 오른쪽 또는 왼쪽 패딩 값을 지정합니다.
      테두리(셀에만 해당) 너비, 테두리 스타일 및 색상을 정의합니다.
      테두리 반경(셀에만 해당) 반지름 설정은 테두리 구석을 반올림합니다.
      속성
      ID HTML 요소를 식별하는 고유 ID입니다.
      제목 사용자가 구성요소 위로 마우스를 가져갈 때 나타나는 도구 설명 또는 정보입니다.
    4. 저장을 선택합니다.

    다음에 수행할 작업

    더 많은 열을 추가하고 스타일을 지정하여 페이지의 모든 콘텐츠에 대한 레이아웃을 생성합니다.

    그런 다음 이미지, 비디오, 텍스트 상자 및 버튼과 같은 구성요소를 추가합니다.