애니빌드.LAB
Basic
모바일웹 만들기 6. 로고 변경, 간편디자인 활용, 전화걸기 링크
- Anybuild
- 2014-06-09 09:41:00
- hit1628
- http://lab.anybuild.co.kr/bbs/mission/1658
0. 개요
안녕하세요.
이번 강좌에서는 홈페이지를 완성하고, 모바일에서 활용 할 수 있는 부분을 추가해보도록 하겠습니다.
1. 카피라이트 정보 입력
[디자인관리 > 고급 디자인 관리 > 스킨 관리] 에서 스킨을 아래와 같이 수정 하시기 바랍니다.
<span cond= "$shop_base[company_name]">{$shop_base[company_name]}</span> /
<span cond= "$shop_base[ceo_name]">{$shop_base[ceo_name]}</span> <br>
<span cond= "$shop_base[regno]">사업자 번호 : {$shop_base[regno]}</span> <br>
<span cond= "$shop_base[comregno]">통신판매신고번호 : {$shop_base[comregno]}</span> <br>
<span cond= "$shop_base[help_email]">{$shop_base[help_email]}</span> /
<span cond= "$shop_base[help_tel]">{$shop_base[help_tel]}</span> <br>
<br>
<span>주소 : {$shop_base[addr1]} {$shop_base[addr2]}</span>
2. 로고 이미지 등록
[디자인관리 > 전문가 환경설정 > 간편디자인 환경설정] 으로 가셔서 아래와 같이 메뉴를 생성 합니다.
[간편디자인 코드 추가]를 클릭 하고, 아래와 같이 입력합니다.
생성된 로고의 간편디자인 코드 {$easy_design[logo]} 를 스킨소스에 붙여넣으시기 바랍니다.
PC웹처럼 실제로고도 등록해보고 확인해보세요.
3. 전화걸기 링크
스마트폰으로 모바일웹을 이용할 경우 기본정보의 고객센터 전화번호와 연동하여, 특정 버튼 터치시 바로 전화를 걸도록 설정을 할 수 있습니다.
먼저, 로고와 같은 방식으로 간편디자인에서 전화걸기 아이콘을 등록해 줍니다.
기본정보의 전화번호와 연동하기 위해서, 간편디자인에서는 연결주소를 넣지 않은 상태로 생성합니다.
생성된 전화걸기 간편디자인 코드를 이용하여 소스에 다음과 같이 붙여넣으시기 바랍니다.
<a href="tel:{$shop_base[help_tel]}">{$easy_design[tel]}</a>
이제 휴대폰에서 해당 버튼을 터치 하면, 기본정보에 등록된 고객센터 전화번호로 전화를 걸 수 있습니다.
(링크경로를 sms:{$shop_base[help_tel]} 와 같이 설정하여, 터치시 문자를 보내도록 할 수도 있습니다.)
모바일에서 직접 접속해서 완성된 사이트를 확인하시고, 전화도 걸어보세요.
이렇게 해서 모바일웹이 완성되었습니다.
정말 수고하셨습니다.




열기 닫기