📖 사용 가이드
이미지 URL을 입력하거나 파일을 직접 드래그&드롭 하세요.
구글 포토, 네이버 블로그 등에서 이미지 주소를 복사해서 붙여넣기 가능합니다.
유튜브 영상 URL에서 비디오 ID를 복사해주세요.
예: youtube.com/watch?v=ABC123 → ABC123 입력
각 섹션에서 저장 버튼을 누르면 즉시 홈페이지에 반영됩니다.
저장 후 홈페이지 미리보기로 확인해보세요.
설정 탭에서 전체 데이터를 JSON으로 내보내거나 가져올 수 있습니다.
다른 기기에서도 동일한 내용을 사용할 수 있습니다.
Google 시트를 연동하면 PC·모바일 어느 기기에서 신청해도 이곳에서 한눈에 확인할 수 있습니다.
설정은 기본 설정 탭에서 Google 시트 URL을 입력하면 됩니다.
고객이 상담 신청 시 이메일로 즉시 알림을 받으려면 아래 이메일 설정을 완료해주세요.
설정 전까지는 이 관리자 패널에서만 신청 내역을 확인할 수 있습니다.
🏠 회사소개 섹션 주택 사진
홈페이지 중간 회사소개 섹션에 표시되는 주택 사진을 변경합니다.
헨델프로젝트 섹션 이미지는 전용 메뉴에서 관리하세요.
🏛️ 헨델프로젝트 소개 사진 (최대 6장)
사진을 클릭하거나 파일을 드래그하여 업로드하세요. GitHub 토큰이 설정된 경우 자동으로 서버에 업로드되어 PC·모바일 모두에서 표시됩니다.
🧭 상단 메뉴 이름
헤더 및 모바일 메뉴에 표시되는 항목 이름을 수정합니다.
🏠 히어로 섹션
📊 통계 바 (히어로 아래)
메인 화면 바로 아래에 표시되는 4개 통계 항목을 수정합니다.
📋 회사소개 섹션
🌱 사회공헌 섹션 텍스트
📢 CTA 배너
🔄 모든 기기 즉시 반영 설정
관리자가 저장하면 2~3초 후 자동으로 GitHub에 커밋됩니다. 모바일·PC 모든 기기에서 1~2분 내 반영됩니다.
github.com/settings/tokens/new 접속
Note(이름): 아무거나 입력 → Expiration: No expiration → repo 체크 → Generate token
발급된 토큰을 복사해서 아래에 붙여넣기
GitHub 저장소 → Settings → Pages → Branch 항목에 표시된 브랜치명을 아래에 입력 (보통 gh-pages)
📊 Google 스프레드시트 연동 (PC·모바일 모든 신청 한곳에서 확인)
sheets.new 를 클릭해 새 구글 시트를 만드세요.
메뉴 확장 프로그램 → Apps Script 클릭 → 아래 코드 전체를 복사해서 붙여넣기 → 💾 저장
상단 배포 → 새 배포 클릭 → 유형: 웹 앱 → 액세스 권한: 모든 사용자 → 배포 클릭
생성된 웹 앱 URL을 아래에 붙여넣기
설정 저장 후 고객이 상담 신청하면 Google 스프레드시트에 자동으로 기록되고, 이 패널에서도 바로 확인할 수 있습니다.
📧 상담 신청 이메일 알림 설정
web3forms.com 에 접속하여 알림 받을 이메일 주소를 입력하세요. (무료, 회원가입 불필요)
입력한 이메일로 액세스 키(Access Key)가 발송됩니다. 이메일을 확인하세요.
이메일로 받은 액세스 키를 아래에 붙여넣고 저장하면 설정이 완료됩니다.
📞 연락처 정보
🔑 비밀번호 변경
💾 데이터 백업 & 복원
모든 콘텐츠(시공사례, 사회공헌, 영상, 텍스트)를 JSON 파일로 내보내거나 가져올 수 있습니다.
다른 기기에서도 동일한 설정을 사용할 때 활용하세요.
사회공헌 활동 추가