글에 유튜브 링크를 단순히 미디어추가 > URL에서 삽입하기를 써서 하는데
모바일에서 유튜브가 고정폭을 벗어나 버립니다.
테마는 newscard 입니다.
테마 옵션에 레이아웃 설정하는게 있는데
Global Layout SettingBelow options are global setting. Set individual layout from specific page/post.
아래 4개가 선택가능
Right Sidebar
Left Sidebar
No Sidebar
No Sidebar Full Width
4개다 해봐도 다 벗어나 버리네요
이걸 해결할 방법이 없을까요?
그렇다고 모든 유튜브를 다 iframe 로 사이즈를 줘서 가져올수도 없고..
사이트 주소는
http://9988k.phps.kr
안녕하세요~^^
올려주신 페이지에서 아이프레임 영역이 테마에서 설정한 너비를 벗어나는 문제는
워드프레스 관리자 -> 테마 디자인(외모) -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#content .entry-content iframe { max-width: 100%; }
CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후 확인해보세요.
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
고맙습니다.
감사합니다..
좌우폭이 테마에 맞게 고정이 되었습니다..
그런데 상하폭은 여전히 크네요
혹시나 해서 width 를 height 로 바꿔서 추가 적용해도 안되는데
상하까지 맞추는 법좀 알려주세요
추가로 구글링 해서
#content .entry-content iframe { max-height 100vh; }
로 해봐도 안되네요 ..
높이를 설정하시려면
기존의 코드 대신 아래의 코드로 교체해보세요.
#content .entry-content iframe { max-width: 100%; height: 200px; }
위의 코드에서 픽셀 크기는 적절히 조절해보세요.
고맙습니다.
상하 좌우 균형잡기가 힘드네요
다른 테마에선 이런 문제가 없는데
유독 이 테마만 이러네요
테마 자체는 맘에 드는데 모바일 에서 유튜브 링크 하나 때문에...
현재는 CSS 코드가 적용되어 있지 않은 듯합니다.
<iframe> 태그의 높이를 auto로도 설정해서 확인해보시겠어요?
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
이리저리 해봐도 안되서 구글 검색 했더니
https://erim1005.tistory.com/63
이글이 있는데 이걸 function.php 에 넣은 방법좀 알려주세요
아마도 다른 테마는 이런 소스가 넣어져 있나본데
이 테마는.....
답변 계속 달아 주시고 해결 해주셔서 감사드립니다.
안녕하세요.
올려주신 링크의 코드가 워드프레스에서는 정상 동작하는지는 확인해보셔야 할 듯합니다.
CSS 코드는
워드프레스 관리자 -> 테마 디자인(외모) -> 사용자 정의하기 -> CSS 입력 필드에 추가해보시겠어요?
HTML 코드는 워드프레스 내장 에디터를 사용 중이시라면
텍스트 모드에서 추가해보세요.
테마 관련된 문제는 사용 중이신 테마 제작자에게도 문의해보시는 게 좋을 듯합니다.
고맙습니다.
감사합니다..
이곳 코드적용 으로 완전히 해결 하였습니다..
혹시 저 같이 고생하는 분들을 위하여 글을 남깁니다..