혹시 이런 기능이 되는 플러그인이나 방법 알수있을까요?

https://janggirentacar.com

여기 사이트를 보면 pc말고 모바일에서만 하단에 4가지의 상담신청,전화걸기 같은 기능을 어떻게 사용할 수 있을까요? 여기 사이트처럼 모바일에서만 보이고 플로팅배너처럼 고정되어 따라다니게요?

해당 기능이 되는 플러그인이나 방법을 알고 싶습니다
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    모바일에서만 보이는 건 미디어 쿼리에 대해 알면 도움이 되실 듯합니다.

    간단한 예제 코드를 작성해봤습니다.

    아래의 코드를 활용해보시겠어요?

    <style>
    .mobile { display: none; }
    
    @media screen and (max-width: 600px) {
    	.mobile { display: block; }
    }
    </style>
    
    <div class="mobile">mobile 화면에서만 보입니다.</div>

     

    하단에 고정되는 건 구글에 CSS Sticky Footer 키워드로 검색해보시면

    참고하실만한 자료가 많습니다.

    아래 간단한 예제도 참고해보시겠어요?

    https://www.w3schools.com/howto/howto_css_fixed_footer.asp

    고맙습니다.

  • 스레드봇님 감사합니다~~^^

    하지만 제가 워드프레스의 초보라.... 이걸 어디에 어떻게 삽입을 해야하는지... 알려주실 수 있나요?

    어떻게 시작해야하는지 모르겠어요ㅓ ㅠㅠ

  • 안녕하세요.

    워드프레스 사이트에서 푸터(footer)는 테마 쪽에서 표시하고 있습니다.

    테마 푸터를 수정하시려면

    워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 footer.php 파일을 수정해보시겠어요?

    또는 FTP로 접속해서 /wp-content/themes/사용중인테마/footer.php 파일을 수정해보세요.

     

    원하는 모양으로 레이아웃을 편집하시려면

    HTML과 CSS 코드에 대해 알면 도움이 됩니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기