Home 뉴버킷리스트 소개 가이드

문서샘플 이용하기 :: 오시는길(구글맵) 만들기

by 디자인솔 posted Mar 16, 2018
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

(공통설정)이란 모든 디자인솔 레이아웃에 해당하는 가이드입니다.

특정 레이아웃 이름이 나올때 구입하신 레이아웃으로 대체하여 진행하세요.

 

 

 

set_olive57.jpg

1. 레이아웃을 복사하여 본문페이지를 만드는법을 알려드렸는데요.

문서샘플 오시는길을 하나 더 만들어볼께요.

 

sample_common 폴더의 map.html 파일을 xe 에디터에 붙여넣기 하면 이렇게 출력되어요.

 

 

 

set_olive58.jpg

2. 사이트메뉴편집/페이지 폴더 클릭/ 메뉴 추가/ 위젯 페이지/ 메뉴 이름(오시는길), 메뉴 설명(오시는길), 메뉴 ID (map)/ 확인

 

 

 

set_olive59.jpg

3. 오시는길/디자인/레이아웃/ 사이트 디자인 사용을 off 로 한후 스크롤해서 two-column을 선택후 저장

 

 

 

set_olive60.jpg

4. 오시는길/ 상세 설정 클릭

 

 

 

set_olive61.jpg

5. 페이지 관리에서 map 클릭

 

 

 

 

set_olive62.jpg

6. 페이지 수정

 

 

 

set_olive63.jpg

7. 내용 직접 추가

 

 

 

set_olive64.jpg

8. 웹에디터에서 sample_common 폴더의 map.html을 오픈합니다.

(웹에디터 = 메모장, 에디트플러스, 드림위버, 앱타나스튜디오, 이클립스, 서브라임텍스트 등등)l

 

 

 

set_olive65.jpg

9. <iframe src="구글 실제 주소는 여기다 붙여넣으세요" width="100% ~~>

붉은색부분에 실제 주소를 넣는데요. 구글에서 주소를 가져오는 방법은 아래와 같습니다.

 

 

 

set_olive67.jpg

10. https://www.google.co.kr/maps 한국구글맵으로 이동하여 주소 입력후 공유 클릭

 

 

 

set_olive68.jpg

11. 지도 퍼가기에서 <iframe></iframe> 모두 복사

 

 

 

set_olive66.jpg

12. map.html을 모두 수정했다면 복사하여 xe 에디터에 "소스" 체크 후 붙여넣기한후 저장합니다. 

map 페이지를 브라우저로 확인합니다.

 


List of Articles
번호 제목 글쓴이 날짜 조회 수
19 게시판 이용하기 :: 스케치북5 게시판_스킨 설정(목록형, 웹진형) 1 file 디자인솔 2018.03.18 166
18 게시판 이용하기 :: 스케치북5 게시판_일반 설정 file 디자인솔 2018.03.16 35
» 문서샘플 이용하기 :: 오시는길(구글맵) 만들기 file 디자인솔 2018.03.16 111
16 (공통설정) 필수14 :: 통합검색, 커뮤니케이션 file 디자인솔 2018.03.16 14
15 (공통설정) 필수13 :: 회원가입과 회원가입 사용자 정의 항목 추가 file 디자인솔 2018.03.16 27
14 (공통설정) 필수12 :: 위젯페이지와 메뉴 링크하기, 홈페이지-첫페이지로 설정하기 file 디자인솔 2018.03.16 25
13 (공통설정) 필수11 :: 레이아웃 복사하여 서브 페이지(회사연혁) 만들기2 file 디자인솔 2018.03.16 50
12 (공통설정) 필수10 :: 레이아웃 복사하여 서브 페이지(회사연혁) 만들기1 file 디자인솔 2018.03.16 32
11 필수10 :: 뉴버킷리스트 풋터 file 디자인솔 2018.03.18 37
10 필수9 :: 뉴버킷리스트 섹션6 인포메이션 file 디자인솔 2018.03.18 39
9 필수8 :: 뉴버킷리스트 섹션5 게시판최근글(탭) file 디자인솔 2018.03.18 35
8 필수7 :: 뉴버킷리스트 섹션4 Product(좌측 슬라이드) file 디자인솔 2018.03.18 25
7 필수6 :: 뉴버킷리스트 섹션3 서비스 file 디자인솔 2018.03.18 33
6 필수5 :: 뉴버킷리스트 섹션2 퀵메뉴 file 디자인솔 2018.03.18 31
5 필수4 :: 뉴버킷리스트 섹션1 게시판 최근글(세로 슬라이드) file 디자인솔 2018.03.18 30
4 필수3 :: 뉴버킷리스트 슬라이드배너/페이지헤더 file 디자인솔 2018.03.18 54
3 필수2 :: 뉴버킷리스트 일반설정 file 디자인솔 2018.03.18 46
2 (공통설정) 필수1 :: 사이트맵 만들고 레이아웃 출력하기 file 디자인솔 2018.03.15 47
1 디자인솔 반응형웹 템플릿 "뉴버킷리스트" 설치경로 디자인솔 2018.03.18 212
Board Pagination Prev 1 Next
/ 1

반응형웹

DESIGNSOL

Clean Design,
Easy Setting,
Available for many sites를 추구하는 디자인솔의 반응형웹 템플릿 뉴버킷리스트입니다. Self 사이트 제작하거나 의뢰하실수 있습니다.

CONTACT US

고객센터 : 010-1234-1234

고객센터 : 02-1234-1234

팩스 : 02-1234-1234

이메일 : abc@email.com

업무시간 : 09:00~18:00 토공휴일 휴무

주소 : 주소입력

xedemo.cafe24.com

대표 : 대표 이름

사업자 등록 번호 : 1234-12-12345

통신 판매업 신고 번호 : 통신판매업 신고번호

Copyright 2014~ designersol.co.kr. All rights reserved.