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

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기2분

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

    시작하기 전에

    필요한 역할: sn_cd.content_manager

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

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

    프로시저

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

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

      서식 있는 컨텐츠 편집기 캔버스에 1열, 2열 또는 3열을 놓으면 두 개의 구분 기호가 나타납니다. 외부 구분 기호에는 행이라는 레이블이 지정됩니다. 내부 구분 기호에는 셀이라는 레이블이 붙어 있습니다.

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

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

    다음에 수행할 작업

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

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