이번 주 구역나눔지
말씀 앞에 머무는 한 주예시
2026년 10월 첫째 주일(10월 4일) · 10월 3일 토요일 발행
- 찬송
- 여는 기도
- 말씀 나눔
- 나눔 질문
- 함께 드리는 기도
출력하지 않아도 휴대폰에서 바로 읽고, 글씨를 4단계로 키울 수 있습니다.
괴정제일교회 홈페이지 리뉴얼 · 검토용 시안 2판 · 2026년 10월 6일
괴정제일교회 홈페이지 리뉴얼 시안
계약 전 기획·시각 제안입니다. 화면 속 버튼은 시연용이라 아무것도 저장하거나 발행하지 않습니다. 사진은 교회 홈페이지 행사앨범에 공개된 지난 사진 7장을 작게 썼고, 맞는 사진이 없는 자리는 ‘사진 준비 중’ 판으로 두었습니다.
① PC 홈1440px 화면을 창 폭에 맞춰 줄여 보여 줍니다. ‘실제 크기’를 켜면 100%로 봅니다.
함께 예배하고, 서로 돌보는 동네 교회표어 예시
1952년 설립교회 확인 필요
이번 주일10월 11일 · 낮 예배 오전 11:00예시
예시예배 이름·시간·장소는 화면 구성을 보여 주는 예시입니다. 교회가 확정한 값으로 바꿉니다.
| 예배 | 요일 | 시간 | 장소 |
|---|---|---|---|
| 주일 1부 예배 | 주일 | 오전 9:00 | 본당 |
| 주일 낮 예배 | 주일 | 오전 11:00 | 본당 |
| 주일 오후 예배 | 주일 | 오후 2:00 | 본당 |
| 수요 기도회 | 수요일 | 오후 7:30 | 본당 |
| 새벽기도회 | 월–토 | 오전 5:30 | 소예배실 |
| 교회학교 | 주일 | 오전 9:30 | 교육관 |
이번 주 구역나눔지
2026년 10월 첫째 주일(10월 4일) · 10월 3일 토요일 발행
출력하지 않아도 휴대폰에서 바로 읽고, 글씨를 4단계로 키울 수 있습니다.
교회 행사앨범에 공개된 지난 사진입니다. 날짜는 앨범에 적힌 그대로 옮겼습니다.
6월 한달 어머니학교행사앨범 · 지난 사진
위 사진은 교회 행사앨범에 공개된 지난 사진입니다. 실제 운영 사이트에서는 사진첩이 행사·모임별 앨범으로 쌓이고, 담당자가 새 앨범을 올리면 홈의 이 자리에 자동으로 바뀌어 나오게 만듭니다. 얼굴이 알아보이는 사진은 게시 동의를 받은 뒤 올리고, 아동 사진은 보호자 동의가 필요합니다.
큰 제호(120px)와 표어·설립 연도 한 줄은 종이 바탕 위에 둡니다. 실제 사진이 들어와도 글자가 늘 또렷합니다.
오시는 길 · 예배 시간 · 이번 주 설교 · 구역나눔지 카드가 900px 경계 위에 들어옵니다. 맨 위 띠의 ‘글씨’ 버튼으로 화면 전체가 커집니다.
공개 행사앨범의 지난 사진 세 장을 나란히 둡니다. 원본 폭이 670px이라 한 장을 최대 335px로만 보여 주고, 확대나 넘김 없이 그대로 둡니다. 빠른 카드는 사진과 겹치지 않습니다.
② 모바일 홈390 × 760 · 아이폰 Safari에서 실제로 보이는 높이 기준입니다. 액자 안에서 스크롤해 보세요.
③ 구역나눔지390 × 760 · 인쇄하지 않고 읽는 화면. 글씨 4단계, 이전·다음 주, 날짜 보관함.
④ 담당자 화면워드프레스 기본 편집기를 담당자용으로 줄인 모습(1280px). 편집 → 발행일 지정 → 미리보기 → 발행 순서로 눌러 볼 수 있습니다.
예시시연 화면입니다. 입력하고 발행해도 실제로 저장되지 않으며, 미리 채운 글은 예시 문안입니다.
| 제목 | 종류 | 발행일 | 상태 |
|---|---|---|---|
| 말씀 앞에 머무는 한 주 | 구역나눔지 | 2026.10.03 (토) 오후 6:00 | 발행됨 |
| 10월 4일 주보 | 주보 | 2026.10.04 (일) 오전 7:00 | 발행됨 |
| 10월 4일 주일 설교 | 설교 | 2026.10.04 (일) 오후 3:10 | 발행됨 |
| 구역장 모임 안내 | 교회 소식 | — | 임시저장 |
성도들이 휴대폰에서 보게 될 모습입니다. 아직 발행되지 않았습니다.
임시저장 · 미리보기 · 발행 · 예약 발행은 워드프레스에 원래 있는 기능입니다. 메뉴와 칸만 담당자에게 맞게 줄입니다.
위쪽 단계 표시가 지금 어디까지 했는지를 숫자·굵기·체크로 알려 줍니다. 상태는 ‘임시저장 / 예약됨 / 발행됨’ 글자로도 적습니다.
교회 이름이 표지가 되고, 가장 자주 찾는 네 가지(길찾기 · 예배 시간 · 이번 주 설교 · 구역나눔지)를 어느 화면에서든 한 번에 누를 수 있게 만든 시안입니다. 실제 사진이 들어오면 완성되고, 사진이 없어도 무너지지 않게 짰습니다.
PC 제호 120px, 모바일 46px. 사진 위에 얹지 않아 어떤 사진이 와도 읽힙니다.
본문 18px, 나눔지 20px, 가장 작은 글자 14px. 누르는 것은 모두 48px 이상(문장 속 링크 44px).
PC 첫 화면 카드, 모바일 첫 화면 버튼, 모바일 아래쪽 고정 메뉴에 같은 순서로 반복합니다.
행사앨범 사진 7장을 작게 쓰고, 맞는 사진이 없는 자리는 ‘사진 준비 중’ 판에 찍을 대상·비율·구도선을 적어 둡니다.
2026년 10월 6일에 실제로 열리는지 확인하고 홈 화면 구성을 읽었습니다.
| 사이트 | 차용할 점 | 과하거나 맞지 않는 점 |
|---|---|---|
| All Souls Langham Place allsouls.org | 환영 문장 바로 아래 ‘처음 오셨나요?’와 행동 버튼. 홈에 주일 예배 시간을 바로 노출. 설교 카드에 제목 · 날짜 · 설교자 · 본문을 늘 같은 순서로 표기. | 여러 사역 네트워크 메뉴와 로그인 기반 관리 플랫폼. 동네 교회에는 메뉴가 많습니다. |
| St Helen’s Bishopsgate st-helens.org.uk | 최신 설교를 ‘날짜 · 본문 · 제목 · 설교자’ 한 줄로 일정하게 나열. 소모임을 홈에서 직접 안내(구역에 해당). | 예배 시간 다섯 개가 메뉴 항목이고 전용 앱까지 있어 규모가 큽니다. |
| 분당우리교회 woorichurch.org | ‘날짜 / 설교 / 제목 / 본문’ 4줄 표기. 주보 제목을 날짜로 통일. 홈의 공과 바로가기(구역나눔지와 같은 역할). 모바일 빠른 메뉴. | 팝업이 여러 개 뜨고 한 화면에 링크가 수십 개라 어르신이 길을 잃기 쉽습니다. |
| 새문안교회 saemoonan.org | 홈 아래쪽 빠른 링크 줄. 교구별 활동 게시판을 날짜와 함께 노출. | 수백 개 항목의 전체 메뉴. 글자가 그림에 박힌 배너는 확대 · 검색 · 음성 읽기가 안 됩니다. |
| St Martin-in-the-Fields stmartin-in-the-fields.org | 오늘 기준 정보를 먼저 보여 주는 방식(→ ‘이번 주일’ 줄). 사진마다 장면을 적는 습관(→ 대체 텍스트). | 공연 · 카페 · 대관 중심이라 정보 구조는 참고하지 않았습니다. |
| Kinfolk (편집디자인) kinfolk.com | 큰 제목 아래 한 줄 요약, 한 줄 메타, 넉넉한 여백. 워드프레스로 운영되는 사이트라 워드프레스로도 편집 디자인이 가능하다는 근거가 됩니다. | 구독 · 쇼핑 · 유료 열람. 교회에는 필요 없습니다. |
함렛(Hahmlet) 600 — 교회명과 제목. 획 끝이 단정한 현대 명조입니다. Noto Sans KR 400·700 — 본문 · 버튼 · 표. 굵기는 모두 세 개이고, 두 글꼴 모두 SIL OFL이라 한글 부분집합(woff2)으로 줄여 쓸 수 있습니다.
이 미리보기는 Google Fonts에서 글꼴을 불러오고, 못 불러오면 기기의 비슷한 글꼴로 보입니다. 실제 운영 사이트에서는 글꼴 파일을 서버에 두고 씁니다(자체 호스팅).
| 장면 | 쓰이는 곳 | 형태 | 주의 |
|---|---|---|---|
| 1. 본당 예배 전경 | 홈 첫 화면 | 가로, 긴 변 2400px 이상 | 뒤쪽 높은 자리, 뒷모습만. 아래 4분의 1은 카드가 덮음 |
| 2. 교회 외관 | 오시는 길 · 모바일 | 가로 1장 + 세로 4:5 1장 | 길 건너편 3/4 각도, 간판과 입구가 함께 |
| 3. 빈 본당 | 예배 안내 · 대체 첫 사진 | 가로 3:2 | 예배 전, 강단 정면 대칭 |
| 4. 입구 · 안내석 | 처음 오신 분 | 가로 3:2 | 문 밖에서 안을 보는 시선 |
| 5. 옛 사진 원본 | 교회 소개 · 연혁 | 원본 비율 | 스캔 600dpi 이상, 연도 캡션 |
| 6. 주차장 · 들어오는 길 | 오시는 길 | 가로 4:3 | 골목 입구 표지가 보이게 |
| 7. 구역 모임 식탁 | 구역나눔지 목록 | 1:1 | 손 · 성경 · 나눔지만, 얼굴 없이 |
| 8. 담임목사 프로필 | 교회 소개 | 세로 4:5 | 소개 문구 확정 후 촬영 |
| 9. 교회 앞 나무 · 골목 | 구획 바탕 · 계절 교체 | 가로 | 회화나무가 있으면 그 나무 |
| 10. 기존 사이트 첨부 원본 | 사진첩 이전 | 원본 폴더 | 그누보드 첨부 폴더와 보유 원본 |
아래 사진은 괴정제일교회 홈페이지 공개 행사앨범에서 가져온 것입니다. 공개 행사앨범 출처이며 저작권·초상권 허락을 새로 받았다는 뜻은 아닙니다. 원본 폭이 670px이라 사진 한 장은 화면에서 최대 335px까지만 보여 줍니다.
| 파일 | 행사명(게시물 제목) | 출처 페이지 | 원본 크기 | 표시 제약 | 쓰는 곳 |
|---|---|---|---|---|---|
| photo_030.JPG | 7월 1일 새가족 환영회 | gch.or.kr 행사앨범 wr_id=1215 | 670×445 | 최대 335 CSS px | 홈 첫 화면(PC·모바일) |
| photo_029.JPG | 7월 1일 새가족 환영회 | gch.or.kr 행사앨범 wr_id=1215 | 670×446 | 최대 335 CSS px | 사진첩 |
| photo_017.jpg | 예닮문화교실 | gch.or.kr 행사앨범 wr_id=1217 | 670×502 | 최대 335 CSS px | 홈 첫 화면(PC·모바일) |
| photo_013.jpg | 예닮문화교실 | gch.or.kr 행사앨범 wr_id=1217 | 670×325 | 최대 335 CSS px | 홈 첫 화면(PC) |
| photo_026.JPG | 7월 8일 성경공부 수료식 | gch.or.kr 행사앨범 wr_id=1216 | 670×445 | 최대 335 CSS px | 사진첩 |
| photo_047.jpg | 6월 한달 어머니학교 | gch.or.kr 행사앨범 wr_id=1214 | 670×446 | 최대 335 CSS px | 사진첩 |
| photo_080.JPG | 5월 14일 효도관광 | gch.or.kr 행사앨범 wr_id=1210 | 670×445 | 최대 335 CSS px | 사진첩(나들이 장소, 교회 건물 아님) |
받은 사진 9장 · 사용 7장 · 제외 2장. 제외: 같은 앨범의 사진 2장(어두운 발표 장면 1장은 작게 줄이면 더 흐려지고 한 사람에게 시선이 쏠려서, 현수막에 개인 실명이 있는 임직식 1장은 개인을 알아볼 수 있어서)은 쓰지 않았습니다. 원본 파일은 바이트 그대로 두었고 줄이기·보정·자르기 파일을 만들지 않았습니다.
| 1단계 | 들어가는 내용 |
|---|---|
| 교회 소개 | 인사말 · 섬기는 분들 · 연혁 · 새가족 안내 · 교구·부서 · 선교(기존 사이트 페이지를 옮기는 자리) |
| 예배 안내 | 예배 시간 · 교회학교 |
| 설교 | 이번 주 설교(YouTube) · 지난 설교(날짜 · 본문 · 설교자로 찾기) |
| 구역나눔지 | 이번 주 · 지난 나눔지(월별) |
| 주보 · 소식 | 이번 주 주보 · 지난 주보 · 교회 소식 · 교회글터 · 교우소식(공개 범위는 교회와 정함) |
| 사진첩 | 행사 · 모임별 앨범 · 새가족앨범(공개 범위는 교회와 정함) |
| 오시는 길 | 지도 · 대중교통 · 주차 |
| 외부 링크 | CH2CH ↗ · YouTube 채널 ↗ (새 창) |
워드프레스 기본 테마(Twenty Twenty-Five)를 바탕으로 한 자식 테마와 글 종류를 등록하는 작은 기능 파일 1개로 만듭니다. 화면 디자인은 테마에, 자료 구조는 기능 파일에 두어서 나중에 테마를 바꿔도 구역나눔지 · 설교 · 주보 자료는 그대로 남습니다. 유료 테마 · 유료 플러그인 · 외부 유료 API는 쓰지 않습니다.
| 콘텐츠 | 워드프레스 구현 | 담당자가 하는 일 | 지난 자료 |
|---|---|---|---|
| 구역나눔지 | 전용 글 종류 + 순서가 미리 채워진 블록 틀 + ‘해당 주일’ 날짜 칸 | 빈칸 채우고 발행일 지정 | 해당 주일 기준 월별 목록, 이전/다음 주 이동 |
| 설교 | 전용 글 종류 + 설교일 · 설교자 · 본문 · YouTube 주소 칸 | YouTube 주소 붙여 넣기 | 날짜순 목록, 설교자 · 본문으로 찾기 |
| 주보 | 전용 글 종류 + 이미지 2–4장 또는 PDF | 이미지 · PDF 올리기 | 월별 목록 |
| 교회 소식 | 기본 ‘글’ + 분류(공지 · 행사 · 모집) | 글 쓰기 | 날짜순 |
| 사진첩 | 기본 ‘글’ + 분류 ‘사진첩’ + 갤러리 블록 | 여러 장 한 번에 올리기 | 앨범 목록 |
| 설교 영상 | YouTube 임베드. 처음엔 썸네일만 보이고 누를 때 영상을 불러오는 방식 | — | — |
| CH2CH | 메뉴의 외부 링크(새 창)만 | — | — |
Cafe24 FTP에서 워드프레스가 설치된 최상위 폴더 이름은 호스팅 계정에서 확인해야 합니다.
아래는 시안을 만들며 정리한 제안입니다. 계약 확정 조건이 아니며, 교회와 합의한 항목만 범위에 넣습니다.