처음 한 번
🎨화면 꾸미기(UI 설정)
홈 구성·메뉴·메인 사진·페이지 사진·전례 시기 색·스킨·안내 배너·아이콘 — 여덟 화면을 넣고 고치는 순서입니다.
마지막 업데이트 2026-08-22
이 설명서의 표기
[ ] 는 눌러야 하는 단추, 「 」 는 적거나 고르는 칸입니다. › 는 화면을 찾아가는 길입니다.
이 화면들은 대부분 [저장] 단추가 없습니다
체크칸과 고르는 칸은 누르는 순간 저장되고, 글자·숫자 칸은 적으신 뒤 다른 곳을 한 번 누르면 저장됩니다. 적기만 하고 바로 화면을 떠나면 저장되지 않을 수 있으니 마지막에 다른 곳을 한 번 눌러 주십시오. 전례 시기 테마의 손수 고르기만 [저장]이 있습니다.
0 · 어디로 가면 되나
| 바꾸고 싶은 것 | 가는 곳 | 바뀌는 자리 |
|---|---|---|
| 홈에 무엇을 어떤 차례로 보여줄지 | 레이아웃 › 홈 블록 | 홈 화면 전체 |
| 위쪽 메뉴와 사이드바 구성 | 레이아웃 › 메뉴 | 머리글 메뉴·사이드바·바닥글 |
| 홈 대문의 큰 사진 | 레이아웃 › 홈 메인 사진 | 홈 맨 위 큰 사진 |
| 연혁·소개 같은 화면 위 사진 | 레이아웃 › 페이지 사진 | 그 화면 본문 위 슬라이드 |
| 대림·사순 같은 시기별 색 | 레이아웃 › 전례 시기 테마 | 사이트 전체 색 |
| 카드 모양·글꼴 같은 전체 분위기 | 레이아웃 › 스킨 | 공개 화면과 관리 화면 전체 |
| 누르면 넘어가는 홍보 그림 | 페이지·배너 › 안내 배너 | 정한 자리의 배너 |
| 빠른 메뉴에 쓰는 아이콘 | 레이아웃 › 아이콘 | 빠른 메뉴 카드의 아이콘 목록 |
1 · 홈 화면 꾸미기
홈은 블록을 위에서 아래로 쌓아 만듭니다.
여는 곳관리자 화면 › 레이아웃 › 홈 블록
- 1화면 아래 「블록 추가」에서 넣을 블록을 고릅니다.여섯 묶음으로 나뉘어 있습니다 — 맨 위 큰 화면 / 미사와 일정 / 말씀과 기도 / 소식과 게시판 / 우리 본당 이야기 / 묶어 놓기·후원.
- 2[+ 추가]를 누릅니다.블록 목록 맨 아래에 담깁니다.
- 3그 블록을 눌러 펼치고 안의 칸을 채웁니다.블록마다 채울 것이 다릅니다. 예: 게시판 블록은 어느 게시판에서 모을지, 몇 줄 보여줄지.
- 4차례를 바꾸실 때는 ↑↓ 를 누르거나 블록을 끌어 옮깁니다.
- 5잠시 감출 블록은 [숨김]을 켭니다.아주 없앨 때는 [이 블록 삭제]를 누릅니다.
- 6[미리보기 ↗]로 신자 화면을 확인합니다.
다 되면고치신 것은 그때그때 저장되고, 공개 화면을 새로 고치면 바로 보입니다.
휴대폰 화면은 차례가 정해져 있습니다
휴대폰에서는 읽기 흐름에 맞춘 정해진 차례로 나오므로, 여기서 바꾸신 차례는 큰 화면에만 적용됩니다. 블록을 숨기시면 휴대폰에서도 함께 숨습니다.
1-1 · 고를 수 있는 블록
v2.21.0 이상「블록 추가」 목록이 종류별로 묶였습니다.
| 블록 | 보여주는 것 |
|---|---|
| 메인 3단 | 메인 사진 + 오늘의 복음 + 미사 시간. 레이아웃 5종 중에 고릅니다 |
| 메인 사진 · 오늘의 말씀 · 미사 시간 | 메인 3단에 묶인 셋을 따로 떼어 원하는 자리에 |
| 빠른 메뉴 | 바로가기 카드 — 이름·주소·아이콘을 직접 정합니다 |
| 묵상 | 오늘의 묵상 글 |
| 성전 건축 | 공사 진척 위젯 |
| 게시판 탭 | 공지·행사 등을 탭으로 |
| 게시판 목록 그리드 | 여러 게시판의 새 글을 탭 없이 2·3열로 |
| 새 글 · 새 댓글 | 여러 게시판을 통틀어 가장 최근 글, 또는 새 댓글만 |
| 고른 게시판 새 글 | 고르신 게시판들의 새 글만 한 목록으로 |
| 사진 갤러리 | 전례·행사 사진 — 슬라이드 / 흐름 / 큰 사진+그리드 중에 |
| 배너 | 안내 배너에서 만든 배너를 자리 이름으로 불러옵니다 |
| 인용 | 성경 구절 등 인용문과 출처 |
| 2열 · 3열 묶음 |
1-2 · 홈에 동영상 넣기
v2.26.0 이상이 기능은 새 버전에서 쓸 수 있습니다. 관리자 › 시스템 업데이트에서 버전을 올리면 나타납니다.
여는 곳관리자 화면 › 레이아웃 › 홈 블록
- 1「블록 추가」의 「묶어 놓기·후원」 묶음에서 동영상 블록을 고르고 [+ 추가]를 누릅니다.
- 2「동영상 주소」에 유튜브·네이버TV·Vimeo 주소를 붙여넣습니다.어느 곳 영상인지는 주소를 보고 저절로 알아냅니다.
- 3「미리보기 사진」을 올립니다.유튜브는 비우시면 유튜브 사진을 그대로 씁니다.
- 4「홈을 열었을 때」에서 첫 화면을 정합니다.미리보기 사진만 먼저 보이게 두시면 신자가 누르기 전에는 유튜브에 아무 요청도 가지 않습니다.
- 5필요하면 「소리를 끈 채로 시작」·「끝나면 처음부터 다시」를 켭니다.
- 6메뉴를 옮겨도 소리가 이어지게 하시려면 [다른 화면으로 가도 계속 재생]을 켭니다.위쪽에 멈춤·끄기 단추가 생기고, 홈으로 돌아오시면 제자리에서 이어집니다.
다 되면홈에 영상 자리가 생깁니다.
동영상에서 알아 두실 것
① 화면을 옮기는 순간 1~2초 틈이 있습니다 — 브라우저가 영상 창을 다시 불러오기 때문입니다. ② 네이버TV 는 조종이 되지 않아 멈춤 단추가 없고, 화면을 옮기시면 처음부터 다시 시작합니다. ③ 생중계가 지금 켜져 있는지는 알 수 없어 안내 문구와 켜고 끄기로 두었습니다.
1-3 · 블록 모양과 전체 분위기
v2.21.0 이상이 기능은 새 버전에서 쓸 수 있습니다. 관리자 › 시스템 업데이트에서 버전을 올리면 나타납니다.
성격이 맞는 블록은 같은 내용을 세 가지 모양으로 보여 줄 수 있습니다. 그 블록을 펼치면 「표시 방식」이 있습니다.
| 모양 | 어떻게 보이나 | 언제 쓰나 |
|---|---|---|
| 기본형 | 가로로 나열 | 지금 홈을 그대로 두고 싶을 때 |
| 카드형 | 테두리 카드에 제목 줄이 붙습니다 | 2·3열 안에 나란히 둘 때 — 옆 카드와 높이가 맞습니다 |
| 목록형 | 한 줄에 하나씩 세로로 | 항목이 많아 차분히 보여 주고 싶을 때 |
- 고를 수 있는 블록 — 오늘의 성인, 오늘 영명축일 교우, 빠른 메뉴, 분과 태그 클라우드.
- 묵상·인용은 한 편·한 구절짜리라 카드형만 있습니다.
- 항목이 다섯을 넘으면 카드형·목록형은 두 열로 나뉘어 홈이 길게 늘어지지 않습니다.
- 화면 위쪽 「테마」에서 홈 전체의 짜임새를 고릅니다 — Warm(기본)·Modern·Classic. 색은 전례 시기 테마가 정하므로 어느 것을 고르셔도 시기 색은 그대로 따라옵니다.
- 블록마다 「섹션 밴드」로 전폭 배경 띠와 섹션 제목을 씌울 수 있습니다.
영명축일 교우가 없는 날에도 자리를 지킵니다
“오늘은 영명축일을 맞은 교우가 없습니다”라는 안내와 함께 블록이 남습니다. 없는 날엔 감추고 싶으시면 그 블록의 [내용이 없으면 이 블록 숨기기]를 켜 주십시오.
2 · 메뉴 만들기
메뉴는 그룹(예: 성당 소개) 아래에 항목(예: 본당 연혁)을 담는 두 단계입니다.
여는 곳관리자 화면 › 레이아웃 › 메뉴
- 1왼쪽에서 [+ 그룹]을 눌러 묶음을 만듭니다.
- 2「표시 라벨」에 그룹 이름을 적습니다.머리글 메뉴에 보이는 이름입니다. 「부제」와 「아이콘」은 없어도 됩니다.
- 3「활성」을 켜고, 어디에 보일지 고릅니다.「헤더 dropdown에 표시」를 끄면 위쪽 메뉴에는 안 나오고 그 화면의 사이드바로만 쓰입니다. 바깥 사이트 모음처럼 아래에만 두시려면 헤더를 끄고 「Footer 영역에 표시」를 켭니다.
- 4오른쪽 「항목」에서 [+ 항목 추가]를 누릅니다.
- 5「연결 종류」를 고릅니다.[페이지] — 우리 사이트 안 주소 / [게시판] — 목록에서 고름 / [외부 URL] — 새 창으로 열림.
- 6「메뉴 라벨」에 이름을 적습니다.머리글·사이드바·화면 제목·사이트맵에 한꺼번에 쓰이는 이름입니다.
- 7서브메뉴로 만드시려면 「상위 항목」을 고릅니다.
- 8[저장]을 누릅니다.
- 9
메뉴에 넣어야 사이드바가 생깁니다
어떤 화면이 왼쪽 사이드바를 가지려면 그 주소가 메뉴 항목으로 들어가 있어야 합니다. 새 화면을 만드셨는데 사이드바가 없다면 여기서 먼저 넣으십시오.
“이미 연결된 메뉴 항목이 있습니다”가 뜨면
같은 주소를 두 곳에 넣을 수 없습니다. 그 항목이 어느 그룹에 있는지 함께 알려 주므로, 접혀 있던 그룹을 펴서 확인하십시오. 게시판도 한 게시판이 한 항목에만 연결됩니다.
바깥 사이트 묶음을 접어 두실 수 있습니다
화면 아래에 넣은 바깥 사이트가 많으면 본당 메뉴가 밀립니다. 그 묶음을 「아래쪽에 보이는 방법」에서 접어 두시면 한 줄로 접히고, 신자가 누르면 펼쳐집니다.
v2.25.0 이상이 기능은 새 버전에서 쓸 수 있습니다. 관리자 › 시스템 업데이트에서 버전을 올리면 나타납니다.
3 · 홈 대문 사진 올리기
여는 곳관리자 화면 › 레이아웃 › 홈 메인 사진
- 1사진을 끌어다 놓거나 눌러서 고릅니다.JPG·PNG·WEBP·GIF, 한 장당 10MB까지. 여러 장을 한 번에 올리실 수 있습니다.
- 2차례를 바꾸실 때는 카드를 끌어 옮깁니다.
- 3잠시 안 쓸 사진은 숨기고, 필요 없으면 지웁니다.체크해서 여러 장을 한꺼번에 지우실 수도 있습니다.
다 되면여러 장이면 홈에서 몇 초 간격으로 부드럽게 넘어가고, 사진 위에 본당 이름이 저절로 얹힙니다.
「홈 메인 사진」과 「안내 배너」는 다릅니다
여기는 홈 대문의 분위기 사진 자리입니다. 누르면 어딘가로 넘어가야 하는 행사 홍보 그림은 7장의 안내 배너에서 만듭니다. 사진은 자리에 꽉 차게 잘려 보이므로 가로로 넓은 사진이 좋습니다. 모두 숨기시면 사진 대신 본당 색이 깔립니다.
4 · 화면 위에 사진 얹기
연혁·수호 성인·사목지표 같은 화면의 본문 위에 사진을 얹습니다. 여러 장이면 슬라이드가 됩니다.
여는 곳관리자 화면 › 레이아웃 › 페이지 사진
- 1목록에서 그 화면 줄의 [사진 N장 / 관리 →]를 누릅니다.사진이 없으면 노란색 [사진 등록 / 지금 올리기 →]로 보입니다.
- 2점선 상자에 사진을 끌어다 놓습니다.여러 장을 한 번에 놓으실 수 있습니다.
- 3차례는 ↑↓ 로, 사진의 어느 부분을 보여줄지는 아홉 칸 격자로 정합니다.
- 4「설명」에 글을 적으면 사진 아래에 흰 글씨로 겹쳐 보입니다.없어도 됩니다.
- 5[이름·설정]에서 넘어가는 방식과 높이를 고릅니다.넘어가는 방식 9종(페이드·켄번즈·줌·블러·슬라이드 3방향·없음), 높이 4종(낮게·보통·높게·와이드). 「보통」이 종전 높이입니다.
다 되면그 화면 맨 위에 저절로 나타납니다 — 화면 쪽에서 따로 하실 일은 없습니다.
v2.17.0 이상이 기능은 새 버전에서 쓸 수 있습니다. 관리자 › 시스템 업데이트에서 버전을 올리면 나타납니다.
정해진 화면 말고 다른 곳에도 사진 자리를 만드실 수 있습니다
[+ 새 페이지 등록]으로 만드시면 됩니다. 이때 공개 화면 주소를 실제 주소와 정확히 맞추셔야 사진이 나옵니다. 영문 식별자는 만든 뒤에 바꿀 수 없습니다.
v3.6.1 이상이 기능은 새 버전에서 쓸 수 있습니다. 관리자 › 시스템 업데이트에서 버전을 올리면 나타납니다.
5 · 전례 시기 색 바꾸기
사이트 전체의 색(머리글·사이드바·단추·강조색)을 전례색에 맞춥니다. 자동으로 두시면 오늘 날짜로 시기를 헤아려 대림·성탄·사순·부활·성령강림·연중을 알아서 입힙니다.
여는 곳관리자 화면 › 레이아웃 › 전례 시기 테마
- 1위쪽 자동 체크를 끕니다.자동이 켜져 있으면 손수 고른 것은 무시됩니다.
- 2원하는 시기를 고릅니다.끄기(평시 색) / 대림(보라) / 성탄(흰·금) / 사순(자주) / 부활(초록·금) / 연중(초록) / 성령강림(빨강).
- 3[저장]을 누릅니다.이 화면만 저장 단추가 있습니다.
다 되면공개 화면을 새로 고치면 색이 바뀝니다. 본당 축일에 잠깐 바꾸셨다가 끝나면 자동을 다시 켜 두시면 편합니다.
6 · 스킨 고르기
스킨은 카드 모양·여백·그림자·글꼴처럼 사이트 전체의 분위기를 한 번에 바꿉니다. 같은 화면에서 잉크 컬러(성전건축 카드·바닥글 같은 어두운 칸의 바탕색)도 고르실 수 있습니다. 카드마다 그 스킨을 입힌 홈 사진이 있어 견주어 보고 고르시면 됩니다. 최고관리자와 매니저만 쓸 수 있습니다.
| 스킨 | 특징 | 홈 블록 |
|---|---|---|
| 기본 | 부드러운 둥근 카드, 옅은 그림자 | 그대로 쓰입니다 |
| 고전 | 거의 사각 카드, 묵직한 그림자, 촘촘한 여백 | 그대로 쓰입니다 |
| 현대 | 큰 둥근 카드, 넓은 여백 | 그대로 쓰입니다 |
| 에디토리얼 미니멀 | 큰 글자, 절제된 카드 — 잡지 느낌 | 쓰이지 않습니다 |
| 대시보드 카드 | 카드를 촘촘히 놓는 정보형 | 쓰이지 않습니다 |
| 함께 짓는 성전 | 성전건축을 앞세운 큰 머리글 | 쓰이지 않습니다 |
아래 세 스킨은 홈 블록이 나오지 않습니다
에디토리얼 미니멀·대시보드 카드·함께 짓는 성전은 홈이 전용 짜임새로 고정되어 있어, 1장에서 쌓으신 블록이 보이지 않습니다(홈의 후원 광고 블록도 마찬가지). 홈 아래에 후원 광고를 내보내시려면 기본·고전·현대 중에서 고르십시오. 사이드바·게시판 아래 광고는 어느 스킨에서나 나옵니다.
7 · 안내 배너 만들기
첫영성체 축하나 행사 홍보처럼 기간을 정해 걸고, 누르면 어딘가로 넘어가는 그림입니다. 그룹(어디에·어떤 모양으로)을 만들고 그 안에 그림(무엇을·어디로)을 담습니다.
여는 곳관리자 화면 › 페이지·배너 › 안내 배너
- 1그룹을 새로 만듭니다.
- 2「위치」를 고르거나 적습니다.홈 메인·홈 중단·홈 하단, 성당 소개 위·아래, 캘린더·주보·사진 위 같은 자리가 준비되어 있습니다. path:/경로 처럼 적으시면 그 화면 본문 위에, path:/경로:bottom 은 본문 아래에 걸립니다.
- 3크기(비율)·넘어가는 효과·간격을 정합니다.
- 4「노출 기간」의 시작과 끝을 정합니다.비우면 계속 걸리고, 기간이 지나면 저절로 사라집니다.
- 5「활성」을 켭니다.
- 6그 그룹 안에 그림을 올립니다.
- 7「클릭 시 이동 URL」에 넘어갈 주소를 적습니다.비우시면 누를 수 없는 그림이 됩니다. 두 장 이상 넣으시면 저절로 넘어갑니다.
다 되면그룹 카드 위쪽에 이 배너가 실제로 걸리는 화면이 표로 뜹니다. 공개 화면을 새로 고치면 바로 보입니다.
배너가 보이지 않으면 그룹 카드의 「표시 위치」부터 보십시오
“이 위치를 참조하는 화면이 없습니다” 경고가 떠 있으면 위치 이름이 틀린 것입니다. 표시가 정상인데도 안 보이면 「활성」이 꺼져 있거나 노출 기간이 지난 것입니다.
8 · 아이콘 등록하기
홈 빠른 메뉴의 아이콘은 기본 일곱 가지(성당·분과·주보·십자가·건축·성인·기도문)가 있고, 본당 아이콘을 직접 넣으실 수도 있습니다.
여는 곳관리자 화면 › 레이아웃 › 아이콘
- 1아이콘 사이트에서 복사한 SVG 코드를 붙여넣거나, 그림 파일을 올립니다.그림은 png·jpg·webp·gif 5MB까지. 정사각형에 가까운 것이 잘 맞습니다.
- 2오른쪽 미리보기로 모양을 확인하고 저장합니다.붙여넣으신 코드에서 위험한 부분은 서버가 걸러 냅니다. 미리보기는 걸러 낸 뒤의 모습이라 보이는 그대로 저장됩니다 — 무엇인가 정리되었으면 「안전을 위해 일부가 정리되었습니다」가 함께 뜹니다.
- 3색을 입히시려면 목록 카드의 색 단추를 누릅니다.[색 해제]를 누르면 원래대로 돌아옵니다.
다 되면레이아웃 › 홈 블록의 빠른 메뉴 항목을 고칠 때 「등록 아이콘」 묶음으로 나타납니다.
아이콘을 지워도 화면이 깨지지 않습니다
그 아이콘을 쓰던 빠른 메뉴는 기본 성당 아이콘으로 저절로 바뀝니다.
이미 넣어 두신 아이콘의 코드를 고치실 수도 있습니다. 목록 카드의 [코드]를 누르시면 그 자리에서 「SVG 코드」 칸이 펼쳐집니다 — 고치신 뒤 저장하시면 그 아이콘을 쓰는 곳이 모두 함께 바뀝니다. 다시 [닫기]를 누르시면 접힙니다.
[코드] 단추가 안 보이는 아이콘이 있습니다
그림 파일로 올리신 아이콘입니다 — 고칠 코드가 없으므로 단추를 아예 그리지 않습니다. 모양을 바꾸시려면 지우고 새로 올리십시오.
v3.13.0 이상이 기능은 새 버전에서 쓸 수 있습니다. 관리자 › 시스템 업데이트에서 버전을 올리면 나타납니다.
자주 묻는 질문
Q.적었는데 저장이 안 된 것 같습니다
글자·숫자 칸은 다른 곳을 한 번 눌러야 저장됩니다. 적으신 뒤 바로 화면을 떠나지 마십시오.
Q.블록 차례를 바꿨는데 휴대폰에서 그대로입니다
그렇게 되어 있습니다. 휴대폰은 정해진 차례로 나오고, 차례 바꾸기는 큰 화면에만 적용됩니다.
Q.배너가 공개 화면에 보이지 않습니다
① 그룹의 「활성」 ② 위치 이름이 거는 자리와 맞는지 ③ 노출 기간이 지나지 않았는지를 차례로 보십시오.
Q.새 화면에 사이드바가 생기지 않습니다
레이아웃 › 메뉴에서 그 주소를 메뉴 항목으로 넣으셔야 사이드바가 생깁니다.
Q.화면 위에 사진이 나오지 않습니다
페이지 사진에서 그 화면의 공개 주소가 실제 주소와 맞는지, 사진이 한 장이라도 있는지 보십시오.
Q.시기 색을 골랐는데 바뀌지 않습니다
자동이 켜져 있으면 손수 고른 것은 무시됩니다. 자동을 끄고 [저장]한 뒤 공개 화면을 새로 고치십시오.
Q.사진이 이상하게 잘려 보입니다
사진은 자리에 꽉 차게 보이고 넘치는 부분이 잘립니다. 페이지 사진은 아홉 칸 격자로 보여줄 부분을 고르시고, 배너는 고르신 비율에 맞는 사진을 쓰십시오.
Q.게시판을 메뉴에 연결할 수 없습니다
실수하셔도 됩니다
여기 있는 설정은 전부 다시 누르면 되돌아가고, 글이나 사진을 지우지 않습니다. 공개 화면을 옆 창에 띄워 두시고 바꾸고 새로 고치며 천천히 다듬어 보십시오.