사이트 언어에 따른 콘텐츠 표시 방법

작동 방식

사용자 지정 HTML 코드를 통해 특정 언어로 페이지를 보고 있는 사용자들에게만 특정 블록을 표시할 수 있으며 콘텐츠를 나눌 수 있습니다. 기존 솔루션 또는 자체 코드를 추가할 수 있습니다.

획득 방법

기존 솔루션 사용

1. 관리자 페이지에서 프로젝트를 엽니다.
2. 사이드 바에서 웹사이트 빌더를 클릭합니다.
3. 웹사이트 빌더 열기를 클릭합니다.
4. 헤더 블록에서 번역 구성 요소를 설정합니다.
5. 특정 블록에 대해 숨길 언어를 선택합니다.
6. 사용자 정의 코드 블록에 다음 코드를 삽입합니다.

 1<script>
 2  (function () {
 3    var blockArray = [
 4      {
 5        blockName: '.block--packs',
 6        blockNumber: 0
 7      },
 8      {
 9        blockName: '.block--description',
10        blockNumber: 0
11      }
12    ];
13
14    function removeBlock() {
15      setTimeout(function () {
16        blockArray.map(function (block) {
17          return document.querySelectorAll(block.blockName)[block.blockNumber];
18        })
19          .forEach(function (element) {
20            element && element.remove();
21          });
22      }, 0);
23    }
24
25    removeBlock();
26  })();
27</script>

7. blockArray 배열에서 사용자에게 선택한 언어에 대해 개별 블록을 표시하지 않으려면 블록 각각의 다음 매개변수를 수정합니다.
   • blockName - 블록의 CSS 클래스 이름. 사용 가능 옵션:
     • .block--header (헤더 블록)
     • .block--hero (콜투액션 블록)
     • .block--html (사용자 정의 코드 블록)
     • .block--packs (팩 블록)
     • .block--description (설명 블록)
     • .block--gallery (갤러리 블록)
     • .block--requirements (시스템 요구사항 블록)
     • .block--faq (FAQ 블록)
     • .block--embed (SNS 위젯 블록)
     • .block--news (뉴스 블록)
     • .block--footer (푸터 블록)
   • blockNumber - 블록 순서 번호. 최솟값은 0입니다.
8. 다음 미리보기를 클릭하면 변경 사항을 볼 수 있습니다.

이 지침에 대한 튜토리얼 동영상 시청:

자체 코드 추가

1. 빌더에서 블록 추가를 클릭하고 사용자 지정 코드를 선택합니다.

2. 자체 코드를 블록에 삽입합니다.

유용한 링크