티스토리 중에 반응형 스킨을 사용하신다면 마크쿼리를 모르시는 분이 없으리라 생각이 됩니다..
이번 마크쿼리 v4.0으로 릴리즈가 되면서 여러 기능이 추가가 되었는데요 그 중에 하나가 메인 슬라이드가 아닐까 합니다..
이 슬라이드 기능은 본인의 블로그를 알릴 수도 있는 것도 되겠지만 자신의 블로그 중에 인기 블로그를 이미지 슬라이드에 추가해 놓으면 더욱 더 빛 날 수가 있겠다고 할 수가 있겠습니다..
우선 마크쿼리 v4.0을 설치를 하면 기본적으로 검정과 회색의 마크쿼리 메인 슬라이드가 2개 있습니다..^^
이것을 본인의 취향에 맞게 수정을 하셔서 올리면 되겠는데요 우선 html을 열어 볼까요..
여기에서 <!– Cover 부분을 찾습니다..
아래의 부분을 보시면 data-slide-to=”0″ 과 data-slide-to=”1″을 보실 수가 있는데요 이것은 슬라이드가 되도록 설정을 해 두는 것 같습니다..
<li data-target=”#coverCarousel” data-slide-to=”0″ class=”active”></li><!– 1st image indicator –>
<li data-target=”#coverCarousel” data-slide-to=”1″></li><!– 2nd image indicator–>
그리고 아래와 같이 이미지 경로를 추가 합니다..
<div class=”carousel-inner”>
<div class=”item active”><a href=”#”><img class=”img-responsive” src=”./images/cover.jpg” alt=”cover-black”></a></div><!– first image –>
<div class=”item”><a href=”http://blog.stylez.kr/183″><img class=”img-responsive” src=”./images/cover1.jpg” alt=”exid”></a></div><!– 2nd image –>
저는 마크쿼리의 메인 슬라이드의 이미지보다 세로를 조금 작게 설정을 했습니다..
개인적으로 마크쿼리 이미지가 조금 큰 것 같다는 생각이 들어서..^^
일반스킨을 사용하는데 반응형은 잠점도 있지만 고칠부분이 많은게 흠이군요
그런 것 같아요..
일반 티스토리 스킨은 그냥 적용만 하면 거의 완료가 되는데 반응형은 그렇지가 않네요..^^
설 연휴 잘 보내시기 바랍니다..;);)
저는 코드는 건드린 것이 없는데 사진이 슬라이딩이 안되네요.ㅜㅜ
이미지 경로를 모두 적으셨네요..
저는 이미지 경로를 src=”./images/cover.jpg 으로 했거든요..
이렇게 수정해 보세요..!!
그 외는 다 똑같은데..
그렇다면 혹 왼쪽에 있는 SNS버튼 때문이 아닌지요..??
모바일상에서 이바구님 블로그를 보면 SNS버튼 때문에 블로그 메뉴가 정상적으로 나오지 않은 것 같아요..
한번 제거 해 보세요..
제 추측이긴 하지만 소셜버튼과 충돌이 있지 않았을까 합니다..!!
이미지 경로 그렇게 설정되어 있는데요.
반응형 사용하고 싶은데 리뉴얼하기가 귀찮아서 계속 미루고만 있네요! ㅎㅎ
저는 테스트버전부터 설치를 해서..
그래도 정식버전하고 이리저리 수정을 하니 시간이 좀 걸리네요..^^