서식 있는 텍스트 편집기 사용

Shopify의 서식 있는 텍스트 편집기를 사용하여 온라인 스토어에 표시되는 텍스트의 서식과 스타일을 지정할 수 있습니다.

서식 있는 텍스트 편집기 사용 위치

서식 있는 텍스트 편집기를 사용하여 텍스트를 추가하거나 편집할 수 있는 스토어 내 위치는 다음과 같습니다.

서식 있는 텍스트 편집기로 HTML 콘텐츠 추가

서식 있는 텍스트 편집기를 사용하여 블로그 게시물, 페이지, 제품 설명 및 컬렉션 설명에 HTML 콘텐츠를 입력할 수 있습니다.

HTML 표시 버튼을 클릭하면 서식 있는 텍스트 편집기 내 콘텐츠에 대한 HTML 코드를 확인할 수 있습니다.

HTML 보기 상태에서 서식 있는 텍스트 편집기 내 콘텐츠를 다양하게 변경할 수 있습니다. HTML을 사용하여 이미지, 동영상, 표를 추가할 수 있고 콘텐츠 레이아웃 및 스타일을 디버깅하거나 정밀하게 조정할 수 있습니다.

미디어 위젯 임베드

동영상이나 음악 위젯을 임베드하려면 먼저 Youtube, Vimeo, SoundCloud 같은 서비스에서 해당 위젯을 호스팅해야 합니다. 이러한 서비스에서는 임베드 코드를 생성하며 해당 코드를 복사하여 Shopify 관리자 서식 있는 텍스트 편집기에 붙여넣을 수 있습니다.

단계:

  1. 임베드할 미디어의 임베드 코드를 찾습니다.

  2. 임베드 코드를 클릭하고 PC의 경우 ctrl+A를, Mac의 경우 command+A를 눌러 전체 임베드 코드를 선택합니다.

  3. PC의 경우 ctrl+C를, Mac의 경우 command+C를 눌러 임베드 코드를 복사합니다.

  4. Shopify 관리자에서 편집 중인 콘텐츠에 대한 서식 있는 편집기의 HTML 표시 버튼을 클릭합니다.

  5. PC의 경우 ctrl+V를, Mac의 경우 command+V를 눌러 임베드 코드를 붙여넣습니다.

  6. 편집 중인 페이지에서 저장을 클릭하여 변경 사항을 저장합니다.

서식 있는 텍스트 편집기로 텍스트 서식 지정

서식 버튼을 사용하면 단락, 제목 또는 인용문을 빠르게 생성할 수 있습니다. 적합한 서식과 제목 수준을 사용하면 사람들이 스토어 웹사이트 콘텐츠를 읽는 데 도움이 되며 검색 엔진에서도 쉽게 인식할 수 있습니다.

텍스트 서식을 선택하려면 텍스트를 강조 표시한 다음 서식 버튼을 클릭합니다.

서식 옵션

  • 단락

    스토어 웹사이트의 텍스트 콘텐츠 대부분은 단락 텍스트입니다. 단락 텍스트의 경우 보통 10~12포인트 글꼴 크기를 사용하지만 일부 테마에서는 다른 크기를 사용하기도 합니다.

  • 제목(1~6)

    제목은 콘텐츠 구조화에 사용됩니다. 제목 수준에는 6가지가 있습니다. 제목 1의 중요도가 가장 높고 제목 6의 중요도가 가장 낮습니다.

  • 인용문

    인용문은 책 또는 웹사이트의 인용문이나 발췌문 같은 타인 소유 텍스트를 표시하는 데 사용됩니다.

굵은 텍스트

텍스트를 굵게 표시하려면 텍스트를 강조 표시하고 굵게 버튼을 클릭합니다.

기울임꼴 텍스트

텍스트를 기울임꼴로 표시하려면 텍스트를 강조 표시하고 기울임꼴 버튼을 클릭합니다.

글머리 기호 목록 생성

글머리 기호 목록을 생성하려면 글머리 기호 목록 버튼을 클릭합니다.

데이터를 입력하면 글머리 기호 목록 항목을 생성할 수 있습니다.

새 목록 항목을 생성하려면 enter 또는 return 키를 누릅니다. 목록을 마치려면 enter 또는 return 키를 두 번 누릅니다.

번호 매기기 목록 생성

번호 매기기 목록을 생성하려면 번호 매기기 목록 버튼을 클릭합니다.

데이터를 입력하면 번호 매기기 목록 항목을 생성할 수 있습니다.

새 목록 항목을 생성하려면 enter 또는 return 키를 누릅니다. 목록을 마치려면 enter 또는 return 키를 두 번 누릅니다.

텍스트 들여쓰기

단락을 들여쓰려면 들여쓰기 버튼을 클릭합니다.

단락을 들여쓰면 단락 왼쪽에 여백이 생깁니다.

텍스트 들여쓰기 취소

단락 들여쓰기를 취소하거나 "내어쓰기"하려면 내어쓰기 버튼을 클릭합니다.

단락 들여쓰기를 취소하면 모든 들여쓰기 여백이 제거됩니다.

텍스트 정렬

텍스트를 정렬하려면 텍스트를 선택하고 정렬 버튼을 클릭한 다음 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬 중 선택합니다.

서식 있는 텍스트 편집기로 텍스트 색상 변경

단계:

  1. 텍스트를 강조 표시하고 색상 버튼을 클릭합니다.

  2. 색상을 클릭하여 강조 표시된 텍스트를 해당 색상으로 변경합니다.

텍스트 배경색 변경

단계:

  1. 텍스트를 강조 표시하고 색상 버튼을 클릭합니다.

  2. 배경색…을 클릭합니다.

  3. 색상을 클릭하여 강조 표시된 텍스트의 배경색을 해당 색상으로 변경합니다.

서식 있는 텍스트 편집기에서 서식 지우기

텍스트 또는 이미지에서 서식을 지우려면 콘텐츠를 강조 표시한 다음 서식 지우기 버튼을 클릭합니다.

서식 있는 텍스트 편집기로 표 삽입

서식 있는 텍스트 편집기를 사용하여 블로그 게시물, 페이지, 제품 설명 및 컬렉션 설명에 표를 삽입할 수 있습니다. 표 생성 후에는 표에 텍스트와 이미지는 물론 동영상까지 배치할 수 있습니다.

단계:

  1. 서식 있는 텍스트 편집기에서 표 삽입 버튼을 클릭합니다.

  2. 표 삽입을 클릭하여 표를 삽입합니다.

    행 1개와 열 1개가 있는 표가 생성됩니다.

표를 생성한 후에는 표 삽입 버튼을 다시 클릭하여 표의 행과 열을 수정합니다.

  • 위에 행 삽입: 행에 커서를 놓고 이 버튼을 클릭하여 위쪽에 새 행을 삽입합니다.
  • 아래에 행 삽입: 행에 커서를 놓고 이 버튼을 클릭하여 아래쪽에 새 행을 삽입합니다.
  • 앞에 열 삽입: 열에 커서를 놓고 이 버튼을 클릭하여 해당 열 앞쪽에 새 열을 삽입합니다.
  • 뒤에 열 삽입: 열에 커서를 놓고 이 버튼을 클릭하여 해당 열 뒤쪽에 새 열을 삽입합니다.
  • 행 삭제: 삭제할 행에 커서를 놓고 이 버튼을 클릭합니다.
  • 열 삭제: 삭제할 열에 커서를 놓고 이 버튼을 클릭합니다.
  • 표 삭제: 표의 아무 위치에 커서를 놓고 이 버튼을 클릭하여 전체 표를 삭제합니다.

서식 있는 텍스트 편집기로 링크 삽입

서식 있는 텍스트 편집기를 사용하여 블로그 게시물, 페이지, 제품 설명 및 컬렉션 설명에 링크(하이퍼링크)를 삽입할 수 있습니다. Shopify 온라인 스토어 내 페이지 및 다른 웹사이트로 고객을 리디렉션하는 링크를 추가할 수 있습니다. 고객이 연락할 수 있도록 이메일 메시지를 열거나 전화를 걸 수 있는 링크를 추가할 수도 있습니다.

단계:

  1. 링크로 바꿀 텍스트나 이미지를 강조 표시합니다.

  2. 링크 삽입을 클릭합니다.

  3. 해당 링크의 대상 URL을 연결 대상 필드에 입력합니다.

- Shopify 스토어 외부 웹사이트로 연결하려면 http:// 다음에 웹 주소를 입력합니다(예: http://www.example.com). - Shopify 온라인 스토어 내 페이지로 연결하려는 경우 짧은 URL을 입력합니다(예: /collections/summer-collection). - 이메일 메시지를 여는 링크를 생성하려면 mailto: 다음에 이메일 주소를 입력합니다(예: mailto:example@example.com). - 전화를 걸 수 있는 링크를 생성하려면 tel: 다음에 전화 번호를 입력합니다(예: tel:+0-123-456-7890).

  1. 해당 링크에 대한 짧은 설명을 링크 제목 상자에 입력합니다.

  2. 이 링크를 열 위치 메뉴에서 링크를 여는 방식을 선택합니다.

- 같은 창: 사용자의 기존 브라우저 탭 또는 창에서 링크를 엽니다. - 새 창: 새 브라우저 탭 또는 창에서 링크를 엽니다.

  1. 링크 삽입을 클릭하여 강조 표시한 텍스트를 링크로 전환합니다.

서식 있는 텍스트 편집기로 내부 및 외부 링크 추가

Shopify 스토어 내 페이지로 연결되는 링크를 내부 링크라고 합니다. 짧은 URL을 사용하여 내부 링크를 생성할 수 있습니다. 예를 들어, /collections라는 URL은 스토어의 컬렉션 페이지로 연결됩니다.

컬렉션이나 제품 페이지 등 온라인 스토어의 특정 페이지로 연결하려면 /page-type/page-handle의 URL 형식을 사용하십시오. 예를 들어, Summer Collection이라고 생성한 컬렉션에 연결하려면 /collections/summer-collection이라는 URL을 사용하면 됩니다.

Shopify 스토어 외부 웹사이트로 연결되는 링크를 외부 링크라고 합니다. 외부 링크는 전체 형식으로 입력해야 하며 http://로 시작해야 합니다.

페이지 콘텐츠 내 파일로 연결

파일을 업로드하면 제품 또는 컬렉션 설명, 웹페이지, 블로그 게시물에서 다운로드할 수 있도록 서식 있는 텍스트 편집기에서 해당 파일을 콘텐츠로 연결할 수 있습니다.

단계:

  1. 연결하려는 파일의 URL을 복사합니다.

  2. Shopify 관리자에서 파일을 추가할 제품, 컬렉션, 웹 페이지 또는 블로그 게시물을 클릭합니다.

  3. 서식 있는 텍스트 편집기에서 링크 텍스트를 입력하거나 선택합니다. 예를 들어, 다음과 같은 링크 텍스트에 사이즈 조견표 PDF 링크를 추가할 수 있습니다. Click here to download our sizing chart.

  4. 링크 텍스트를 선택합니다.

  5. 링크 삽입을 클릭합니다.

  6. 연결 대상 필드에 연결하려는 파일의 URL을 붙여넣습니다.

  1. 링크 삽입을 클릭합니다. 서식 있는 텍스트 편집기에서 링크가 삽입된 텍스트는 밑줄이 추가된 파란색 텍스트로 표시됩니다.

서식 있는 텍스트 편집기로 이미지 삽입

다음과 같은 세 가지 방법으로 서식 있는 텍스트 편집기에서 이미지를 삽입할 수 있습니다. 이미지를 삽입하려면:

  • 이미지 업로드
  • 제품 이미지에서 선택
  • 공개 이미지 URL 사용

이미지 업로드

단계:

  1. 서식 있는 텍스트 편집기에서 이미지 삽입 버튼을 클릭합니다.

  2. 이미지 삽입 대화 상자에서 업로드한 이미지 탭을 클릭합니다.

  3. 파일 업로드를 클릭합니다.

  4. 컴퓨터에서 JPG 또는 PNG 형식 이미지 파일을 선택합니다.

  5. 업로드한 이미지를 클릭하여 선택합니다.

  6. 삽입 크기 메뉴에서 이미지 표시 크기를 선택합니다. 원본을 선택하면 표시 크기 변경 없이 이미지를 삽입할 수 있습니다.

  7. 이미지 삽입을 클릭하여 이미지를 서식 있는 텍스트 편집기에 표시합니다.

제품 이미지에서 선택

단계:

  1. 서식 있는 텍스트 편집기에서 이미지 삽입 버튼을 클릭합니다.

  2. 이미지 삽입 대화 상자에서 제품 이미지 탭을 클릭합니다.

  3. 삽입할 이미지를 클릭합니다.

    삽입할 제품 이미지가 보이지 않으면 화살표 버튼을 사용하여 다른 페이지를 살펴볼 수 있습니다.

  4. 삽입 크기 메뉴에서 이미지 표시 크기를 선택합니다. 원본을 선택하면 표시 크기 변경 없이 이미지를 삽입할 수 있습니다.

  5. 이미지 삽입을 클릭하여 제품 이미지를 서식 있는 텍스트 편집기에 표시합니다.

이미지 URL 사용

공개 URL을 사용하여 이미지를 삽입하려면:

  1. 서식 있는 텍스트 편집기에서 이미지 삽입 버튼을 클릭합니다.

  2. 이미지 삽입 대화 상자에서 URL 탭을 클릭합니다.

  3. 이미지 파일의 공개적으로 액세스 가능한 URL을 입력합니다.

  4. 이미지 삽입을 클릭하여 이미지를 서식 있는 텍스트 편집기에 원본 크기로 삽입합니다.

서식 있는 텍스트 편집기에서 이미지 이동 및 크기 조정

제품 또는 컬렉션 설명, 웹 페이지 또는 블로그에 이미지를 추가한 후에는 이미지를 콘텐츠 내 다른 위치로 이동할 수 있습니다.

단계:

  1. Shopify 관리자에서 이동 또는 크기 조정할 이미지를 포함한 제품, 컬렉션, 웹 페이지 또는 블로그 게시물을 클릭합니다.

  2. 서식 있는 텍스트 편집기에서 이미지를 클릭합니다.

  3. 변경을 수행합니다.

- 이미지를 이동하려면 콘텐츠 필드 내 다른 위치로 이미지를 클릭하고 끌어서 놓습니다. - 이미지 크기를 조정하려면 이미지의 모서리 하나를 클릭하고 끌어서 놓습니다.

  1. 저장을 클릭합니다.

서식 있는 텍스트 편집기에서 이미지 편집

서식 있는 텍스트 편집기에서 이미지의 크기, 텍스트 배치 및 정렬을 변경할 수 있습니다. 이미지 URL을 편집하거나 이미지 대체 텍스트를 추가 또는 편집할 수도 있습니다.

단계:

  1. 서식 있는 텍스트 편집기에서 이미지를 두 번 클릭하여 이미지 편집 대화 상자를 엽니다.

  2. 크기 및 정렬 옵션을 사용하여 다음과 같이 이미지를 편집할 수 있습니다.

- 이미지 크기를 변경하려면 크기 옵션을 선택합니다. - 새 이미지 URL로 변경합니다. - 온라인 스토어의 SEO 및 접근성을 개선하려면 이미지 대체 텍스트를 추가하거나 편집합니다. - 간격을 추가하려면 각 면에 추가할 간격의 픽셀 값을 입력합니다. - 이미지 정렬을 변경하려면 왼쪽, 가운데, 오른쪽 정렬을 나타내는 아이콘 중 선택합니다. - 텍스트 배치를 추가하려면 텍스트로 이미지 둘러싸기에 확인 표시합니다.

  1. 이미지 편집을 클릭하여 변경 사항을 저장합니다.

서식 있는 텍스트 편집기로 동영상 삽입

서식 있는 텍스트 편집기를 사용하여 블로그 게시물, 페이지, 제품 설명 및 컬렉션 설명에 동영상을 삽입하거나 임베드할 수 있습니다.

생성한 동영상을 임베드하려면 우선 YouTube 또는 Vimeo 같은 동영상 스트리밍 사이트에 해당 동영상을 업로드해야 합니다.

단계:

  1. PC의 경우 ctrl+C를, Mac의 경우 command+C를 눌러 동영상의 URL을 복사합니다.

  2. 응답형 임베드로 이동합니다. 응답형 임베드는 동영상에 대해 개선된 임베드 코드를 제공하는 툴입니다.

  3. 응답형 임베드에서 동영상이 있는 동영상 웹사이트를 클릭하여 선택합니다.

  4. PC의 경우 ctrl+V를, Mac의 경우 command+V를 눌러 응답형 임베드의 페이지 URL 상자에 동영상의 URL을 붙여넣습니다.

  5. 임베드를 클릭합니다. 응답형 임베드에서 임베드 코드가 생성됩니다.

  6. YouTube에 올린 동영상의 재생을 마친 후에 관련 동영상을 표시하지 않으려면 임베드 코드에서 동영상의 URL을 찾은 다음 ?rel=0을 따옴표 내부의 맨 끝에 복사하여 붙여넣습니다.

  7. 임베드 코드 상자 내 모든 코드를 복사합니다.

  8. Shopify 관리자에서 서식 있는 텍스트 편집기 내 동영상 삽입 버튼을 클릭합니다.

  9. 동영상 삽입 대화 상자 내 상자에 임베드 코드를 붙여넣습니다.

  10. 동영상 삽입을 클릭합니다.

  11. 작업을 마치면 저장을 클릭하여 편집 중인 항목에 대한 변경 사항을 저장합니다.

서식 있는 텍스트 편집기로 오디오 파일 삽입

서식 있는 텍스트 편집기를 사용하여 블로그 게시물, 페이지, 제품, 설명 및 컬렉션 설명에 오디오를 삽입하거나 임베드할 수 있습니다.

단계:

  1. Shopify 관리자에서 설정을 클릭한 다음 파일을 클릭합니다.

  2. 파일 업로드를 클릭하여 스토어에 삽입 또는 임베드할 오디오 파일을 업로드합니다.

  3. 온라인 스토어 섹션에서 오디오 파일을 표시할 페이지 또는 블로그 게시물에 대한 서식 있는 텍스트 편집기를 엽니다.

  4. <div id="player"><audio controls="controls">를 복사한 다음 서식 있는 텍스트 편집기에 해당 코드를 붙여넣어 페이지에 오디오 플레이어를 임베드합니다.

  5. 다음 코드를 복사합니다.

    <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>

    서식 있는 텍스트 편집기에서 오디오 플레이어 코드 다음에 이 코드를 붙여넣은 다음, https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3를 Shopify에 오디오 파일 업로드 시 생성한 오디오 URL로 교체합니다. 파일 페이지에서 언제든지 오디오 파일의 URL을 확인할 수 있습니다.

  6. 저장을 클릭합니다.

  7. 보기를 클릭하여 오디오가 올바르게 재생되는지 확인합니다.

서식 있는 텍스트 편집기에서 내부 주석 추가 또는 제거

<!----> 주석 태그를 스토어에 게시하지 않을 내부 텍스트에 사용할 수 있습니다.

단계:

  1. 서식 있는 텍스트 편집기에서 HTML 표시 버튼을 클릭합니다.

  2. 내부 주석을 추가하려면 숨길 텍스트를 <!----> 사이에 배치합니다(예: <!--yourtext-->).

  3. 저장을 클릭합니다.

주석 태그 사이에 배치된 HTML 태그는 내부 텍스트로 저장됩니다. HTML 태그가 올바르게 작동하려면 해당 태그를 둘러싼 <!----> 주석 태그를 제거해야 합니다.

주석 태그 제거

서식 있는 텍스트 편집기 사용 위치

현재 Shopify 앱에서 서식 있는 텍스트 편집기를 사용하여 제품에 설명을 추가할 수 있습니다. 페이지, 블로그 또는 컬렉션에 텍스트를 추가하려면 웹 브라우저의 Shopify 관리자에서 작업을 수행해야 합니다.

서식 있는 텍스트 편집기로 텍스트 서식 지정

서식 있는 텍스트 편집기를 사용하여 여러 방식으로 텍스트의 서식을 지정할 수 있습니다.

  • 굵은 텍스트
  • 기울임꼴 텍스트
  • 텍스트에 밑줄 표시
  • 텍스트 정렬
  • 목록 생성

굵은 텍스트

텍스트를 굵게 표시하려면 텍스트를 강조 표시하고 굵게 버튼을 탭합니다.

기울임꼴 텍스트

텍스트를 기울임꼴로 표시하려면 텍스트를 강조 표시하고 기울임꼴 버튼을 탭합니다.

텍스트에 밑줄 표시

텍스트에 밑줄을 표시하려면 텍스트를 강조 표시하고 밑줄 버튼을 탭합니다.

텍스트 정렬

단계:

  1. 텍스트 편집기에서 정렬할 텍스트를 강조 표시합니다.
  2. 정렬 버튼을 탭합니다.
  3. 정렬 옵션 하나를 탭하여 왼쪽 정렬, 가운데 정렬 또는 오른쪽 정렬을 선택합니다.

목록 생성

텍스트 편집기를 사용하여 텍스트에 글머리 기호 목록 및 번호 매기기 목록을 추가할 수 있습니다.

단계:

  1. 텍스트 편집기에서 목록 버튼을 탭하여 두 가지 목록 옵션을 표시합니다.

  2. 글머리 기호 목록 또는 번호 매기기 목록 옵션을 탭하여 추가할 목록 유형을 선택합니다.

  3. 목록 항목을 입력합니다. 각 항목 입력 후 return을 탭하여 다음 줄로 이동하고 다른 항목을 입력합니다.

  4. 목록 입력을 마치면 return을 두 번 탭합니다.

서식 있는 텍스트 편집기로 링크 삽입

텍스트 편집기를 사용하여 텍스트에 링크를 추가할 수 있습니다.

  1. 텍스트 편집기에서 링크를 만들 단어를 선택합니다.

  2. 링크 버튼을 탭합니다.

  3. 링크 삽입 화면에서 링크의 URL을 입력합니다.

  4. 접근성 및 SEO에 사용되는 링크 제목을 입력합니다.

  5. 기본적으로 링크 대상은 같은 창에 열립니다. 링크가 다른 창에서 열리도록 설정하려면 새 창에서 링크 열기 옵션을 사용하도록 설정합니다.

  6. 저장을 탭합니다.

내부 및 외부 링크 생성

Shopify 스토어 내 페이지로 연결되는 링크를 내부 링크라고 합니다. 짧은 URL을 사용하여 내부 링크를 생성할 수 있습니다. 예를 들어, /collections라는 URL은 스토어의 컬렉션 페이지로 연결됩니다.

컬렉션이나 제품 페이지 등 온라인 스토어의 특정 페이지로 연결하려면 /page-type/page-handle의 URL 형식을 사용하십시오. 예를 들어, Summer Collection이라고 생성한 컬렉션에 연결하려면 /collections/summer-collection이라는 URL을 사용하면 됩니다.

Shopify 스토어 외부 웹사이트로 연결되는 링크를 외부 링크라고 합니다. 외부 링크는 http://로 시작해야 합니다.

서식 있는 텍스트 편집기 사용 위치

현재 Shopify 앱에서 서식 있는 텍스트 편집기를 사용하여 제품에 설명을 추가할 수 있습니다. 페이지, 블로그 또는 컬렉션에 텍스트를 추가하려면 웹 브라우저의 Shopify 관리자에서 작업을 수행해야 합니다.

서식 있는 텍스트 편집기로 텍스트 서식 지정

서식 있는 텍스트 편집기를 사용하여 여러 방식으로 텍스트의 서식을 지정할 수 있습니다.

  • 굵은 텍스트
  • 기울임꼴 텍스트
  • 텍스트에 밑줄 표시
  • 텍스트 정렬
  • 목록 생성

굵은 텍스트

텍스트를 굵게 표시하려면 텍스트를 강조 표시하고 굵게 버튼을 탭합니다.

기울임꼴 텍스트

텍스트를 기울임꼴로 표시하려면 텍스트를 강조 표시하고 기울임꼴 버튼을 탭합니다.

텍스트에 밑줄 표시

텍스트에 밑줄을 표시하려면 텍스트를 강조 표시하고 밑줄 버튼을 탭합니다.

텍스트 정렬

단계:

  1. 텍스트 편집기에서 정렬할 텍스트를 강조 표시합니다.
  2. 정렬 버튼을 탭합니다.
  3. 정렬 옵션 하나를 탭하여 왼쪽 정렬, 가운데 정렬 또는 오른쪽 정렬을 선택합니다.

목록 생성

텍스트 편집기를 사용하여 텍스트에 글머리 기호 목록 및 번호 매기기 목록을 추가할 수 있습니다.

단계:

  1. 텍스트 편집기에서 목록 버튼을 탭하여 두 가지 목록 옵션을 표시합니다.

  2. 글머리 기호 목록 또는 번호 매기기 목록 옵션을 탭하여 추가할 목록 유형을 선택합니다.

  3. 목록 항목을 입력합니다. 각 항목 입력 후 return을 탭하여 다음 줄로 이동하고 다른 항목을 입력합니다.

  4. 목록 입력을 마치면 return을 두 번 탭합니다.

서식 있는 텍스트 편집기로 링크 삽입

텍스트 편집기를 사용하여 텍스트에 링크(하이퍼링크)를 추가할 수 있습니다.

  1. 텍스트 편집기에서 링크를 만들 단어를 선택합니다.

  2. 링크 버튼을 탭합니다.

  3. 링크 삽입 화면에서 링크의 URL을 입력합니다.

  4. 접근성 및 SEO에 사용되는 링크 제목을 입력합니다.

  5. 기본적으로 링크 대상은 같은 창에 열립니다. 링크가 다른 창에서 열리도록 설정하려면 새 창에서 링크 열기 옵션을 사용하도록 설정합니다.

  6. 확인 표시를 탭하여 링크를 저장합니다.

내부 및 외부 링크 생성

Shopify 스토어 내 페이지로 연결되는 링크를 내부 링크라고 합니다. 짧은 URL을 사용하여 내부 링크를 생성할 수 있습니다. 예를 들어, /collections라는 URL은 스토어의 컬렉션 페이지로 연결됩니다.

컬렉션이나 제품 페이지 등 온라인 스토어의 특정 페이지로 연결하려면 /page-type/page-handle의 URL 형식을 사용하십시오. 예를 들어, Summer Collection이라고 생성한 컬렉션에 연결하려면 /collections/summer-collection이라는 URL을 사용하면 됩니다.

Shopify 스토어 외부 웹사이트로 연결되는 링크를 외부 링크라고 합니다. 외부 링크는 http://로 시작해야 합니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험