주보 게시판 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

주보 게시판 정보

게시판 주보 게시판

첨부파일

jubo.zip (5.7M) 15회 다운로드 2022-08-01 01:22:05 포인트 차감10
테스트한 버전5.5.4
호환 가능 버전5.4이상

본문

2106540710_1659282705.8587.png

교회주보 게시판을 만들어 보았습니다.

압축을 풀면 jubo_pc, jubo_mobile, video 3개의 폴더가 나옵니다.

그누보드 순정기준으로 jubo_pc는 skin/board 폴더에, jubo_mobile은 mobile/skin/board 폴더에 업로드합니다. video 폴더에는 에펙효과를 줄 수 있는 mp4 영상이 들어있습니다. 사용하기 쉬운 적당한 위치에 업로드해줍니다.

비타주리님의 내맘대로 썸네일(https://sir.kr/g5_skin/47189?sfl=wr_name%2C1&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC&page=2), 
그누홈페이지 에펙효과(https://sir.kr/g5_tip/18772?sfl=wr_subject%7C%7Cwr_content&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC), 
자바스크립트 토글 컨텐츠 함수(https://sir.kr/g5_tip/18582?sfl=wr_subject%7C%7Cwr_content&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC)과

작은별님의 여분필드 10개이상 사용하기(https://gnustudy.com/bbs/board.php?bo_table=skin_board&wr_id=31)을 사용하였습니다.

유용한 소스를 공유해주신 비타주리님과 작은별님께 감사드립니다.

여분필드를 20개 추가해서 wr_1 ~ wr_30 까지 사용했습니다.
여분필드를 추가하는 방법은 위의 작은별님의 사이트를 참고해주세요.
여분필드는 varchar로 처음에 설정이 되어있습니다.
교독문이나 설교내용같이 내용이 길 경우는 다 출력이 되지 않는 경우가있습니다. 

이런경우 phpMyAdmin으로 db에 접속해서 아래 그림처럼  varchar를 text로 변경해주면 다 나옵니다.

2106540710_1659283073.265.jpg

 

글쓰기는 pc에서만 가능하게 하였습니다. 교독문과 찬송가가사, 설교내용 같은 경우는 메모장등에서 별도로 작성하여 붙여넣기하는 것이 좋을 것 같습니다.

2106540710_1659283272.4881.png

1. wr_1: list.skin.php에서 이미지를 썸네일로 보여줍니다. 이미지의 경로를 넣어줍니다. 절대경로, 상대경로, 타 사이트의 이미지도 가능합니다.
<입력예> /zz/images/suzy.png

2. 이미지 에펙효과: 이미지위에 에펙효과를 나타내줍니다.(참고:https://sir.kr/g5_tip/18772?sfl=wr_subject%7C%7Cwr_content&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC)
 wr_2: 배경이미지주소 <예> /zz/images/changduk.jpg
 wr_3: 에펙효과 동영상주소 <예> /zz/video/10.mp4

3. wr_5: 예배날자를 텍스트로 입력해줍니다.

4. 교회소식
 wr_5: 교회소식 제목을 넣어줍니다.
 wr_7: 교회소식 내용을 넣어줍니다. 

5. 주기도문
 wr_8: 주기도문 제목을 넣어줍니다.
 wr_9: 주기도문 내용을 넣어줍니다.

6. 사도신경
 wr_10: 사도신경 제목을 넣어줍니다.
 wr_11: 사도신경 내용을 넣어줍니다.

7. 찬양대 찬양
 wr_12: 찬양대 찬양 제목을 넣어줍니다.
 wr_13: 찬양대 찬양 내용을 넣어줍니다.
 wr_14: 찬양 유튜브영상 주소를 넣어줍니다. 
<예><iframe width="1006" height="566" 
src="https://www.youtube.com/embed/9FNMj1rPU2c" 
title="[새찬송가] 338장 내 주를 가까이 하게 함은" 
frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>중에서
 src부분인 https://www.youtube.com/embed/9FNMj1rPU2c 을 넣어줍니다.

 

2106540710_1659283591.5411.png

8. 찬송
 wr_15: 찬송가 제목을 넣어줍니다.
 wr_16: 찬송가 내용을 넣어줍니다.

9. 교독문
 wr_17: 교독문 제목을 넣어줍니다.
 wr_18: 교독문 내용을 넣어줍니다.

10. 대표기도
 wr_19: 대표기도자 이름을 넣어줍니다.
 wr_20: 대표기도자 이미지주소를 넣어줍니다.
 wr_21: 대표기도 내용을 넣어줍니다.

11. 설교
 wr_23: 설교제목을 넣어줍니다.
 wr_24: 설교자 이미지주소를 넣어줍니다.
 wr_25: 설교 내용을 넣어줍니다.

12. 설교후 찬양
 wr_26: 찬송가을 넣어줍니다.
 wr_27: 찬송가 가사 내용을 넣어줍니다.
 wr_28: 찬송가 유튜브영상 주소를 넣어줍니다. <예>https://youtu.be/9FNMj1rPU2c

13. 축도
 wr_29: 축도 제목을 넣어줍니다.
 wr_30: 축도 내용을 넣어줍니다.

14. 본문 보이기 또는 본문 숨기기
 wr_4: 본문보이기를 사용하려면 본문보이기에 체크, 본문을 숨기려면 아무글이나 쓰고  본문숨기기에 체크합니다.

 

* 교독문, 찬송가가사등 긴 글을 html, css를 사용해서 입력하니까 입력은 잘되는데 수정할 때 입력한 html, cls를 사용해서 입력한 내용이 사라지는 현상이 생겨서 다시 입력을 해야하는 경우가 생깁니다

아래 예처럼 toggle-body에 style을 적용해서 텍스트를 <br>로 나누어하면 입력하기도 쉬워지고 좋은 것 같습니다.
<!-- 교독문 -->
    <div class=toggle-title> <?php echo $view['wr_17']; // 교독문 타이틀  ?> </div>
    <div class=toggle-body  style="padding: 20px;color:blue;font-size:18px;"> <?php echo $view['wr_18']; // 교독문 내용 ?> </div

 


 
<!-- 교회소식 -->
 <p id="sosik" style="color:red;padding:30px;">
  
 * 7월은 오직 마음을 새롭게 훈련하고 하나님을 땨라 새 사람을 입는 달입니다(엡 4: 22~24)<br><br>
 * 기도: 성도의 삶<br><br>
  말씀을 묵상하고, 말씀으로 먼저 생각하고, 말씀 중심으로 말하고, 말씀에[ 순종하는 삶<br>
 1. 하나님의 소원: 너는 그들에게 말하라 주 여호와의 말씀이니라 나의 삶을 두고 맹세하노니 나는 악인이 죽은 것을 기뻐하지 아니하고악인이 그의 길에서 돌이켜 떠나가는 것을 기뻐하느니라
 
 </p>
<!-- 교회소식 -->

<!-- 찬송가 가사 -->
  <p class="nearer" style="color:blue;padding-left:20px;">
  338장. 내주를 가까이 하려함은<br><br><br>
  1<br> 내 주를 가까이 하게 함은<br>  내 주를 가까이 하게 함은<br>  십자가 짐 같은 고생이나<br>  내 일생 소원은 늘 찬송하면서<br>  주께 더 나가기 원합니다<br><br>   
   
   2<br>  내 고생하는 것 옛 야곱이<br>  돌베개 베고 잠 같습니다<br>  꿈에도 소원이 늘 찬송하면서<br>  주께 더 나가기 원합니다<br><br>   
   
   3<br> 천성에 가는 길 험하여도<br>  생명길 되나니 은혜로다<br>  천사 날 부르니 늘 찬송하면서<br>  주께 더 나가기 원합니다<br><br>   
   
   4<br> 야곱이 잠 깨어 일어난 후<br>  돌단을 쌓은 것 본받아서<br>  숨질 때 되도록 늘 찬송하면서<br>  주께 더 나가기 원합니다.
   
 </p>
<!-- 유튜브주소: https://www.youtube.com/embed/9FNMj1rPU2c-->
<!-- 찬송가 가사 -->
 
<!-- 사도신경 -->
 <p id="sadisinkyoung" style="padding: 10px;color:purple; font-size:18px;">    
  
전능하사 천지를 만드신 하나님 아버지를 내가 믿사오며,<br><br>
그 외아들 우리 주 예수 그리스도를 믿사오니,<br><br>
이는 성령으로 잉태하사 동정녀 마리아에게 나시고,<br><br>
본디오 빌라도에게 고난을 받으사,<br><br>
십자가에 못 박혀 죽으시고,<br><br>
장사한지 사흘 만에 죽은 자 가운데서 다시 살아나시며,<br><br>
하늘에 오르사,<br><br>
전능하신 하나님 우편에 앉아 계시다가,<br><br>
저리로서 산자와 죽은자를 심판하러 오시리라.<br><br>
성령을 믿사오며,<br><br>
거룩한 공회와,<br><br>
성도가 서로 교통하는 것과,<br><br>
죄를 사하여 주시는 것과,<br><br>
몸이 다시 사는 것과,<br><br>
영원히 사는 것을 믿사옵나이다.<br><br>
아멘.  
 </p>
 
 
<!-- 주기도문 -->
 <p id="lordsprayer" style="padding: 10px;color:purple; font-size:18px;">
하늘에 계신 우리 아버지,<br><br>
아버지의 이름이 거룩히 빛나시며<br><br>
아버지의 나라가 오시며<br><br>
아버지의 뜻이 하늘에서와 같이<br><br>
땅에서도 이루어지소서!<br><br>
오늘 저희에게 일용할 양식을 주시고<br><br>
저희에게 잘못한 이를 저희가 용서하오니<br><br>
저희 죄를 용서하시고<br><br>
저희를 유혹에 빠지지 않게 하시고<br><br>
악에서 구하소서.  아멘. 
 </p>
 
 
<!-- 교독문 -->
 시편 20편 <br><br>
1. 너희 의인들아 여호와를 즐거워하라 찬송은 정직한 자들이 마땅히 할 바로다<br><br>
2. 수금으로 여호와께 감사하고 열 줄 비파로 찬송할지어다<br><br>
3. 새 노래로 그를 노래하며 즐거운 소리로 아름답게 연주할지어다<br><br>
4. 여호와의 말씀은 정직하며 그가 행하시는 일은 다 진실하시도다<br><br>
5. 그는 공의와 정의를 사랑하심이여 세상에는 여호와의 인자하심이 충만하도다<br><br>
6. 여호와의 말씀으로 하늘이 지음이 되었으며 그 만상을 그의 입 기운으로 이루었도다<br><br>
7. 그가 바닷물을 모아 무더기 같이 쌓으시며 깊은 물을 곳간에 두시도다<br><br>
8. 온 땅은 여호와를 두려워하며 세상의 모든 거민들은 그를 경외할지어다. (다같이)
 
 
<!-- 교독문 시편 1편 -->
 <p style="color: black; font-size: 22px;"> 시편 1편 </p><br>
  <p style="color: black; font-size: 19px;">1. 복 있는 사람은 악인들의 꾀를 따르지 아니하며 죄인들의 길에 서지 아니하며 오만한 자들의 자리에 앉지 아니하고</p><br>
 <p style="color: red; font-size: 19px;"> 2. 오직 여호와의 율법을 즐거워하여 그의 율법을 주야로 묵상하는도다</p><br>
 <p style="color: black; font-size: 19px;">3. 그는 시냇가에 심은 나무가 철을 따라 열매를 맺으며 그 잎사귀가 마르지 아니함 같으니 그가 하는 모든 일이 다 형통하리로다</p><br>
 <p style="color:red; font-size: 19px;">4. 악인들은 그렇지 아니함이여 오직 바람에 나는 겨와 같도다</p><br>
 <p style="color: black; font-size: 19px;"> 5. 그러므로 악인들은 심판을 견디지 못하며 죄인들이 의인들의 모임에 들지 못하리로다</p><br>
 <p style="color: red; font-size: 19px;">6. 무릇 의인들의 길은 여호와께서 인정하시나 악인들의 길은 망하리로다</p>

 

 

 

추천
6

댓글 전체

감사합니다.^^
이런 식으로 주보를 만들어서 토요일에 홈페이지에 올리면 찬양을 미리 들어보고, 성경말씀을 묵상할 수있어서 좋을 것 같다는생각에서 만들어 보았습니다.
교독문 같은 경우에 성경을 찾는 번거로움이 줄 것 같습니다.
텍스트크기를 조절하면 나이 많으신 분들에게도 좋을 듯 합니다.
철용님 교회는 예전 사도신경을 사용하시네요.
수고하셨습니다.
여분필드 넣고 요리조리 배치해주는 컨텐츠는 할 줄 알아도 시간과의 전쟁이라 개발비가 보장되지 않으면 일부러 작업하기가 쉽지 않은데 고생하셨어요.
이제 여분필드 사용하는 것은 큰 문제도 아니실 듯...
감사합니다. 비타주리님의 격려는 무엇보다 힘이 됩니다.
자바스크립트 토글함수가 없었으면 만들지 못했을 겁니다.
저는 그냥 재미로 합니다.^^
게시판에 무엇을 다 넣을 수 있어서 볼수록 그누보드가 대단하다는 생각이 듭니다.
https://hdbc.kr 여기에도 설치 할지
목사님께 여쭈어 봐야겠네요

근데 할머니들 포함 10명 남짓 교회라서
관리는 제가 해야 해서..
고민중입니다~
감사합니다.
교회홈페이지 깔끔하고 좋습니다. 아미나로 만드신 것 같습니다.
제가 섬기는 교회도 출석교인이 20명이 안되는데요.
어르신들이 많습니다.
종이주보에 나오는 내용을 모두다 넣으려면 여분필드 30개도 모라잘 것 같다는 생각이 듭니다.
교독문등 필요한 것만 넣으시면 관리하기도 편하고 이용하시는 분도 불편이 없을 것 같습니다.
종이주보와 같이 사용하면 좋겠다는 생각이듭니다.
큰글씨 성경도 있지만 성경책 글씨가 비교적 작은 편이라 어르신들이 보기에 불편할 수 있습니다.
교독문이나, 찬송가 가사같은 경우에 폰트크기를 크게하면 성경책을 보는 것 보다 더 편할 것 같다는 생각이 듭니다.
매주 관리하기가 번거로울 수 있습니다. 매주 빠지지 않고 업데이트해야하니까요.
종이주보를 별도로 만드는 것과 비슷하다고 생각됩니다.
대다수의 교회는 별도로 홈페이지를 관리하는 사람이 없을 것입니다.
교회성도 중에서 인터넷 잘 하는 사람이 관리하는 그런식이죠.
디지털 주보 필요성을 느끼긴 합니다.
제가 이번 년도 부터 출석하고 나서
유튜브, 홈페이지 다 관리하게 되니깐 ,
부담이 되더라고요

종이주보와 함께 사용하면 좋을것 같습니다.
더군다나 매주 웹에 기록이 되어서 좋을 것 같긴합니다.

설치 먼저 해보고, 목사님께 말씀드려야 겠네요

감사합니다~^^
저희 울산시민교회는 종이 주보를 개인적으로 출력할수 있도록 pdf 파일로 매주 금요일 제공합니다.
http://www.usm.or.kr/board_view.html?code=7969&num=812
코로나 시작되고 손코딩으로 온라인 주보라는 이름으로 사용하고 있는데
이걸 범용적으로 만들어보고 싶다가도 엄두가 안났는데 엄청난 작업을 해주셨네요.
둘러보면서 감탄하고 있습니다. 멋진 스킨 만들어 주셔서 감사합니다.
전체 2,164 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT