사이트 언어에 따른 콘텐츠 표시 방법
작동 방식
사용자 지정 HTML 코드를 통해 특정 언어로 페이지를 보고 있는 사용자들에게만 특정 블록을 표시할 수 있으며 콘텐츠를 나눌 수 있습니다. 기존 솔루션 또는 자체 코드를 추가할 수 있습니다.
획득 방법
기존 솔루션 사용
- 관리자 페이지에서 프로젝트를 엽니다.
- 사이드 바에서 웹사이트 빌더를 클릭합니다.
- 웹사이트 빌더 열기를 클릭합니다.
- 헤더 블록에서 번역 구성 요소를 설정합니다.
- 특정 블록에 대해 숨길 언어를 선택합니다.
- 사용자 정의 코드 블록에 다음 코드를 삽입합니다.
Copy
- html
<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>
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
입니다.
- 다음 미리보기를 클릭하면 변경 사항을 볼 수 있습니다.
이 지침에 대한 튜토리얼 동영상 시청:
자체 코드 추가
- 빌더에서 블록 추가를 클릭하고 사용자 지정 코드를 선택합니다.
- 자체 코드를 블록에 삽입합니다.
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.유용한 링크
마지막 업데이트: 2024년 3월 26일오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.