iframe 자동높이 조절 에러 문의

 

안녕하세요.

아래 주소처럼 홈페이지에서 아이프레임으로 게시판을 불러와서 사용하려고 합니다. (스킨에 홈페이지 소스를 적용하면 퍼블리싱이 너무 깨져서요)

https://www.purple-k.net/sub/news_test.php

 

<iframe id="kboard-iframe-5" scrolling="no" src="/wp/?kboard_id=5" frameborder="0" width="960"></iframe>

다른 글들을 보니.. 이렇게 넣으면 아이프레임의 세로 스크롤 사이즈가 자동조절이 된다고 하셨는데..

비슷한 케이스를 검색해서 고쳐봤는데도 뭐가 문제인지 잘 안되네요. 확인 부탁드립니다 ㅜㅜ

 

 

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

    워드프레스 사이트를 멀티 사이트로 운영 중이신지요?

    A사이트에서 만든 게시판을 B사이트에도 사용하시려면

    B사이트의 게시판 페이지의 숏코드를 아래처럼 적용해보시겠어요?

    [kboard id="1" blog="1"]

    위의 숏코드에서 id는 A사이트에서 만든 실제 게시판 id로 변경하시고

    blog는 A사이트의 id로 적용해주시면 됩니다.

     

    사이트 id(blog)를 확인하시려면

    워드프레스 관리자 -> 네트워크 관리자 -> 사이트 -> 모든 사이트 페이지에 보시면 사이트 리스트가 있습니다.

    사이트를 클릭하시면 주소창을 확인해보시면 id=1 이런 식으로 표시됩니다.

     

    워드프레스 멀티 사이트가 아닐 경우,

    다른 웹사이트에서는 아이프레임의 높이(height)가 자동으로 조절되지 않기 때문에

    아이프레임 태그에 height 값을 충분히 높게 설정해주세요.

    고맙습니다.

  • 확인이 늦어서 죄송합니다. 

    일단 말씀하신 멀티사이트?? 라는 부분은 아닌것 같구요, 같은 도메인 내에서 사용중이고 다만 워드프레스틑 wp폴더 생성하여 설치하였습니다. 

     

    그리고.. 말씀하신 부분의 

    <사이트 id(blog)를 확인하시려면

    워드프레스 관리자 -> 네트워크 관리자 -> 사이트 -> 모든 사이트 페이지에 보시면 사이트 리스트가 있습니다.>

     

    워드프레스 관리자에는 "네트워크 관리자" 라는 메뉴가 없습니다... ;;; 어디서 봐야 하는걸까요?? 

     

     

  • 안녕하세요.

    네트워크 관리자 메뉴는 워드프레스를 멀티 사이트로 운영할 때 표시됩니다.

    멀티 사이트가 아닌 동일 도메인에서 특정 디렉토리에 워드프레스를 설치한 경우에도

    아이프레임의 높이가 자동으로 조절되지 않기 때문에

    아이프레임 태그에 height 값을 충분히 높게 설정해보시겠어요?

    고맙습니다.

  • 답변 감사드립니다.

    자꾸 번거롭게 해드려 죄송하지만;; 제가 잘 모르는 내용이 많아 추가로 문의드립니다. 

    아이프레임의 높이가 자동조절이 되지않으면 안되는 상황이라서요;; 

     

    1. 일단 이렇게 할수밖에 없었던 이유를 먼저 말씀드리면..

    제가 따로 작업한 퍼블리싱 소스를 그대로 스킨의 header 와 footer 파일에 적용하면, 

    내장되어있는 소스와 스타일 때문에 페이지가 깨져서 나오더라구요. 

    내장 소스와 스타일을 지우면, 오류가 나서 페이지가 제대로 안나오구요;; 

     

    이렇게 스킨을 사용하지않고 별도의 자체제작한 디자인을 입혀서 게시판만 쓰려고 하는 경우에 다른 방법이 있을까요??

    (현재는 그래서 header 와 footer를 숨김처리하고 내용부분만 나오게 한 상태로 아이프레임으로 쓰는 중입니다.)

     

    2. 말씀드린것처럼 현재는 기본파일과 워드프레스 파일의 디렉토리가 다른데요, 

    기본 파일들을 워드프레스가 설치된 파일과 같은 디렉토리로 복사해도 동일하게 나오는것 같습니다. 

    스킨이 아닌 제가 별도로 하드코딩한 페이지라서 워드프레스 페이지와의 호환?? 이 따로 되지않는것 같은데요 

    제가 뭔가 잘못 적용한건지.. 같은 디렉토리로 옮기기만하면 조절이 되는건가요?? 따로 워드프레스 내장 페이지나 새로이 생성된 페이지가 아니라도요?

     

    답변 부탁드립니다. 감사합니다. 

  • 실제 적용하신 코드가 어떻게 되시는지요?

    동일 도메인에서 아이프레임 코드 추가 시

    아래처럼 적용해보시겠어요?

    <?php $iframe_id = uniqid()?>
    <iframe id="kboard-iframe-<?php echo $iframe_id?>" src="페이지주소/?kboard_id=1&iframe_id=<?php echo $iframe_id?>" border="0" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

    위의 코드에서 페이지주소 부분은 실제 페이지주소로 적용해보세요.

    kboard_id=1 부분은 실제 게시판 id로 적용해보세요.

     

    위의 코드처럼 적용했는 데도 아이프레임 높이가 설정되지 않는다면

    개발자 도구(F12) Console 쪽에 에러 메시지가 표시되는지도 확인해보시겠어요?

    고맙습니다.

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