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

작동 방식

콘텐츠를 구분하여 특정 언어로 페이지를 보는 사용자에게 특정 블록만 표시할 수 있습니다.

사용자

웹사이트 빌더와 이미 통합한 파트너.

획득 방법

  1. 게시자 계정 > 웹사이트 빌더로 이동.
  2. 헤더 블록에서, 번역 컴포넌트를 설정합니다.
  3. 특정 블록을 표시하지 않을 언어를 선택합니다.
  4. 다음 코드를 사용자 정의 코드 블록에 삽입합니다:

Copy
Full screen
Small screen
<script>
  (function () {
    var blockArray = [
      {
        blockName: '.block--packs',
        blockNumber: 0
      },
      {
        blockName: '.block--description',
        blockNumber: 0
      }
    ];

    function removeBlock() {
      setTimeout(function () {
        blockArray.map(function (block) {
          return document.querySelectorAll(block.blockName)[block.blockNumber];
        })
          .forEach(function (element) {
            element && element.remove();
          });
      }, 0);
    }

    removeBlock();
  })();
</script>

  1. blockArray 배열에서, 선택한 언어에 대하여 사용자에게 개별 블록을 표시하지 않으려면 각각에 대해 다음 매개변수를 수정하세요:
    1. 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 (푸터 블록)
    2. blockNumber - 블록 순서 번호. 최솟값은 0.
  2. 다음 미리보기를 클릭하면 변경 사항을 볼 수 있습니다.

이 레시피에 대한 예제 비디오 보기: