서식 있는 컨텐츠 편집기로 텍스트 또는 텍스트 섹션 추가

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

    • 서식 있는 콘텐츠 편집기 캔버스를 사용하여 콘텐츠에 텍스트 또는 텍스트 섹션을 추가합니다.

    시작하기 전에

    필요한 역할: sn_cd.content_manager

    모듈 또는 열을 사용하여 페이지 레이아웃을 생성합니다.

    이 태스크 정보

    • 텍스트 는 텍스트의 서식을 지정하고 정렬하는 도구를 제공합니다.
    • 텍스트 섹션 은 텍스트의 서식을 지정하고 정렬하는 도구와 헤드라인을 추가할 영역을 제공합니다.
      주:
      텍스트 섹션의 경우 헤드라인, 텍스트 및 컨테이너 설정이 별도로 구성됩니다.

    서식이 지정된 콘텐츠를 복사하여 서식 있는 콘텐츠 편집기에 붙여넣으면 콘텐츠가 원래 서식을 유지하고 새 텍스트 상자에 나타납니다. 또는 브라우저 도구 모음 옵션을 사용할 수 있습니다 편집 > 붙여넣기 및 일치 스타일 을 클릭하여 대상 텍스트 상자의 서식과 일치하는 일반 텍스트로 컨텐츠를 붙여 넣습니다.

    붙여넣기 동작:
    • 텍스트 상자를 클릭하여 붙여넣기: 콘텐츠가 커서의 위치에 나타납니다.
    • 전체 텍스트 상자를 선택하고 붙여넣기: 컨텐츠가 아래에 새로운 텍스트 상자에 나타납니다.

    프로시저

    1. 새 컨텐츠 양식의 디자인 탭에서 편집기 열기 버튼을 선택하여 캔버스로 이동합니다.
    2. 블록 열에서 끌어서 놓기 방법을 사용하여 텍스트 또는 텍스트 섹션 블록을 캔버스로 이동합니다.
    3. 열에 놓은 구성요소에 따라 텍스트 또는 텍스트와 헤드라인을 입력합니다.
    4. 설정 탭으로 이동합니다.
    5. 다음 스타일 지정 설정 중 하나를 사용합니다.
      표 1. 설정 옵션
      설정 필드 설명
      스타일링
      텍스트 스타일 서식이 미리 지정된 선택 항목을 선택하여 텍스트의 모양을 빠르게 변경할 수 있습니다. 다른 광고 제목이나 단락 스타일을 선택할 수 있습니다.

      헤드라인 1-6은 h1 - h6 HTML 태그에 해당합니다.
      텍스트 색상 이 드롭다운을 사용하여 텍스트 색상을 변경합니다.
      선택 항목은 다음과 같습니다.
      • 기본: 포털 테마로 정의된 기본 색상입니다.
      • 음소거: 포털 테마로 정의된 색상입니다.
      • 흰색: 텍스트의 색상을 흰색으로 변경합니다. 흰색 이외의 배경색을 사용할 때 유용합니다.

      텍스트 색상은 텍스트 색상에 대해 미리 정의된 CSS 클래스를 할당합니다.
      표시 동일한 열 내에 있는 여러 구성요소(예: 이미지 및 텍스트 구성요소)의 모양을 구성합니다. 다음 옵션 중에서 선택합니다.
      • 위쪽 및 아래쪽 (기본값): 이미지가 다른 구성요소 위에 나타납니다.
      • 나란히: 이미지가 표시되고 다른 구성요소가 옆에 표시됩니다.
      주:
      최상의 결과를 얻으려면 구성요소에 대해 동일한 표시를 설정하십시오. 예를 들어 열에 이미지와 텍스트 구성요소가 있고 이미지가 왼쪽에 표시되고 텍스트가 오른쪽에 표시되도록 하려면 두 구성요소의 표시 설정을 나란히로 변경합니다.
      텍스트 정렬 텍스트의 가로 맞춤을 결정합니다. 다음 중에서 선택합니다.
      • 왼쪽 맞춤
      • 가운데 맞춤
      • 오른쪽 맞춤
      • 양쪽 여백에 맞춰 정렬(텍스트가 양쪽 여백에 맞춰짐)
      고급 스타일
      패딩 텍스트와 텍스트 컨테이너의 테두리 사이의 간격을 픽셀 단위로 또는 전체 텍스트 컨테이너의 백분율로 설정합니다.

      위쪽, 오른쪽, 아래쪽 및 왼쪽의 패딩을 지정합니다.
      글꼴 이름 문자를 렌더링하는 데 사용되는 글꼴면을 정의합니다.

      드롭다운 화살표를 클릭하여 다른 글꼴을 선택합니다.
      글꼴 크기 글꼴 크기를 설정합니다.
      글꼴 가중치 텍스트가 얼마나 굵게 또는 밝게 나타나는지를 결정합니다.

      드롭다운 화살표를 클릭하여 다른 가중치를 선택합니다.
      줄 높이 두 줄의 텍스트 사이의 세로 거리를 설정합니다.
      글꼴 색상 포털 테마의 글꼴 색상을 재정의합니다.

      색상을 선택하려면 16진수 코드를 입력하거나 색상 선택기(글꼴 색상 오른쪽에 있는 회색 사각형)를 클릭하고 색상표에서 색상을 선택합니다.
      속성
      ID HTML 요소를 식별하는 고유 ID입니다.
      제목 사용자가 구성요소 위로 마우스를 가져갈 때 나타나는 텍스트입니다.
    6. 저장 또는 저장 후 종료를 선택합니다.
      저장을 선택하면 콘텐츠가 저장되고 서식 있는 콘텐츠 편집기 캔버스에 남아 있습니다. 저장 후 완료를 선택하면 기록이 저장되고 새 컨텐츠 양식으로 돌아갑니다.

    다음에 수행할 작업

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

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

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

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

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