답변 5개
운영 페이지를 바로 바꾸기 부담스러우시면 미발행 테스트 페이지를 하나 만들고, 편집기가 지원하는 영상 삽입이나 HTML 모드에서 유튜브 ‘공유 → 퍼가기’ 코드를 넣어 관리자 미리보기로 확인해 보세요. 저장 후 편집 화면을 다시 열었을 때 iframe이 지워지는지가 첫 확인점입니다. /admin/pages에 같은 주소가 없다면 사용 중인 템플릿과 하단 링크 주소를 알려주시면 편집 위치를 더 좁힐 수 있습니다.
공식 모듈의 ‘사용 방법’: https://github.com/gnuboard/g7-module-sirsoft-page#사용-방법
위치 확인 방법은 앞 답변을 참고하시고, HTML 입력이 가능한 편집 화면을 찾으신 뒤 사용할 영상 삽입 예시를 보탭니다. 유튜브의 일반 시청 주소(watch?v=...)를 iframe에 넣는 대신 공유 → 퍼가기 소스의 /embed/영상ID 형식을 사용하셔야 합니다.
<div style="width:100%;max-width:960px;margin:0 auto;">
<iframe
src="https://www.youtube.com/embed/영상ID"
title="회사 소개 영상"
style="display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;"
loading="lazy"
allow="encrypted-media; picture-in-picture; fullscreen"
allowfullscreen></iframe>
</div>
영상ID 부분은 실제 영상 주소의 ID로 바꿔 주세요. iframe을 감싼 영역의 최대 폭을 정하고 화면 폭에 따라 줄어들게 하는 예시라 모바일에서도 고정 가로폭 때문에 넘치는 문제를 줄일 수 있습니다. 자동재생은 넣지 않았습니다.
저장 후 태그나 style이 지워진다면 이 코드의 문제가 아니라 해당 편집기·서버의 허용 범위를 먼저 확인해야 합니다. 필터를 전체 해제하기보다 관리자가 제공하는 영상 삽입 기능이나 공식 확장 방식을 사용해 주세요. iframe이 남아도 업로더가 외부 재생을 허용하지 않은 영상은 재생되지 않을 수 있습니다.
현재 사용하시는 G7 테마와 페이지 설정 화면을 보지 못해 파일 경로는 특정하지 않았습니다. 위 코드는 HTML이 허용되는 위치를 찾은 이후의 삽입 예시입니다.
유튜브 공식 삽입 URL·최소 크기 안내: https://developers.google.com/youtube/player_parameters
유튜브 삽입이 안 될 때는 저장 단계와 재생 단계를 나눠 확인하시면 원인을 좁힐 수 있습니다.
1. 관리자에서 회사소개 내용에 식별하기 쉬운 문구를 잠시 넣고 저장해 보세요. 실제 회사소개 화면에 반영되면 편집 위치를 찾은 것입니다. 반영되지 않으면 다른 페이지나 공통 하단 영역을 수정하고 있을 수 있습니다.
2. 해당 에디터가 영상 삽입 기능을 제공하면 그 기능을 먼저 사용하세요. HTML 입력을 지원하는 경우에는 유튜브의 공유 → 퍼가기에서 받은 소스를 사용하고, 저장 후 다시 편집 화면을 열어 iframe이 남아 있는지 확인합니다.
3. iframe이 사라졌다면 에디터나 서버의 허용 태그 설정을 확인해야 합니다. 남아 있는데 화면에서 차단된다면 브라우저 개발자 도구의 Console에서 CSP 관련 메시지 등을 확인하고, 영상 자체의 외부 재생 허용 여부도 확인해 보세요. 사이트 전체의 HTML 보안 필터를 끄는 방식은 피하는 것이 좋습니다.
사용 중인 G7 버전, 관리자 편집 화면과 회사소개 링크 경로를 알려주시면 페이지 모듈 쪽인지 템플릿 쪽인지 더 구체적으로 짚을 수 있습니다. 계정 정보는 올리지 않으셔도 됩니다.
G7은 페이지 모듈과 템플릿/레이아웃/컴포넌트 시스템을 통해 화면을 구성합니다.
먼저 회사소개가 페이지 모듈에서 생성된 페이지라면 관리자에서 해당 페이지의 편집 기능을 확인해 보세요.
유튜브 영상은 HTML 또는 iframe 삽입을 지원하는 경우 추가할 수 있지만, 보안 필터링에 따라 제한될 수 있습니다.
반면 홈페이지 하단의 공통 영역이거나 템플릿에 포함된 부분이라면 해당 영역을 제공하는 템플릿과 레이아웃을 확인해야 합니다.
기존 페이지의 위치 역시 페이지 모듈에서 관리하는 콘텐츠인지, 템플릿에 정의된 레이아웃인지에 따라 달라집니다.
제 경험상 G7은 개발 규칙과 확장 간 의존성, 버전 관리 및 업데이트 절차를 함께 고려해야 하므로,
AI 에이전트가 공식개발문서와 AGENTS.md를 참조하여 관련구조를 분석하고, 개발규칙에 맞게 수정/검증하도록 활용하실 것을 권합니다.
단순한 콘텐츠 수정은 관리자 기능을 이용하고,
별도의 커스터마이징이 필요하다면 코어를 직접 수정하지 않고 공식 확장 구조를 활용하시는 것이 좋습니다.
답변을 작성하려면 로그인이 필요합니다.