갠홈 만들기 — 자캐·페어 홈페이지

갠홈(개인 홈페이지)은 자캐(자작 캐릭터)와 페어 설정·그림·로그를 한곳에 모아 두는 내 사이트예요. 여기서는 코드를 고치지 않고 칸만 채우면 돼요. 캐릭터 프로필과 능력치, 페어 커버·타임라인·메신저처럼 한 줄씩 나오는 로그·갤러리, 오너 소개, 음악 재생기를 넣으면 옆의 미리보기(폰은 아래 ‘미리보기’ 버튼)가 바로 바뀌어요. 테마는 화이트·종이·다꾸·밤 네 가지이고, 글자가 한 자씩 떠오르는 제목과 화면 전환 움직임이 기본으로 들어 있어요. 다 되면 index.html 한 장과 그림 파일을 zip 으로 받아 나루(naru.pub) 같은 무료 갠홈 호스팅에 올리면 끝이에요. 그림은 이 기기 안에서 줄여 담고 서버에 올라가지 않아요.

알아 두면 좋은 것

받는 갠홈에 들어 있는 화면

화면주소보이는 것
처음#/사이트 이름(글자가 한 자씩 떠오름)·대표 그림·메뉴, 첫 페어의 D+
캐릭터#/oc캐릭터 카드 목록 — 번호·이름·영문 이름·한 줄
캐릭터 상세#/oc/…그림·한 줄·프로필 표·능력치 막대·성격·이야기 탭, 이전·다음 캐릭터
페어#/pair두 캐릭터 그림이 겹친 페어 카드
페어 상세#/pair/…커버(두 사람·D+·키워드)·타임라인·로그(메신저)·갤러리(크게 보기·넘기기)
오너#/owner닉네임·소개·정보 표·좋아하는 것·주의사항·링크

한 장짜리 index.html 이 주소 뒤 # 부분을 보고 화면을 바꿔 그려요. 그래서 나루에서는 파일을 올리고 ‘저장’만 누르면 되고, 페이지 파일을 따로 만들 필요가 없어요. 위 ‘음악’을 넣으면 모든 화면 왼쪽 아래에 작은 재생기가 떠 있어요.

만드는 방법

  1. 1

    기본 칸에서 사이트 이름과 테마(화이트·종이·다꾸·밤), 강조색을 고르고 대표 그림을 넣어요. 처음엔 예시가 채워져 있어서 바꿔 쓰기만 하면 돼요.

  2. 2

    캐릭터 칸에서 그림·이름·한 줄·프로필 표·능력치·성격·이야기를 채워요. 캐릭터는 12명까지, 순서도 바꿀 수 있어요.

  3. 3

    페어 칸에서 두 캐릭터를 고르고 시작한 날(D+ 자동 계산)·키워드·커버를 넣은 뒤, 타임라인 사건·대화 로그·갤러리 그림을 더해요.

  4. 4

    오너 칸에 닉네임·소개·주의사항·링크를 적고, 미리보기에서 폰·PC 화면을 눌러 보며 확인해요.

  5. 5

    받기 칸에서 zip 을 받아 풀고, 나루에 가입해 풀린 파일을 전부 올린 뒤 저장해요. 나중에 받은 파일을 다시 불러와 이어서 고칠 수 있어요.

자주 묻는 질문

갠홈은 어떻게 만들어요? 코드를 몰라도 되나요?

갠홈은 결국 HTML 파일 몇 개를 무료 호스팅에 올린 사이트예요. 보통은 남이 배포한 코드를 받아 data.js 나 HTML 을 직접 고쳐야 하는데, 이 페이지는 그 부분을 칸 채우기로 바꿨어요. 칸을 채우면 미리보기가 바로 바뀌고, 끝나면 완성된 index.html 과 그림을 zip 으로 줘요. 그 파일을 나루 같은 곳에 올리기만 하면 돼요. 코드는 한 줄도 안 써도 돼요.

나루(naru.pub)에는 어떻게 올려요?

① naru.pub 에 가입하면 아이디.naru.pub 주소가 생겨요. ② 받은 zip 을 풀어요(폰은 파일 앱에서 zip 을 누르면 풀려요). ③ 나루 편집 화면에서 풀린 파일(index.html 과 그림·음악)을 전부 올리고 저장해요. 처음 만든 사이트에 index.html 이 이미 있으면 받은 것으로 바꿔 넣어요. 나루는 파일 하나가 10MiB 까지라, 그림은 긴 변 1600px 로 줄여 담고 음악은 9MB 까지만 받아요.

방명록도 만들 수 있나요?

갠홈 파일만으로는 방문자 글을 저장할 수 없어요(저장할 서버가 필요해요). 그래서 방명록은 따로 만든 방명록·익명 질문함 주소를 넣으면 메뉴에 "방명록 ↗" 링크로 들어가게 했어요. 서버 없는 대신 가입·관리할 것이 없고 사이트가 사라질 걱정도 적어요.

테마는 어떤 게 있어요? 색도 바꿀 수 있나요?

네 가지예요. 화이트(흰 바탕·굵은 고딕), 종이(미색 줄 노트·명조), 다꾸(점 무늬 바탕·폴라로이드·마스킹테이프·손글씨), 밤(어두운 남색·금빛·명조). 테마마다 글꼴과 그림 테두리가 달라요. 강조색은 8가지 중에 고르거나 직접 고를 수 있고, 캐릭터마다 대표 색을 따로 정하면 카드 밑줄·능력치 막대·말풍선에 그 색이 쓰여요.

어떤 움직임(애니메이션)이 들어가요?

처음 열면 사이트 이름이 한 자씩 떠오르는 막이 지나가고, 메뉴는 차례로 올라와요. 그림은 위에서 아래로 걷히듯 나타나고, 마우스를 올리면 대표 그림이 살짝 기울어져요. 캐릭터 탭은 밑줄이 미끄러지고 능력치 막대가 차오르며, 타임라인은 선이 그어지면서 점이 톡 튀어요. 로그는 메신저처럼 "입력 중…" 점 뒤에 말풍선이 한 줄씩 나와요. 기기에서 "동작 줄이기"를 켠 사람에게는 움직임 없이 바로 보여요.

만든 갠홈을 나중에 고칠 수 있나요?

두 가지 방법이 있어요. 같은 브라우저라면 고치던 내용이 자동으로 저장돼 다시 들어오면 이어져요. 다른 기기라면 받기 칸의 "받은 파일 불러오기"에서 받았던 index.html 과 그림 파일을 한꺼번에 고르면 그대로 불러와요. 내용은 index.html 안에 들어 있어서 파일만 있으면 돼요.

그림이 서버에 올라가나요? 저작권은요?

아니요. 그림은 이 기기의 브라우저 안에서 줄여서 zip 에 담고, 위모 서버로는 아무것도 보내지 않아요. 받은 갠홈 화면 구성과 코드는 위모가 새로 만든 것이라 자유롭게 써도 돼요(맨 아래 작은 "만든 곳" 링크는 받기 전에 끌 수 있어요). 넣는 그림은 직접 그렸거나 커미션 작가가 허락한 것만 써 주세요.

캐릭터·페어는 몇 개까지 넣을 수 있어요?

캐릭터 12명, 페어 6쌍, 페어마다 타임라인 사건 30개·로그 60줄·갤러리 24장까지예요. 페어는 같은 캐릭터가 여러 페어에 들어가도 돼서, 간판 페어 하나가 아니라 여러 페어나 자관(자캐 관계)을 정리하기에도 좋아요.

다른 도구

도구 60개 더 보기