추가 컨텐츠

추가 콘텐츠는 우리의 새로운 기능입니다. 추가 콘텐츠를 사용하면 웹사이트의 어느 곳에나 원하는 콘텐츠를 배치할 수 있습니다. 각 페이지 유형별로 다수의 위치가 제공되며, 해당 위치 이전이나 이후에 콘텐츠를 배치할 수 있습니다.

추가 콘텐츠 필드는 Appearance → Customise → Additional Content에서 찾을 수 있습니다.

그것은 맞춤 광고, 단축 코드, 간단한 HTML 콘텐츠 또는 그 외의 것일 수 있습니다!

예시

필드가 원시 HTML을 받아들이므로, 여러분의 편의를 위한 몇 가지 유용한 예시가 있습니다:

컨테이너 안의 콘텐츠

<div class="cs-container">
여러분의 콘텐츠가 여기에 옵니다.
</div>

패딩 및 배경이 있는 컨테이너 안의 콘텐츠

<div style="padding: 30px; background: #eeeeee;">
<div class="cs-container">
여러분의 콘텐츠가 여기에 옵니다.
</div>
</div>

상단 및 하단 마진이 있는 컨테이너 안의 콘텐츠

<div class="cs-container" style="margin-top: 30px; margin-bottom: 30px;">
여러분의 콘텐츠가 여기에 옵니다.
</div>

패딩 및 배경이 있는 전체 너비 콘텐츠

<div style="padding: 30px; background: #eeeeee;">
여러분의 콘텐츠가 여기에 옵니다.
</div>

반응형 콘텐츠

사용자의 뷰포트 크기에 따라 다른 콘텐츠(예: 반응형 광고)를 표시할 수 있습니다.

예를 들어:

<img src="test.com/image.jpg" class="cs-d-lg-none">
<img src="test.com/image.jpg" class="cs-d-none cs-d-lg-block">

이 코드는 모바일에서 첫 번째 이미지를 표시하고(데스크톱에서는 숨김) 데스크톱에서 두 번째 이미지를 표시합니다(더 작은 화면에서는 숨김). lg(데스크톱)를 md (태블릿) 또는 sm (모바일)로 교체하여 원하는 대로 조정하세요.