kboard 게시글에 이미지맵사용

1. 정확한 제품 또는 플러그인 이름

kboard

 

2. 상세 내용

안녕하세요 게시글에 이미지맵을 사용하려는데

https://www.cosmosfarm.com/threads/document/8754

위의 글을 보고 XSS비활성화를 하였습니다. pc에선 이미지맵이 잘 먹혀요! 다만 모바일에서 이미지맵이 안먹히는데 이런건 어떻게해야하나요??

3. 확인 가능한 상세 페이지 주소

 

 

4. 수정한 코드 내역 (있다면)

 

 

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

    확인가능한 링크를 남겨주시면

    조치를 취할 수 있는지 확인 후 안내드리겠습니다.

    고맙습니다.

  • 한 줄로 했을 때 안된다면

    게시판 관리->입력필드 설정->확장 필드에 있는

    HTML 필드를 추가 후

    우측에 있는 입력 필드 구조에 스크립트를 입력해보시겠어요?

     

    입력 후 테마 functions.php에

    아래의 코드를 입력한 뒤 적용되는지 확인해보시겠어요?

    add_filter('kboard_content', 'kboard_content_0512', 10 ,3);
    function kboard_content_0512($content, $content_uid, $board_id){
    	if($board_id == 1){ // 실제 게시판 id
    		$board = new KBoard($board_id);
    		$content .= $board->fields()->skin_fields['메타키']['html'];
    	}
    	return $content;
    }

    고맙습니다.

  • 안녕하세요 알려주신대로 한줄로 스크립트를 만들어서 넣었는데 

    오류는 안뜨지만 이미지맵 반응형이 안먹네용.. ㅠㅠ

     

  • F12를 눌러 개발자도구를 동작하여

    콘솔창에서 확인해보시면 요소를 확인해보시면

    스크립트 엔터마다 <br> 태그가 들어갑니다.

     

    게시판의 설계 구조상 엔터키는 <br>로 들어가도록 되어 있습니다.

     

    남겨주신 스크립트를 모두 한 줄로 만들어서 적용해보시거나

    테마 functions.php 파일 하단에 아래의 코드를 추가해보시겠어요?

    add_action('init', 'kboard_remove_filter_init');
    function kboard_remove_filter_init(){
        remove_filter('kboard_content_paragraph_breaks', 'kboard_content_paragraph_breaks', 10, 2);
        add_filter('kboard_content_paragraph_breaks', 'wpautop', 20, 2);
    }

    고맙습니다.

  • XSS 공격 차단을 비활성화 하셨다면

    글 작성 에디터를 textarea 또는 썸머노트로 사용하실 땐

    스크립트가 동작합니다.

     

    워드프레스 내장 에디터로 작성하시면

    자동으로 인코딩되어 원하시는 바와 다르게 동작할 수 있으므로

    글 작성 에디터를 textarea 또는 썸머노트로 설정 후

    적용해보시겠어요?

    고맙습니다.

  • 제 생각엔 이미지맵 좌표가 고정되어있어서  반응형이 안먹히는거같은데

    이미지맵반응형을 위한 스크립트를 게시글안에 넣어도될까요?

    텍스트로 작성하는 부분에 <script></script>태그를 넣어도 되나요?

  • 안녕하세요~^^ 

    문제 되는 페이지를 확인해본 결과 

    정확히 어떤 문제인지 파악이 안 됩니다 

    좀 더 구체적으로 말씀해 주시겠어요? 

    고맙습니다.

  • 아 그냥게시글안에 스크립트 다시 추가하였더니 반응형 이미지맵이 잘되네요 ! 감사합니다

     

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