페이지에 글·버튼·이미지 넣기

블록 안에서는 문서 편집기처럼 글을 쓰고, 제목과 목록, 버튼, 링크, 이미지를 넣습니다. 블록을 새로 넣지 않고도 이미 있는 블록 안을 내 내용으로 채울 때 이 쪽을 봅니다.

시작하기 전에

• 고칠 페이지를 열고 편집을 누릅니다.
• 글자의 기본 크기, 버튼 색, 링크 밑줄처럼 모든 페이지에 같이 적용되는 모양은 테마 탭에서 정합니다. 홈페이지 전체의 색과 글꼴 정하기

빗금(/)으로 요소 넣기

블록 안의 빈 줄에서 /를 치면 넣을 수 있는 요소 목록이 뜹니다. / 뒤에 화면에 보이는 이름을 이어 치면 목록이 좁혀집니다. 이름은 한국어로 칩니다.

이미 적은 글을 바꿀 때는 글자를 끌어 선택합니다. 위에 서식 막대가 떠서 굵게, 글자 색, 제목 단계, 정렬, 링크를 바꿀 수 있습니다.

버튼과 링크

1. /버튼 또는 /링크를 고릅니다. 링크로 만들 글자를 먼저 선택해 두었다면 서식 막대의 링크 버튼을 눌러도 됩니다.
2. 뜨는 작은 창의 라벨 칸에 버튼이나 링크에 보일 글자를, URL 칸에 연결할 주소를 적습니다.
   • 내 홈페이지의 페이지로 연결하려면 주소 칸에 /와 페이지 이름 일부를 칩니다. 맞는 페이지 목록이 뜹니다.
   • 같은 페이지 안의 블록으로 연결하려면 #을 칩니다. 페이지 안의 위치 목록이 뜹니다.
   • 다른 사이트로 연결하려면 https://부터 전체 주소를 적습니다.
   • 새 탭으로 열려면 새 탭에서 열기를 켭니다.
3. 버튼이면 모양과 크기를 고릅니다.
4. 적용을 누릅니다.

이미 넣은 버튼이나 링크를 누르면 같은 창이 다시 떠서 주소와 글자를 고칠 수 있습니다.

이미지

1. /이미지를 고르거나, 이미 있는 이미지를 두 번 누릅니다.
2. 창의 이미지 탭에서 이전에 올린 이미지를 고르거나 이미지 업로드로 내 컴퓨터의 파일을 올립니다.
3. 추가를 누릅니다.
4. 이미지를 한 번 누르고 스타일 탭에서 모양을 다듬습니다. 설명 칸에는 이미지를 설명하는 짧은 문장을 적습니다. 화면을 읽어 주는 프로그램과 검색엔진이 이 문장을 씁니다. 툴팁은 마우스를 올렸을 때 뜨는 글입니다.

아이콘

/아이콘을 고르면 창이 아이콘 탭으로 열립니다. 아이콘을 고르고 추가를 누릅니다. 넣은 아이콘을 누르면 스타일 탭에서 색과 크기를 바꿉니다.

동영상

1. /동영상을 고릅니다.
2. 동영상 탭의 주소 칸에 동영상 주소나 퍼가기 코드를 붙여 넣습니다. 받는 곳은 Youtube, Vimeo, Dailymotion, Facebook, Instagram, Google Drive, Twitch, Loom입니다.
3. 필요한 것을 켭니다: 자동 재생, 반복, 플레이어 컨트롤 숨기기, 전체 화면 버튼 숨기기. 자동 재생을 켜면 소리가 꺼진 채 재생됩니다.
4. 추가를 누릅니다.

움직이는 효과

블록이나 이미지, 버튼을 누르고 스타일 탭의 애니메이션에서 효과를 고릅니다.

• 모양: 요소가 화면에 나타날 때 한 번 움직입니다. 자동 실행에서 처음 볼 때만 움직일지, 볼 때마다 움직일지 정합니다.
• 스크롤 시: 페이지를 내리는 동안 요소가 따라 움직입니다.
• 위에 띄울 때: 이미지에만 있습니다. 마우스를 올리면 효과가 나타납니다.

효과, 방향, 강도, 소요시간으로 움직임을 조절합니다. 효과를 없애려면 애니메이션을 없음으로 돌립니다.

알아 둘 점

• / 목록은 화면에 보이는 한국어 이름과 설명으로 찾습니다. 영어로 /title, /image처럼 치면 찾지 못합니다.
• 주소 칸에 적은 페이지가 나중에 지워지거나 주소가 바뀌면 그 링크는 없는 페이지로 이어집니다. 페이지 주소를 바꿀 때는 기존 주소를 새 주소로 넘기는 설정을 켭니다. 새 페이지 만들고 게시하기
• 움직이는 효과를 많이 넣으면 페이지가 산만해지고 휴대폰에서 느려질 수 있습니다.
• 다 고친 뒤 위쪽의 저장을 눌러야 방문자 화면에 반영됩니다.

이어서 볼 쪽

• 블록으로 페이지 꾸미기
• 블록을 휴대폰이나 특정 방문자에게만 보이기