로고에 링크거는 방법
본문
https://www.designesia.com/themes/modis/index-3.html
위의 반응형테마 소스를 보고 연습중인데, 로고에 메인으로 가는 링크를 걸고 싶어서요.
크롬 개발자도구를 보면 소스가
<li class="logo_pos">
<img class="c_logo_light" src="images/logo.png" style="margin-top: -15px;">
<img class="c_logo_dark" src="images/logo_light.png" style="margin-top: -15px;">
</li>
이렇게 나오는데요.
해당 페이지에 보면 class="logo_pos" 로 되어있는 부분 자체가 없네요.
메인로고에 링크를 거는 방법이 있을까요?
스타일시트에 가서 .logo_pos 로 검색해 보면
header.header_center .logo_pos img{
margin:-15px 40px 0 40px;
}
이런 부분이 있기는 한데요.
그외의 부분은 찾을 수가 없네요.
위의 소스에서 메인로고에 링크를 걸 수 있는 방법을 알 수 있을까요?
답변 6
https://www.designesia.com/themes/modis/js/designesia.js
7번째 줄부터 제이쿼리로 표기되어있네요.
212번 째줄에 <a> 태그삽입하시면되실것같아요
정말 너무너무 감사 드려요. 아무리 찾아도 없어서 너무 답답했었네요. 진심으로 감사합니다.
소스보기 하면
| <!-- logo begin --> | |
| <div id="logo"> | |
| <a href="index.html"> | |
| <img class="logo logo_dark_bg" src="images/logo.png" alt=""> | |
| <img class="logo logo_light_bg" src="images/logo_light.png" alt=""> | |
| </a> | |
| </div> | |
| <!-- logo close --> |
부분 있네요
a tag 넣으세요
그 부분은 모바일사이즈로 축소 되었을때의 링크고요.
PC사이즈에서는 .logo_pos 로 적용되는 것 같은데, .logo_pos 자체가 어디있는지 찾을 수가 없네요.
변수로 되어있다거나 뭐 php로 넣었다거나 그럴수도있고
클래스명은 아니까
정 코드를 못찾겠으면
자바스크립트나 제이쿼리 클릭이벤트로 넘겨도되긴함
$(".logo_pos").on('click', ~~~
location.href(<?php echo G5_URL?>);
뭐 이런식으로
답변 감사 드립니다. 혹시 조금더 자세한 예시소스를 부탁 드려도 될까요?
메인메뉴 중간에 pc로고가 들어가있네요
<ul id="mainmenu">
<li></li>
<li></li>
<li></li>
<li></li>
<li class="logo_pos">
<img class="c_logo_light" src="images/logo.png" style="margin-top: -15px;">
<img class="c_logo_dark" src="images/logo_light.png" style="margin-top: -15px;">
</li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
네~ 그런데 개발자도구에서는 그 부분이 있는데요. 실제 인덱스파일에서는 그 부분이 없어서요.ㅠ.ㅠ
인덱스 말고 테마 head.php 파일을 한번 살펴보세요.
에디커로 이미지 파일명으로 전체소스 검색하세요.
