<aside> 📢 코드를 수정하는 방법에 대한 설명(팁) 입니다.
</aside>
템하의 에디터에서는 코드를 직접 수정하고 커스텀 할 수 있습니다.
<aside> ❓ 템하의 에디터란?
1️⃣ [에디터 모드 작업 환경 살펴보기](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)
2️⃣ [템하의 기본 단위 (rem, px, em…)](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)
📄 페이지
1️⃣ ****페이지를 생성하는 방법
2️⃣ 페이지 명을 설정하는 방법
🧩 블록
2️⃣ 프로젝트 생성 시 블록을 가져오는 방법
3️⃣ 레이아웃 블록의 옵션 사용법
4️⃣ 헤더푸터 블록의 옵션 사용법
5️⃣ 블록 썸네일 교체 방법
6️⃣ 블록 키워드로 검색하기
⚙️ 설정
1️⃣ 페이지 설정
2️⃣ 페이지 설정 옵션
3️⃣ 프로젝트 설정
4️⃣ 프로젝트 설정 옵션
5️⃣ 리소스 설정
🎨 스타일
1️⃣ 스타일 가이드 위치
2️⃣ 스타일 가이드 옵션
🕹️ 제어판
1️⃣ 제어판의 위치
2️⃣ 제어판의 옵션
↗️ 내보내기
1️⃣ 내보내기의 위치
2️⃣ 소스 다운로드
3️⃣ FTP 업로드
4️⃣ 템하 IP 허용
🌐 웹 게시
1️⃣ 웹 게시의 위치
2️⃣ 웹 게시 방법
👥 협업
1️⃣ 협업 프로젝트의 위치
2️⃣ 협업자를 초대하는 방법
3️⃣ 협업 페이지 구분 방법
4️⃣ 코멘트의 위치
5️⃣ 코멘트를 작성하는 방법
6️⃣ 코멘트 입력창 버튼의 역할
7️⃣ 코멘트 관리 방법
⌨️ 코드 (블록수정방법)
1️⃣ 지도 수정방법
2️⃣ 비디오 코드수정 방법
</aside>
템플릿의 블록 중 지도가 들어간 블록에서 지도 영역을 원하는 주소로 변경하는 방법을 알아보겠습니다.
우선 위치 검색을 위해 "구글 지도” 링크에 접속해주세요.
구글 지도 링크에서 왼쪽 상단 검색창에 원하는 주소를 입력 후 검색해주세요.
검색 후 검색 상세 패널이 열리면 주소를 가져올 “**① 정확한 위치를 선택”**후 오른쪽 미리보기 화면에서 “② 공유” 버튼을 클릭해주세요.
공유 버튼을 클릭 후 뜨는 팝업창에서 “③ 지도퍼가기”를 클릭 후 “④ HTML복사” 버튼을 클릭합니다.
코드 적용방법은 아래와 같습니다.
템하 비디오의 노출 방식은 크게 2가지가 있습니다.
① 모달(팝업) 형태로 뜨는 비디오, ② 그 자리에서 바로 재생되는 블록
각 비디오 관련 코드는 아래와 같습니다.
① 모달(팝업) 형태로 뜨는 비디오
<!-- 모달형 비디오(유튜브,비메오) : 아이프레임 -->
<div class="videoset-button">
<img class="videoset-img" src="<https://picsum.photos/id/74/2000/2000>" alt="샘플이미지">
<span class="videoset-icon modalset-open-btn" data-modal-target="videoset-modal-a-1">
<img src="<http://183.111.144.101/temha/medias/icons/ico_s100_circle_play_black.svg>" alt="플레이 아이콘">
</span>
</div>
<!-- ▼ data-modal-target과 data-modal-id의 값은 같아야합니다. ▼ -->
<div class="modalset modalset-video" data-modal-id="videoset-modal-a-1">
<div class="modalset-content">
<button class="modalset-close" data-modal-close="modalset"></button>
<div class="modalset-body">
<iframe class="video" src="<https://www.youtube.com/embed/tg9--_QwtVM?autoplay=1&mute=1&loop=1&playlist=tg9--_QwtVM>" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- 모달형 비디오 : 비디오 태그 (내 mp4비디오로 삽입하고 싶을 때) -->
<div class="videoset">
<div class="videoset-button">
<img class="videoset-img" src="<https://picsum.photos/id/74/2000/2000>" alt="샘플이미지">
<span class="videoset-icon modalset-open-btn" data-modal-target="videoset-modal-a-3">
<img src="<http://183.111.144.101/temha/medias/icons/ico_s100_circle_play_black.svg>" alt="플레이 아이콘">
</span>
</div>
</div>
<div class="modalset modalset-video" data-modal-id="videoset-modal-a-3">
<div class="modalset-content">
<button class="modalset-close" data-modal-close="modalset"></button>
<div class="modalset-body">
<video class="video" src="<https://videos.pexels.com/video-files/1526909/1526909-hd_1280_720_24fps.mp4>" controls autoplay loop></video>
</div>
</div>
</div>