---
sourceDocument: 요코하마 직원 서비스 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - ko-KR

ft:publication_title :

    - 요코하마 직원 서비스 관리

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# 서식 있는 컨텐츠 편집기로 링크 또는 링크 블록 추가

# 서식 있는 컨텐츠 편집기로 링크 또는 링크 블록 추가 {#ariaid-title1}

* 릴리스 버전: Yokohama
* 
* 업데이트 날짜 2025년 01월 30일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 3분

서식 있는 컨텐츠 편집기 캔버스를 사용하여 링크 또는 링크 블록을 추가하여 사용자를 다른 컨텐츠나 웹 페이지로 리디렉션합니다. 링크는 텍스트 상자를 제공하고 링크 블록을 사용하면 링크 역할을 하는 이미지를 추가할 수 있습니다.

## 시작하기 전에

필요한 역할: sn_cd.content_manager  
모듈이나 열을 사용하여 페이지 레이아웃을 만듭니다.

* 모듈은 헤더, 단락 텍스트 및 이미지로 구성된 미리 정의된 컨텐츠 레이아웃입니다. [서식 있는 컨텐츠 편집기로 사전 정의된 컨텐츠 레이아웃 추가](https://servicenow-prod.fluidtopics.net/Wj6EP0YPnBK8~31jQNvPmQ "모듈을 사용하여 헤더, 단락 텍스트 및 이미지가 포함된 새 컨텐츠 레이아웃을 쉽게 추가할 수 있습니다. 세 개의 세로 카드, 세 개의 가로 카드 또는 텍스트 블록의 오른쪽에 이미지가 있는 나란히 구성으로 구성된 레이아웃 중에서 선택합니다.") 참조
* 열은 사용자 지정 레이아웃을 정의할 수 있는 컨테이너입니다. [서식 있는 컨텐츠 편집기로 열 추가](https://servicenow-prod.fluidtopics.net/rkT~219jJVioI8Uq8vcyUQ "서식 있는 컨텐츠 편집기 캔버스를 사용하여 페이지의 레이아웃을 정의하고 구성하는 데 도움이 되는 열을 생성합니다.") 참조
{#ec-rich-content-link-block__ul_jzv_qft_wxb}

## 프로시저

1. 새 컨텐츠 양식의 디자인 탭에서 편집기 열기 버튼을 선택하여 캔버스로 이동합니다.
2. 서식 있는 컨텐츠 편집기 캔버스에서 링크 또는 링크 블록을 끌어서 놓습니다.
3. 설정 탭으로 이동합니다.
4. 다음 설정을 구성합니다.  
   {#ec-rich-content-link-block__table_zx2_tgw_jyb__entry__2}

   | 설정 필드 | 설명 |
   |-|-|
   | 스타일링 ||
   | 배경색 | 링크 컨테이너의 배경색을 설정합니다. 색상을 선택하려면 16진수 코드를 입력하거나 색상 선택기(글꼴 색상 오른쪽의 회색 사각형)를 클릭하고 색상표에서 색상을 선택합니다. |
   | 표시(링크만 해당) | 이미지 및 텍스트 구성요소와 같은 여러 구성요소의 모양을 동일한 열 내에서 구성합니다. 다음 옵션 중에서 선택합니다. * 상단 및 하단 (기본값): 이미지가 다른 구성요소 위에 나타납니다. * 나란히: 이미지가 옆에 다른 구성요소와 함께 나타납니다. {#ec-rich-content-link-block__ul_f4z_hxk_gvb} 주: 최상의 결과를 얻으려면 구성요소에 대해 동일한 디스플레이를 설정하십시오. 예를 들어 열에 이미지와 텍스트 구성요소가 있고 이미지를 왼쪽에 표시하고 텍스트를 오른쪽에 표시하려면 두 구성요소의 표시 설정을 나 란히 변경합니다. |
   | 고급 스타일 ||
   | 패딩 | 패딩은 콘텐츠와 요소의 테두리 사이의 공간입니다. 숫자를 입력하여 상단, 하단, 오른쪽 또는 왼쪽 패딩 값을 지정합니다. |
   | 글꼴 이름(링크만) | 문자를 렌더링하는 데 사용되는 글꼴 페이스를 정의합니다. 드롭다운 화살표를 클릭하여 다른 글꼴을 선택합니다. |
   | 글꼴 크기(링크만) | 글꼴 크기를 설정합니다. |
   | 글꼴 두께(링크만) | 텍스트가 굵게 또는 밝게 표시되는 정도를 결정합니다. 드롭다운 화살표를 클릭하여 다른 가중치를 선택합니다. |
   | 줄 높이(링크만 해당) | 두 텍스트 줄 사이의 세로 거리를 설정합니다. |
   | 글꼴 색(링크만 해당) | 포털 테마의 글꼴 색을 재정의합니다. 색상을 선택하려면 16진수 코드를 입력하거나 색상 선택기(글꼴 색상 오른쪽의 회색 사각형)를 클릭하고 색상표에서 색상을 선택합니다. |
   | 속성 ||
   | 제목 | 사용자가 링크 또는 링크 블록 위로 마우스를 가져갈 때 나타나는 텍스트입니다. |
   | URL | 웹 페이지 또는 콘텐츠의 위치입니다. 사용자가 버튼을 선택할 때 대상으로 지정할 전체 URL 주소를 입력합니다. |
   | 목표 | 버튼이 사용자를 안내하는 위치를 나타냅니다. 선택 항목은 다음과 같습니다. * 이 창: 버튼을 선택하면 표시한 창과 동일한 창에 콘텐츠가 열립니다. * 새 창: 버튼을 선택하면 컨텐츠가 새 창에서 열립니다. {#ec-rich-content-link-block__ul_whz_wjk_bvb} |
   [표 1. 설정 옵션]

   {#ec-rich-content-link-block__table_zx2_tgw_jyb}
5. 링크 블록을 추가한 경우 이미지를 링크 블록으로 끌어서 놓습니다.  
   이미지 구성에 대한 자세한 내용은 다음 문서를 참조하십시오 [서식 있는 컨텐츠 편집기로 이미지 추가](https://servicenow-prod.fluidtopics.net/jniIXHRNNrV5W53frHdd_Q "서식 있는 컨텐츠 편집기 캔버스를 사용하여 컨텐츠에 이미지를 추가합니다.").
6. 저장 또는 저장 후 완료를 선택합니다.  
   저장을 선택하면 컨텐츠가 저장되고 서식 있는 컨텐츠 편집기 캔버스에 남아 있습니다. 저장 및 완료를 선택하면 기록이 저장되고 새 컨텐츠 양식으로 돌아갑니다.

## 다음에 수행할 작업

* (선택 사항) 콘텐츠를 번역합니다.컨텐츠의 언어 번역을 요청합니다. 자세한 내용은 [콘텐츠 라이브러리의 다국어 지원](https://servicenow-prod.fluidtopics.net/D_0k5oZDS9qSzzsKT3GJoA "콘텐츠 라이브러리에는 다국어 콘텐츠 제작을 위한 두 가지 기능인 콘텐츠 번역(콘텐츠 번역 워크플로우) 및 언어 전환(인터페이스 언어 변경)이 포함되어 있습니다.") 문서를 참조하십시오.{#ec-rich-content-link-block__p_vtc_nfg_h1c}

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

  언어마다 서로 다른 형식의 서식 있는 콘텐츠를 만들려면 콘텐츠를 복제하고 필요한 경우 서식을 수정합니다. 그런 다음 대상을 사용하여 언어별로 사용자에게 콘텐츠를 타겟팅합니다. [대상 그룹](https://servicenow-prod.fluidtopics.net/ANUHnH3dP7cKp4M7dYYvFA "대상 기록이 있는 지정된 대상에 대한 포털 콘텐츠 및 수명주기 이벤트 활동의 대상 지정") 참조
* 게시 탭에서 컨텐츠를 미리 봅니다.  
  주:  
  콘텐츠 미리 보기는 콘텐츠의 모양에 대한 일반적인 아이디어를 제공하도록 설계되었습니다. 컨텐츠는 장치 해상도, 테마 차이 또는 모바일 앱 스타일 구성의 변화로 인해 게시 후 다르게 보일 수 있습니다.
* 컨텐츠 제공 위치, 대상 그룹 및 사용 가능 [컨텐츠에 대한 게시 계획 생성](https://servicenow-prod.fluidtopics.net/wJ31j~A1oHBtO06fQ0aBkw "컨텐츠 라이브러리에서 컨텐츠를 만든 후 하나 이상의 게시 계획을 추가하여 컨텐츠 제공 위치, 대상 그룹 및 사용 가능 기간을 제어합니다.")기간을 제어하도록 게시 계획을 구성합니다.
{#ec-rich-content-link-block__ul_ogf_pv5_nyb}