오션 프랜차이즈 스킨 모바일 화면에서 썸네일이 나오지 않아 문의드립니다.

안녕하세요.

오션 프랜차이즈 스킨을 사용하고 있습니다.

PC 화면에서는 제가 업로드한 썸네일이 정상적으로 잘 노출이 되는데요.

모바일에서는 해당 썸네일이 노출이 되지 않아서 문의를 드립니다.

이전 질문들을 많이 검색했는데 해당 부분은 검색이 되지 않아 부득이 하게 문의를 드립니다.

 

감사합니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    올려주신 내용만으로는 원인을 파악하기 어렵습니다.

    모바일에서만 썸네일이 표시되지 않는다면

    테마 쪽에서 과도하게 CSS 코드를 사용하고 있을 가능성이 높습니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

    고맙습니다.

  • 안녕하세요. 답변주셔서 감사합니다.

    본 사이트 전에 시안으로 작업을하고 있는데 확인가능하신 주소는 아래와 같습니다.

    https://seocat.kr/tenga/

    감사합니다.

     

  • 답변주신 링크로 접속하여 확인 결과 

    모바일 쪽에서도 썸네일이 정상적으로 출력되는 것을

    확인하였습니다.

     

    캐시 문제일 수 있으니 Ctrl + Shift + R을 하여

    새로고침 후 확인해보시겠어요?

     

    캐시 리프래시 후에도 출력되지 않으신다면

    어떤 상황에서 출력이 안되는지 자세히 남겨주시면

    확인해보겠습니다.

    고맙습니다.

  • 답변해주셔서 정말 감사합니다.

    지금 확인해 보니 어제 이미지 출력이 안되서 이것저것 해보다가 이미지출력만 되는 css가 남아 있었던 것 같습니다.

    하지만 해당 상황에서는 이미지 밑에 항목들이 간격이 맞지 않는 현상이 있어서 적용이 어려울 것 같은 상황이라 포기하고 문의를 드린 상황이었습니다.

    현재는 해당 css는 다시 지워서 이미지는 안보이는 상태입니다.

    좀 더 상세하게 말씀을 드리면 PC 화면에서는 게시물에 제가 입력한 썸네일이 정상으로 잘 나옵니다.

    https://imgur.com/FMck8DQ

    해당 게시물을 모바일로 보게 되면 게시물의 정보(지역, 지점명, 주소 등..)은 나오는데 썸네일은 나오지 않습니다.

    https://imgur.com/1V3yK01

    제가 제대로 설명을 하지 못해 번거로운 상황이 되어서 죄송합니다.

     

     

     

  • wp-content/plugins/kboard/skin/ocean-franchise/document.php 파일에서

    아래의 코드를 찾은 후

    <div class="kboard-franchise-info">
    			<table>

    아래처럼 변경해주시겠어요?

    <div class="kboard-franchise-info">
    	<img class="kboard-franchise-thumbnail mobile" src="<?php echo $content->getThumbnail(200, 150)?>" alt="<?php echo esc_attr($content->title)?>">
    	<table>

     

    이후 테마 추가 css에 아래의 코드를 입력 후

    목적대로 표시되는지 확인해보시겠어요?

    #kboard-ocean-franchise-document .kboard-franchise-info .kboard-franchise-thumbnail.mobile {
        display: none;
    }
    
    @media screen and (max-width: 600px) {
    	#kboard-ocean-franchise-document .kboard-franchise-info .kboard-franchise-thumbnail.mobile {
    		display: block;
    		margin: 0 auto 20px;
    	}
    }

    고맙습니다.

  • 빠른 답변 해주셔서 정말 감사드립니다.

    다만 알려주신대로 php를 수정하고 추가 css 부분 역시 추가하였는데 여전히 모바일 사이즈에서는 이미지가 출력이 되지 않습니다.

    번거로우시겠지만 다시 한번 검토를 부탁드립니다.

    감사합니다.

     

     

     

     

  • 이전 댓글에 안내해드린 CSS 코드에 살짝 문제가 있었습니다.

    현재는 교체해두었으니 기존의 코드는 삭제하신 후

    바뀐 코드로 적용해서 확인해보시겠어요?

    고맙습니다.

  • 빠른 답변 주셔서 감사합니다.

    알려주신 변경된 CSS를 적용하니 모바일에서 이미지가 잘 나옵니다.

    정말 감사합니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기