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

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

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

    시작하기 전에

    필요한 역할: sn_cd.content_manager

    새 컨텐츠 양식 필드를 채웁니다. 서식 있는 컨텐츠 만들기 참조

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

    이 태스크 정보

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

    프로시저

    1. 새 컨텐츠 양식의 Design 탭에서 Open editor 버튼을 선택하여 캔버스로 이동합니다.
    2. 서식 있는 컨텐츠 편집기 캔버스에서 끌어서 놓기 방법을 사용하여 탭을 추가할 수 있습니다.
      서식 있는 컨텐츠 편집기 - 탭
    3. 캔버스에 탭을 추가한 후 설정 탭을 선택합니다.
    4. 캔버스에 추가한 탭을 선택합니다.
    5. 탭의 색상을 변경하려면 먼저 색상 팔레트를 클릭합니다.
    6. Settings( 설정 ) 탭에서 Styling(스타일링)을 선택합니다.
    7. 표시할 색상을 나타내는 색상 코드를 입력합니다.
      모든 HTML 색상이 지원됩니다. 자세한 내용은 HTML 색 이름을 참조하십시오.
    8. 또는 배경색 필드 오른쪽에 있는 색상 선택기(회색 사각형)를 선택할 수 있습니다.

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

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

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

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

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

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

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

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

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

    다음에 수행할 작업

    • 새 컨텐츠 양식에서 컨텐츠를 미리 봅니다.
      주:
      컨텐츠 미리 보기는 컨텐츠가 어떻게 보이는지 알려주도록 설계되었습니다. 컨텐츠가 게시되면 장치 해상도, 테마 차이 또는 모바일 앱 스타일 구성의 변화로 인해 다르게 보일 수 있습니다.
    • (선택 사항) 콘텐츠를 번역합니다.

      다른 언어를 선택하여 세션을 보거나 생성 중인 컨텐츠의 언어 번역을 요청합니다. 자세한 내용은 콘텐츠 경험 및 콘텐츠 게시의 언어 지원 문서를 참조하십시오.

      언어 설정 드롭다운 메뉴를 사용하여 세션을 볼 다른 언어를 선택하거나 생성 중인 컨텐츠의 언어 번역을 요청합니다.
      • 언어 전환: 이를 통해 시스템 설정 언어를 다른 언어로 전환할 수 있습니다. 이는 로그인 시 언어를 변경하는 것과 유사합니다. 자세한 내용은 콘텐츠 게시에 대한 언어 변경 문서를 참조하십시오.
      • 컨텐츠 번역: sn_cd.enable_localization_framework_integration 시스템 속성을 활성화하면 컨텐츠 라이브러리에서 생성된 컨텐츠에 언어 설정 드롭다운에서 선택한 번역 컨텐츠가 표시됩니다. 이렇게 하면 선택한 언어로 컨텐츠에 대한 번역을 요청할 수 있습니다. 자세한 내용은 현지화 프레임워크 앱과의 통합 문서를 참조하십시오.
        주:
        컨텐츠 수정을 완료한 후에만 컨텐츠를 번역합니다. 최상의 결과를 얻으려면 구성 요소를 추가 또는 제거하거나 번역 후 서식을 변경하지 않는 것이 좋습니다.

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

    • 컨텐츠가 제공되는 위치, 대상 및 컨텐츠를 사용할 수 있는 컨텐츠에 대한 게시 계획 생성기간을 제어하도록 게시 계획을 구성합니다.