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

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

    • 서식 있는 컨텐츠에 탭을 추가하면 사용자가 다양한 탭을 선택하여 그 안에 연결된 컨텐츠를 표시할 수 있으므로 효율적으로 탐색할 수 있습니다.

    시작하기 전에

    필요한 역할: sn_cd.content_manager

    새 컨텐츠 양식 필드를 채웁니다. 서식 있는 컨텐츠 작성 문서를 참조하십시오.

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

    이 태스크 정보

    탭 아래에 이미지, 비디오, 텍스트, 텍스트 섹션, 링크, 링크 블록 또는 버튼과 같은 다른 구성요소를 추가할 수 있습니다. 탭 구성 요소를 캔버스에 놓으면 탭 아래에 다른 구성 요소를 끌어 놓을 수 있는 영역이 나타납니다.
    주:
    탭 기능이 활성화되지 않은 경우 응용 프로그램을 다시 설치 콘텐츠 게시 해 보십시오.

    프로시저

    1. 새 컨텐츠 양식의 디자인 탭에서 편집기 열기 버튼을 선택하여 캔버스로 이동합니다.
    2. 서식 있는 콘텐츠 편집기 캔버스에서 끌어서 놓기 방법을 사용하여 탭을 추가할 수 있습니다.
      서식 있는 컨텐츠 편집기 - 탭
    3. 탭을 더 추가하려면 전체 탭 구성요소를 선택하고 설정 > 속성.
      항목 추가 단추를 클릭하여 탭을 더 추가
    4. 캔버스에 추가한 탭을 선택합니다.
    5. 탭의 색상을 변경하려면 먼저 색상표를 클릭합니다.
    6. 설정 탭에서 스타일 지정을 선택합니다.
    7. 표시할 색상을 나타내는 색상 코드를 입력합니다.
      모든 HTML 색상이 지원됩니다. 자세한 내용은 HTML 색 이름을 참조하십시오.
    8. 또는 배경색 필드 오른쪽에 있는 색상 선택기(회색 사각형)를 선택할 수 있습니다.

      서식 있는 컨텐츠 편집기 - 색상 선택기

    9. 나타나는 색상표를 클릭합니다.
      서식 있는 컨텐츠 편집기 - 색상표
    10. 색상표에서 색상을 선택한 후 오른쪽에 있는 슬라이드 바를 사용하여 색상을 미세 조정합니다.
      막대를 위아래로 밉니다.

      서식 있는 컨텐츠 편집기 - 색상표 슬라이드 바

    11. 아래쪽 슬라이드 막대를 사용하여 색상을 밝게 또는 어둡게 할 수 있습니다.
      서식 있는 컨텐츠 편집기 - 하단 슬라이드 막대
      주:
      변경 내용을 미리 보고 탭을 선택하면 탭의 색상이나 윤곽선에 포털 테마의 기본 색상이 표시될 수 있습니다.
    12. 탭 제목을 강조 표시하고 덮어써서 탭에 나타나는 텍스트를 편집하거나 변경할 수 있습니다.
    13. 탭을 선택한 다음 고급 스타일 지정을 선택하여 각 탭의 크기와 탭 제목의 글꼴을 편집할 수 있습니다.
    14. 캔버스에 추가한 탭 아래 영역에 다른 구성 요소를 놓을 수 있습니다.

      서식 있는 컨텐츠 편집기 - 고급 스타일 지정

      표 1. 고급 스타일
      필드 설명
      너비 각 탭을 선택하고 너비 드롭다운을 사용하여 각 탭의 너비를 편집합니다. 선택 항목은 다음과 같습니다.
      • auto: 크기는 탭 내의 콘텐츠를 기반으로 합니다. 탭에 추가 텍스트를 입력하면 너비가 자동으로 증가합니다.
      • px: 픽셀을 측정값으로 사용합니다.
      • %: 백분율을 측정값으로 사용합니다.
      높이 각 탭을 선택하고 높이 드롭다운을 사용하여 각 탭의 높이를 편집합니다. 선택 항목은 다음과 같습니다.
      • auto: 크기는 탭 내의 콘텐츠를 기반으로 합니다. 탭에 추가 텍스트를 입력하면 너비가 자동으로 증가합니다.
      • px: 픽셀을 측정값으로 사용합니다.
      • %: 백분율을 측정값으로 사용합니다.
      글꼴 이름 드롭다운을 선택하여 특정 글꼴을 선택합니다.
      글꼴 크기 숫자를 입력하여 글꼴 크기를 변경하거나 위쪽 및 아래쪽 화살표를 사용하여 글꼴을 더 작게 또는 크게 만듭니다.
      글꼴 가중치 버튼의 텍스트가 얼마나 굵게 또는 밝게 나타나는지를 결정합니다. 드롭다운 화살표를 선택하여 다른 가중치를 선택합니다.
      줄 높이 텍스트 줄 사이의 거리를 결정합니다. 위쪽 및 아래쪽 화살표를 사용하여 선 높이를 더 작게 또는 더 크게 만듭니다.
      글꼴 색상 글꼴의 색상을 정의합니다.

      글꼴 색상 필드 오른쪽에 있는 색상 선택기(회색 사각형)를 선택합니다.

      색상표를 클릭하고 원하는 색상을 선택합니다.

      오른쪽과 하단의 슬라이드 바를 사용하여 색상을 미세 조정합니다.
      주:
      변경 내용을 미리 보고 탭을 선택하면 텍스트 색에 포털 테마의 기본 색상이 표시될 수 있습니다.
    15. 속성 아래의 제목 필드를 편집합니다.
      입력한 텍스트는 탭에 대한 호버 텍스트로 나타나고 화면 판독기에서 이를 알려줍니다.
    16. 저장 또는 저장 후 종료를 선택합니다.
      저장을 선택하면 콘텐츠가 저장되고 서식 있는 콘텐츠 편집기 캔버스에 남아 있습니다. 저장 후 완료를 선택하면 기록이 저장되고 새 컨텐츠 양식으로 돌아갑니다.

    다음에 수행할 작업

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

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

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

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

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