에티테마

메인 페이지 이미지 4장으로 교체하고 싶어요..

페이지 정보

작성자 no_profile 백작 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 22-08-19 20:09

본문

테마명 :t31

안녕 하세요?

메인 페이지가 로딩에 영향을 주는 거 같아요.. 그래서 동일한 사이즈 4장 정도로 교체하고 사이즈는 1080*600  정도로 하려고 합니다. 어떻게 수정해야 하는지 궁금 합니다. 



* css , js 작업완료 후에는 CTRL + SHIFT 누른 상태에서 R 을 눌러서 강력 세로고침을 해주세요!

1. 무료테마, 유료테마 모두 이용이 가능합니다.
2. 글작성시에는 되도록 많은 정보를 알려주셔야 합니다.
3. 민감한 내용이나 정보 등은 비밀코멘트로 남겨주세요~
4. 스크린샷등이나 해당 주소등을 남겨주시면 빠르게 답변이 가능합니다.~
5. 보통 코멘트는 24시간 이내 해드리고 있습니다.
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요~

우선 메인이미지 슬라이드는 보통 해상도가 1920 또는 2560 가로 사이트를 사용하기 때문에 이미지가 생각보다 큽니다.
그렇기 때문에 이미지 해상도를 줄이시기 보다는 확장자를 변경하셔서 용량을 줄이셔야 합니다.
현재 이미지의 용량이 얼마나 되는지 체크해주세요.
jpg 로 이미지로 변환하여 사용하기를 권장해드립니다.
포토샵등의 툴로 jpg 로 변환하시거나 하면 용량이 줄어들게 됩니다.



이미지 추가의 경우
이미지를 4장을 만드시거나 더 추가하여 만드실 수 있습니다.
슬라이드에 대한 소소코들 복사해서 동일하게 추가해서 사용해주시면 됩니다.


<!-- 이미지 -->
<div class="item image">
<figure>
<div class="slide-image slide-media" style="background-image:url('https://via.placeholder.com/2560x550');"><!-- 이미지 -->
<img data-lazy="https://via.placeholder.com/2560x550" class="image-entity" /><!-- 이미지 -->
</div>
<figcaption class="caption ko lh1-5"><i class="material-icons f60 icon_ve">add_ic_call</i> 5.4 유튜브 3단 슬라이드<div class="small-text mt20">반응형으로 제작된 홈페이지 입니다.</div></figcaption>
</figure>
</div>


위 같은 내용을 동일하게


<!-- 이미지 -->
<div class="item image">
<figure>
<div class="slide-image slide-media" style="background-image:url('https://via.placeholder.com/2560x550');"><!-- 이미지 -->
<img data-lazy="https://via.placeholder.com/2560x550" class="image-entity" /><!-- 이미지 -->
</div>
<figcaption class="caption ko lh1-5"><i class="material-icons f60 icon_ve">add_ic_call</i> 5.4 유튜브 3단 슬라이드<div class="small-text mt20">반응형으로 제작된 홈페이지 입니다.</div></figcaption>
</figure>
</div>


<!-- 이미지 -->
<div class="item image">
<figure>
<div class="slide-image slide-media" style="background-image:url('https://via.placeholder.com/2560x550');"><!-- 이미지 -->
<img data-lazy="https://via.placeholder.com/2560x550" class="image-entity" /><!-- 이미지 -->
</div>
<figcaption class="caption ko lh1-5"><i class="material-icons f60 icon_ve">add_ic_call</i> 5.4 유튜브 3단 슬라이드<div class="small-text mt20">반응형으로 제작된 홈페이지 입니다.</div></figcaption>
</figure>
</div>

위 처럼 계속 추가하실 수 있습니다.

Total 747건 1 페이지
질문답변 목록
번호 제목 날짜
공지
시간 : 08-23
08-23
공지
시간 : 06-18
06-18
공지
시간 : 07-29
07-29
공지
시간 : 03-19
03-19
743
시간 : 09-25
09-25
742
시간 : 09-23
09-23
741
시간 : 09-23
09-23
740
시간 : 09-20
09-20
739
슬라이드 댓글+ 2
시간 : 09-16
09-16
738
시간 : 09-16
09-16
737
시간 : 09-16
09-16
736
시간 : 09-15
09-15
735
시간 : 09-15
09-15
734
시간 : 09-15
09-15
733
시간 : 09-14
09-14
732
시간 : 09-06
09-06
731
시간 : 09-06
09-06
730
시간 : 09-05
09-05
729
시간 : 09-04
09-04
728
시간 : 08-29
08-29
727
시간 : 08-26
08-26
726
시간 : 08-25
08-25
725
시간 : 08-25
08-25
724
시간 : 08-24
08-24
723
시간 : 08-22
08-22
722
시간 : 08-21
08-21
열람중
시간 : 08-19
08-19
720
시간 : 08-19
08-19
719
시간 : 08-18
08-18
718
시간 : 08-18
08-18
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼
 커뮤니티