kboard 게시글에 이미지맵사용

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

kboard

 

2. 상세 내용

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

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

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

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

 

 

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

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

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

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

    고맙습니다.

  • 안녕하세요~^^ 

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

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

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

    고맙습니다.

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

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

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

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

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

    스크립트가 동작합니다.

     

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

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

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

    적용해보시겠어요?

    고맙습니다.

  • 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);
    }

    고맙습니다.

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

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

     

  • 한 줄로 했을 때 안된다면

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

    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;
    }

    고맙습니다.

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

     

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