외부 임베드
슬래시페이지에서 만든 페이지나 채널을 외부 웹사이트에 표시할 수 있습니다.
임베드 코드 복사
임베드할 페이지나 채널을 열고 오른쪽 위 메뉴 더보기(…) → 임베드를 클릭합니다.
임베드 창에서 사용을 켭니다. 타이틀 숨기기, 테마, 여백을 설정하고 미리보기에서 표시 모습을 확인한 뒤 코드 복사를 클릭합니다.
외부 웹사이트에 임베드
코드 붙여넣기
HTML 파일을 직접 편집할 경우
임베드할 페이지의 HTML 파일을 텍스트 편집기로 엽니다. <body>와 </body> 사이에서 콘텐츠를 표시할 위치를 찾고, 슬래시페이지에서 복사한 코드를 전부 붙여넣습니다.
<body>
<h1>Page title</h1>
<p>Introductory text goes here.</p>
<!-- Paste the full Slashpage embed code here. -->
</body>웹사이트 빌더로 만든 사이트일 경우
웹사이트 빌더의 편집 화면에서 임베드할 페이지를 엽니다. 임베드 블록을 표시할 위치에 HTML 코드를 넣는 블록을 추가합니다. 해당 블록의 코드 입력란에 슬래시페이지에서 복사한 코드를 전부 붙여넣습니다.
서비스에 따라 사용자 정의 HTML, 코드 삽입, 임베드 등의 이름으로 표시됩니다.
AI로 만든 사이트일 경우
아래 프롬프트에서 대괄호 안에 임베드 블록을 넣을 위치와 임베드 코드를 각각 작성한 후, 사이트를 만들거나 수정하던 AI 대화창에 붙여 넣습니다.
Embed the Slashpage blog on my website at [page and placement]. Use the full embed code below and make the embed fit the available width on desktop and mobile. If I haven't provided the placement or embed code, ask me for it.
[Paste the full Slashpage embed code here]임베드 블록 크기와 이름 조정
코드에서 아래 내용을 찾아 값을 변경합니다.
항목 | 코드에서 찾을 값 | 바꾸는 방법 |
최대 너비 제한 | style 안의 width:100%; | 그 뒤에 max-width:800px;를 추가합니다. 800px은 원하는 최대 너비값으로 바꿉니다. |
테두리 추가 | style 안의 border:0 | border:1px solid #ddd로 바꿉니다. 1px은 두께, #ddd는 색상으로, 원하는 값으로 바꿉니다. |
프레임 이름(스크린 리더가 읽을 이름) 변경 | title="" | 따옴표 안의 값을 원하는 이름으로 바꿉니다. |
Example settings
title="AI Community Blog"
style="border:0; width:100%; max-width:800px; height:800px;"발행 및 표시 확인
외부 웹사이트에서 페이지를 발행하고, 방문자 화면을 열어 임베드한 콘텐츠가 원하는 위치와 크기로 표시되는지 확인합니다.
