텍스트·동영상·이미지 슬라이드·코드 붙여넣기

사용 가능

이미지만으로 부족할 때 쓰는 콘텐츠 블록입니다. 모두 왼쪽 목록 콘텐츠 묶음에 있고, 넣는 방법은 다른 블록과 같습니다. → 블록 추가하고 순서 바꾸기

#텍스트

제목이나 짧은 설명 문구를 넣습니다. 이미지 안에 글자를 박아 넣는 것보다 고치기 쉽고, 기기마다 줄바꿈이 알맞게 됩니다.

글꼴을 "페이지 기본 글꼴 따름"으로 두면 랜딩 전체 글꼴을 따라갑니다. 전체 글꼴은 페이지 푸터·글꼴·배경에서 정합니다.

#동영상

스크린샷 준비 중/l/[id]/design · 동영상 블록 편집 칸, 종류·화면 비율·바로 재생 옵션

종류에서 셋 중 하나를 고릅니다.

• 유튜브 · 비메오 — 영상 주소를 붙여 넣습니다. 유튜브 쇼츠 주소도 됩니다.
• 영상 파일 올리기 — 가지고 있는 영상 파일을 직접 올립니다. 유튜브 표시가 없습니다.

#영상 파일 올리기

광고용으로 받은 영상은 용량이 커서, 디비풀은 올리기 전에 브라우저 안에서 영상을 줄입니다.

1. 파일을 고르면 원본 크기·길이·용량이 보입니다.
2. 쓸 구간(몇 초부터 몇 초까지)을 정합니다.
3. 가로 720px, 소리 없이, 약 8MB 안팎으로 줄여 올립니다. 영상을 재생하면서 담기 때문에 영상 길이만큼 시간이 걸리고, 그동안 화면을 닫으면 안 됩니다.
4. 줄인 결과가 30MB를 넘으면 올라가지 않습니다. 구간을 더 짧게 잡아 보세요.

#재생 설정

#영상 아래 설명 띠

영상 밑에 한 줄 설명을 붙입니다. 비워 두면 띠가 나오지 않습니다. 시간에 따라 문구를 바꾸고 싶으면 자막처럼 시작 초 + 문구를 줄마다 쌓습니다. 적은 시각부터 다음 줄 전까지 그 문구가 보이고, 마지막 문구는 영상이 끝날 때까지 남습니다.

#이미지 슬라이드

여러 장을 한자리에서 자동으로 넘깁니다. 후기 사진, 시공 전후 사진처럼 같은 크기의 이미지 묶음에 맞습니다.

1. ＋ 사진 올리기로 여러 장을 올리거나 주소로 넣기로 넣습니다.
2. **▲ ▼**로 넘어가는 순서를 정합니다.
3. 자동 전환(초) 에 몇 초마다 넘길지 적습니다. 처음 값은 4초입니다.

사진 크기가 서로 다르면 슬라이드 높이가 가장 긴 사진에 맞춰집니다. 크기를 맞춰 올리는 편이 깔끔합니다.

#코드 붙여넣기

가지고 있는 HTML 조각을 그대로 보여 줍니다. 직접 만든 배너, 외부 위젯 같은 것을 넣을 때 씁니다.

• 붙여 넣은 <script>도 실행됩니다. 믿을 수 없는 곳에서 받은 코드는 넣지 마세요.
• 평소에는 코드 위아래·좌우에 여백이 들어갑니다. 화면 위에 딱 붙는 고정 바나 전체 폭 배너라면 여백 없이 화면 꽉 채우기를 켭니다.
• 신청 폼 코드를 넣을 거라면 이 블록이 아니라 입력폼 블록의 코드로 직접을 쓰세요. 그래야 접수가 디비내역에 기록됩니다. → 외부 폼 붙이기

#그 밖의 블록

전환장치 묶음의 전화 상담 버튼(전화번호·버튼 문구)과 지도(카카오맵·네이버지도 '퍼가기' 코드 붙여넣기)도 같은 방식으로 넣습니다. → 마감·신청현황·개인정보 안심 블록

---

다음에 볼 글 — 입력폼 항목·필수·중복 차단 관련 기능 — 이미지 블록 랜딩 만들기