그누 반응형(부트스트랩 4) BS4 v2.8: 오류 수정 패치 파일 올림(5/17) > 그누보드5 테마

그누보드5 테마

테마 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

그누 반응형(부트스트랩 4) BS4 v2.8: 오류 수정 패치 파일 올림(5/17) 정보

그누 반응형(부트스트랩 4) BS4 v2.8: 오류 수정 패치 파일 올림(5/17)

첨부파일

첨부파일 bs4_v2.8_set.zip (18.4M) 195회 다운로드 2019-05-14 12:06:02
첨부파일 content.skin.php.zip (1.2K) 19회 다운로드 2019-05-14 05:13:51
첨부파일 bs4_v2.8_patch.zip (11.1K) 11회 다운로드 2019-05-17 12:07:55

본문

테마의 설정 및 본 테마의 운용과 관련한 내용을 자세하게 정리한 텍스트 파일과 PDF 파일이 포함되어 있으니 이를 참조하여 테마의 설정을 진행하시기 바랍니다.

 

### 2019-05-17: v2.8, 2차 오류 수정

- aside 메뉴에 메뉴 박스가 표시되지 않는 오류 수정

- 로그인한 상태에서 캘린더 게시판의 글쓰기로 들어가면 푸터의 폭이 줄어드는 오류 수정 및 input box 개선

- 패치 파일을 설치할 위치는 테마 > aside.php테마 > skin > board > bs4_calendar > write.php입니다.

 

### 2019-05-14: v2.8, 1차 오류 수정

- content.skin.php에 동일 코드가 중복으로 삽입되어 본문의 내용이 두 번 표시되는 오류 수정

- 이미 파일을 내려받으신 네 분께서는 bs4_v2.8 set 파일 전체를 내려받으시거나, content.skin.php.zip을 내려받으신 후, 테마 > skin > content > basic에 있는 content.skin.php 파일을 교체해 주시기 바랍니다.

 

### 2019-05-14: v2.8
1. index.php 추가(모던 2)
2. 메인 상단에 패럴렉스 이미지 옵션 추가(테마 설정에서 선택)
3. 모바일 모드에서의 로그인 방식을 offcanvas 방식(오른쪽 슬라이드)으로 변경
4. owl carousel을 적용한 슬라이드 방식의 최신글 추가(갤러리, 웹진)
5. 탭 방식의 최신글 추가(리스트)
6. 푸터를 상세 방식으로 변경
7. 캘린더 게시판의 날짜 입력 시 로딩되는 달력에 Material Design 적용 및 레이아웃 일부 개선
8. 로그인 입력 화면 일부 수정(아웃 로그인도 수정)
9. 4개의 index.php 모두 Aside 사용 옵션 적용
10. 소스에서 누락되거나 오류 또는 레이아웃이 어긋나는 부분 수정 등

 

* 첨부 파일 구성: bs4_v2.8, index 모음(4개), 페이지 샘플 모음(3개), 매뉴얼(txt, PDF)

 

** 위의 이미지는 이번에 새로 추가한 index_modern_2의 화면과, 이번에 새로 추가한 패럴렉스 상단 이미지 선택 옵션이 포함된 테마 설정의 화면입니다.

추천20

댓글 전체

혹시 완성도가 떨어진다거나, 기능에 오류가 있지나 않을까 하는 염려를 늘 하고 있습니다.
부디 이 테마를 사용하시는 분들이 편안하게 사용하실 수 있기를 바라는 마음입니다. ^^
안녕하세요! 정말 기다렸던 업데이트 감사합니다.
그누보드 마지막 5.3 버전으로 깨끗하게 세팅한 상태에서 테마로 설치 해봤는데 pc에서는 상관없는데 모바일에서 볼때는 css를 정확히 못불러오는 것처럼 살짝 이상하게 나오는데 어떤게 문제 일까요? 이 문제는 올려주신 샘플사이트에서는 이상 없더라고요.
혹시 그누보드 루트에 있는 config.php의 라인 125의

define('G5_USE_MOBILE', true); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정

에서 true를 false로 변경해 주셨는지요?
이를 변경하지 않으면, 살짝 이상하게를 넘어 어째 좀 이상하게 나오게 되거든요. ^^

제가 포함해 놓은 매뉴얼을 보시면, 테마 설치 후 잡아주어야 할 기본적인 설정과 운용을 위한 기술적인 내용들이 정리되어 있으니 한 번 확인해 보시면 좋을 듯합니다.
헉! 테마 하나 만드는 게 생각보다 시간이 꽤 걸리는 일이더라구요.
그동안 잠시 미루어 놓은 저의 작업에 몰두하여야 하기에 그건 좀... ^^
해당 패럴렉스는 parallax-window-sub이며, 테마 > css > default.css의 라인 247입니다.

본 테마의 운용과 관련하여 제가 정리해서 포함해 놓은 매뉴얼을 보시면 자세하게 설명이 되어 있으니 참조하시면 좋을 듯합니다
물론 위의 내용도 자세하게 기술해 놓았답니다.  ^^
정말 좋은 테마 감사합니다. 고생많이 하셨네요 ^^
이 테마로 홈페이지를 만들어 볼려고 하는데 몇가지 궁금한것이 있어 문의 드립니다.

1. 테마설정에서 사이드 "있음"으로 설정하고 위치는 "왼쪽"으로 설정하고 게시판을 테마 스킨으로
  공지사항, 상담게시판, 갤러리를 등록하여 확인하였으나 "상담"게사판을 제외한 모두 100%로 보여주고
  css도 깨지는 듯합니다. 이 부분으로 어떻게 고쳐야 할지 궁금합니다.



2. 사이드에서 2차 메뉴를 표시해주고 싶은데 가능할까요?

3. 그리고 페이지마다 상단 이미지가 변경되는데 이 부분은 어디서 수정하나요?
 
정말 이 테마로 홈페이지를 만들고 싶은데 제가 지식이 너무 짧아서 제작자님을 귀찮게 하네요 ^^

답변 부탁드립니다. 감사합니다. ^^
우선 1, 3번은 제가 포함해 놓은 manual(txt, PDF 파일)에 있는 설치 방법과 운용 방법 등을 읽어보신 후에 그대로 진행하시면 바로 해결될 문제가 아닐까 합니다.

부연 설명을 드리면,

1번의 경우, '게시판 관리'에서 해당 게시판의 스킨을 [테마] bs4_xxx 로 맞춰주세요.

3번의 경우, Manual에 보시면 Parallax의 설정과 관련한 부분이 있는데,  해당 $bo_table에 대해 원하시는 이미지의 파일명을 $paral_pic에 지정하시면 됩니다.

2번의 경우, 2차 메뉴 표시는 별도의 작업이 필요할 것으로 여겨집니다.
별도의 작업이 없이도 가능한지 한 번 확인을 해보겠습니다.
될 것 같기도 하고, 안 될 것 같기도 하고, 기억이 좀 흐릿하네요. ^^;;

지금 외출을 나가야 해서 이따가 방법을 한 번 찾아본 후에 다시 답글을 올리도록 하겠습니다. ^^

감사합니다.
여러 상황을 고민(?)해 보았는데, 2차 서브 메뉴를 사용하도록 작업하는 것은 어려울 듯합니다.
우선, 테마의 범위를 넘어서서 그누보드 원본을 건드려야 하는 문제가 있기 때문입니다.
일반적으로 원본을 수정하지 않으면, 2차 서브 메뉴를 설정할 수 있는 방법이 전혀 없습니다.
따라서 그누 원본을 수정해야 하는데, 테마의 범위를 넘어서서 빌더의 범위에 해당하는 문제이기에 테마 자체로 해결하는 방법은 메뉴 코드의 수작업 외에는 달리 방법이 없어 보입니다.

그리고 메인 메뉴만이 아니라 aside를 사용하는 경우에는 aside의 메뉴도 수정 작업을 해야만 하는 문제도 있습니다.

물론 메뉴 소스를 직접 수작업으로 상황에 맞게 따로 제작하는 것은 가능하겠지만, 지금 현재의 방식처럼 테마를 설치한 후에 관리자 메뉴에서 사용자가 2차 서브 메뉴를 설정하는 것은 메뉴가 아예 존재하기 않기에 그누 원본 소스를 수정하기 전에는 불가능한 일임을 알려드립니다.

그래서 저의 생각은 1차 서브 메뉴로 일단 들어간 후에 카테고리 기능을 이용하여 2차 서브 메뉴의 기능을 대신하는 게 어떨까 합니다.
즉, 2차 서브 메뉴에 해당하는 메뉴는 1차 서브 메뉴로 일단 들어간 후에 카테고리로 만들어서 사용하는 방식입니다.

빌더가 아닌 테마의 경우에는 그누 원본 소스를 수정하지 않는 한, 일반 사용자가 쉽게 2차 서브 메뉴를 사용할 수 있도록 구성하는 것은 현실적으로 어렵다는 점에 대해 양해를 구합니다.
답변 정말 감사합니다.

일단 1차 메뉴를 표시 하게 해야 겠네요...

그런데 죄송하지만 1차 메뉴 나오게 하는 방법은 어떻게 되는지 궁금합니다.

소스를 보니 분명 1차 메뉴를 나오게 하는 소스가 있는듯 한데..

어떻게 수정을 해야 하는지 궁금합니다.

광주열린상담소.com/g5/bbs/content.php?co_id=sayhello

위사이트 처럼 하는 방법좀 부탁드겠습니다.

감사합니다.
서브 1차 메뉴의 설정은 이 테마의 역할이라기보다는 그누 보드 자체의 기능입니다.

관리자로 로그인하신 후, 괸라자 > 메뉴 설정에서 대메뉴를 추가하신 후에 해당 대메뉴에서 추가 버튼을 눌러 메뉴를 추가하면, 대메뉴에 좋속하는 1차 메뉴가 생성됩니다.
이렇게 1차 메뉴가 생성되면, 상단, 측면의 메뉴에 자동으로 나타나게 됩니다. ^^
한가지만 더 질문하겠습니다.

메인메뉴 롤오버시 컬러가 블루계통인데 이부분을 변경할려고 합니다. 어디를 손봐야 할지

궁금합니다.

몇군데 찾아서 해보왔는데 안되서요 ㅠ.ㅠ
a{
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
이거 인듯한데 안먹어서요 ㅠ.ㅠ

죄송하지만 답변 부탁드리겠습니다.

감사합니다. ^^
메뉴는 크게 메인 메뉴와 그에 해당하는 서브 메뉴로 구별됩니다.
지금 원하시는 것이 메인 메뉴와 서브 메뉴를 같은 색상으로 변경하시고자 하는 것인지, 아니면 메인 메뉴와 서브 메뉴를 서로 다른 색상으로 변경하시고자 하는 것인지 알 수 없기에 두 가지 경우로 구별하여 말씀드리겠습니다.

수정 대상은 테마 > css > default.css의 라인 14입니다.
.dropdown-item:hover, .nav-link:hover {color: #007bff !important;}

1. 메인 메뉴와 서브 메뉴가 같은 색상을 사용하는 경우: 한 줄의 소스로 설정
.dropdown-item:hover, .nav-link:hover {color: #xxxxxx !important;}

2. 메인 메뉴와 서브 메뉴가 다른 색상을 사용하는 경우: 두 줄의 소스로 설정

1) 메인 메뉴
.nav-link:hover {color: #xxxxxx !important;}

2) 서브 메뉴
.dropdown-item:hover {color: #xxxxxx !important;}

위의 #xxxxxx 부분을 원하는 색상으로 변경해 주시면 됩니다. ^^
정말 대단한것을 만들고 있으시구
공개까지 해주시니..... 더 대단 하시네요.
아직 적용은 못해봤지만...나중에 꼭 적용시켜 보고 싶네요. 홧팅 하세요. ^^
이런! 너무 격찬을 해주시니 몸 둘 바를 모르겠네요.
아직 부족한 점이 많기에 살짝 부끄러워집니다. ^^

어쨌든 좋게 보아주시니 정말 감사합니다.
응원(?)에 힘입어 열심히 작업하도록 하겠습니다. ^^;;
피앙세님 덕분에 왠만한건 다 해결했네요 정말 좋은 테마를 공개 해주셔서 다시 감사드립니다.

작업하면서 해결이 안된부분이 있는데 "게시판과 페이지 aside"표시가 제대로 안되서 다시 문의 드립니다.

1. 관리자에서 메뉴를 서브 메뉴까지 설정 완료

2. 테마설정에서 2번(게시판, 페이지 사이드 설정에서 "있음"

3. 3사이트 위치에서 "왼쪽" 설정 하면

  http://xn--hc0br5i0pg05hb3aj2pgzf.com/g5/bbs/content.php?co_id=sayhello#

  여기 사이트 처럼 좌측에 서브 메뉴가 나와야 하나요?

  별도에 설정 없이 그냥 서브 메뉴가 나오는 것인지 아니면 "aside.php"에서 다른 설정을 필요한건지

  궁금합니다.  지금 저는 데모페이지(http://iplace.co.kr/bs4/bbs/board.php?bo_table=list)와 같이

  좌측에서 이미지 > 접속자집게 만 나옵니다.(물론 설문을 등록하면 설문도 아주 잘나옵니다)

  혹시 별도의 설정을 해야 하나요?

  계속 개발자님을 귀찮게 하여 죄송합니다..
aside의 메뉴는 서브 메뉴가 등록되었을 때만 나오게 되어 있습니다.
만약 서브 메뉴를 생성하지 않으셨다면, 당연히 나올 서브 메누가 없기에 아무 표시도 되지 않습니다.
단지 설문 조사와 접속자 집계만 표시됩니다.

즉, aside에서 해줄 설정은 전혀 없으며, 서브 메뉴를 생성하느냐에 따라 거기에 맞춰 반응할 뿐입니다. ^^
아래와 같이 설정 했는데 안나오는 것은 아무래도 제가 먼가 잘못 만진듯 하네요.  처음부터 다시 해봐야 겠네요 ^^  늦게까지 고생하시네요 ^^ 다시한번 처음부터 해봐야 겠네요...  그리고 그누보드 버전은 상관 없죠? 5.4버전인데 ^^ 그건 상관없겠죠.^^;;
이궁 지금 모두 다시 설치하고 해봣는데 그누보드 문제는 아니고

테마 2.5버전에서는 이상없이 좌측메뉴가 나왔는데

테마 2.8에서는 좌측메뉴가 출력 되지 않네요 ㅠ.ㅠ

죄송하지만 한번 확인부탁드려도 될까요?
무어라 변명해야 할지 모르겠네요.
제가 버전 2.8을 제작하면서 서브 메뉴를 표시해 주도록 트리거를 해주는 소스를 통채로 누락시켰네요.

좌측 메뉴가 안 나온다고 하셔서 우측으로 설정하면 우측에 전체 메뉴 박스가 나오고, 좌측으로 설정하면 좌측에 전체 메뉴 박스가 나오지 않는다는 것으로만 생각해서 메뉴 박스만을 생각했지 정작 그 안에 담겨야 할 서브 메뉴는 제대로 확인하지 못했습니다.

수정한 파일을 올려 놓도록 하겠으며, 번거롭더라도 파일 교체를 해주시기 바랍니다.
번거롭게 해드려서 송구스러운 마음이고, 중요한 오류를 알게 해주셔서 감사의 마음을 전합니다.
넵 감사합니다.......  ^^ 아침부터 고생하시네요 ^^

구지 변명은 안하셔도 되십니다...

이렇게 좋은 테마를 공유해시주는것도 고마운데 이렇게 친절하고 빠른 답변도

해주시니 몸둘바를 모르겠습니다. ^^
양해해 주시니 고맙습니다. ^^
패치 파일을 올렸으니 내려받아 기존 파일과 대체해 보세요.
그럼, 예쁜 홈페이지로 꾸며지길 바랍니다.
이 테마 엄청나네요
메뉴얼 한번 구경했다가 그 꼼꼼함과 친절함에 놀랐습니다
그냥 압축만 풀어 올리는 테마에 비해 약간의 설정이 필요하지만 향후 더 심플해지고 다양해지는 패치가 될것으로 기대되네요
업데이트 속도가 어마어마 한 부분에서 추천 열 번 드리는 마음으로 꾹 누릅니다 ^^
작업해 놓고 보면 여기가 마음에 안 들고, 또 작업해 보면 저기가 마음에 안 들고 해서 계속 작업하다 보니 이런 상황(?)이 되었네요. ^^

이곳엔 홈페이지 작업을 직접 하시려 하는 분들이 많이 오시기에 작은 도움이라도 되었으면 하는 마음으로 기본 기능은 어느 정도 갖춰진 상태에서 마무리할까 하는 생각입니다.
또한 잘 활용되었으면 하는 바람에 운용을 위한 매뉴얼도 신경을 쓰게 되더라구요.

극찬의 말씀에 깊은 감사의 마음을 전합니다. ^^;;
회원가입 부분에서 겹쳐있는 모습이 발견됬네요...

다른것은 완벽하지만 아직 자잘한 버그가 조금씩 있는거같네요.
지금 이런저런 버그를 찾아내어 수정하고 있는 중입니다.
정신 없이 작업하다 보니 곳곳에 버그가 자리잡고 있더라구요.
조금의 수준을 좀 넘는 것 같네요. ^^

이렇듯 버그를 알려주셔서 감사합니다. 꾸벅~ ^^;;
압축을 푼 후에 여러 파일과 폴더 중에서 bs4_v2.8 폴더를 theme 폴더에 넣으시면 됩니다.
그리고 나머지 폴더 중에 Manual 폴더를 여시면, 설치 및 설정을 자세하게 설명한 매뉴얼이 text 파일과 PDF 파일에 담겨 있으니 참조하시어 설치 후 설정을 하시고, 수정 작업을 하시려면 그 안에 담아 놓은 내용 중에 해당 부분을 참조하시면 됩니다.

그리고 index_set에는 현재 index.php로 사용 중인 파일 1개를 포함한 4개의 index 파일이 있으니 현재 사용 중인 index,php와 교체하시면 또 다른 초기화면을 구성하실 수 있습니다.

Page Ssample 폴더에는 세 개의 파일이 있으며, 게시판이 아닌 페이지 형식의 내용으로 구성하는 경우에 참조하시어 필요한 부분만 발췌하여 페이지를 구성하시면 도움이 될 것입니다. ^^

그리고 지금은 버전 3.0까지 공개해 놓았으니, 버전 2.8보다는 3.0을 설치하시는 게 어떨까 합니다.
기능 추가 및 버그 개선을 한 버전이기 때문입니다.
pc버전,모바일버전 체크를 통해 pc버전은 대메뉴만 모바일에서는 서브메뉴가 보이게 하려는데
아무리 구분해서 저장해도 반영이 되질않네요
bs4테마에서 관리자모드 메뉴관리 기능은 안되는걸까요?
반응형의 경우에는 반응형의 특성 상 모바일 버전은 무시하고, 오직 PC 버전만으로 사용하게 됩니다.
즉, 모바일 버전을 사용 안 함으로 체크한 상태에서 사용하도록 되어 있습니다.
따라서 모바일 버전, PC 버전의 설정을 주셔도 애초에 모바일 버전을 사용하지 않도록 되어 있기에 해당 설정의 적용이 되지 않습니다.
관리자 설정에서도 오직 PC 버전에 대해서만 설정한다든가 하는 식으로, 반응형의 경우에는 모바일 버전이란 게 없이 오직 PC 버전으로만 사용하게 됨을 유념하셔야 합니다.

반응형의 경우에는 PC 버전만으로 동작하는 대신에 브라우저의 폭에 따라 반응하도록 함으로써 그 기능을 사용하게 되므로 브라우저의 폭에 따라 서브 메뉴의 가시성을 조절하는 방식으로 사용하시면 됩니다.

하지만 지금 적용하시고자 하는 내용이 좀 생소하네요.
이런 경우를 본 적도 없고, 무슨 이유로 그런 설정을 하시려고 하는 것인지 잘 이해가 가질 않습니다.
무슨 이유로 그런 설정을 하시려는 것인지도 궁금하지만, 말씀하신 기능대로 동작하도록 설정을 잡기에도 좀 애매한 부분이 있어 보이고, 상황이 좀 복잡해지네요. ^^

어쨌든, 말씀하신 내용대로 동작하도록 진행을 해보겠습니다.

우선, default.css의 아무 곳에나 추가해도 상관은 없지만, /* head */ 라는 주석 아래에 네비게이션과 관련한 설정이 있으니, 이곳에 아래의 코드를 추가하세요.

@media (min-width: 768px) {
.dropdown-menu {
display: none !important;
}
}

위의 코드를 집어 넣으면, 일단 브라우저의 폭이 768px 이상의 경우에는 일반 메뉴를 보여주게 되며, 이 일반 메뉴에서 부메뉴를 보여주지 않게 됩니다.
그러다가 폭이 768px 미만으로 좁아지는 경우에는 햄버거 메뉴가 나타나며, 이 햄버거 메뉴에서는 부메뉴를 보여주게 됩니다.

하지만 부메뉴가 딸린 대메뉴는 현재 링크가 #으로 되어 있어, 클릭해도 그 어떤 곳으로도 링크가 걸리지 않으므로, head.php에서도 수정을 해줘야 합니다.
일반 메뉴에서 대메뉴만 보이고, 서브 메뉴가 보이지 않길 원하시는 경우이기에, 대메뉴에 링크가 걸려 있지 않으면, 그 어떤 곳으로도 넘어갈 수 없는 문제에 봉착하게 됩니다.

이 부분에서 어떻게 해야 좋을지 한참 고민해야 했습니다.

먼저 head.php를 다음과 같이 수정해 주세요.

수정 전:
echo '<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'.$menu_item['name'].'</a>'.PHP_EOL;

수정 후:
echo '<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="'.$menu_item['url'].'" target="_'.$menu_item['target'].'" id="navbarDropdown" aria-haspopup="true" aria-expanded="false">'.$menu_item['name'].'</a>'.PHP_EOL;

그런 후에 관리자의 메뉴 설정에서 대메뉴에 해당하는 메뉴의 링크 주소에 서브 메뉴의 첫 번째 링크 주소를 복사하여 붙이세요.

어떤 의도로 이런 구성을 사용하시려는 것인지 알 수 없어 제가 제안하는 이 방식이 맞는 것인지는 모르겠지만, 만약 대메뉴를 클릭했을 때 넘어가길 원하는 링크 주소가 따로 있다면 그 링크 주소를 각 대메뉴에 대해 설정해 주시면 됩니다.

이 정도가 말씀하신 내용에 제가 판단하여 작성한 수정 내용의 전부입니다.
게시판 테이블에 데이터없을 경우 .$colspan. 으로 th의 갯수를 체크해서 td에 colspan에 변수 넣는거같은데 적용이 안되네요.. 오류일까요?
이 테마에서는 colspan을 사용할 일이 없어 해당 소스를 삭제한 상태입니다.
만약 colspan이 필요하시다면, 해당 게시판 보드의 list.skin.php의 앞쪽에 다음과 같은 형태로 코드를 추가해서 사용하시기 바랍니다.

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = X;

if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;

위에서 x의 숫자는 지금 사용 중인 게시판의 열의 수를 감안한 수치를 대입하시면 됩니다.
시스템 구축이 완료된 것인가요?
정말 수고하셨습니다. ^^

부디 원하시는 의도대로 구축되었길 바라며, 앞으로도 활용에 어려움이 없길 바랍니다.
감사합니다. ^^;;
전체 105 |RSS
그누보드5 테마 내용 검색

회원로그인

진행중 포인트경매

  1. 완피 크리미 퓨레 고양이 마약간식 10봉

    참여4 회 시작19.07.17 09:26 종료19.07.20 09:26

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT