### 2019-04-16: 일부 파일 수정 후 v1.2로 변경
1. 웹진 게시판에 가로보다 세로가 긴 이미지 업로드 시 리스트 목록의 썸네일 이미지가 아래로 길게 늘어나는 현상 수정
2. 리스트 게시판, 갤러리 게시판, 웹진 게시판의 내용 보기(View)에서 화면 폭을 조절하면 이미지의 폭이 가로로 꽉 차게 되는 현상 수정
### 2019-04-14: v1.0 이후에 수정한 내용을 적용하여 v1.1로 변경
1. 모바일 화면에서 메인 화면의 슬라이드의 크기를 작게 줄임
2. 화면 폭을 넓힐 때, 슬라이드의 이미지가 함께 늘어나는 현상 수정
3. 메인 화면의 최신글 추출 시 제목의 글자 수 제한 자동 조절 기능 추가
4. 테마 폴더 안에 슬라이드의 설정과 관련한 간단한 설명 파일 추가(slide.txt)
단, Hamburger Menu의 Hover 기능은 제외함
### 2019-04-13: new_slide.zip 설치 후에 화면 폭을 늘릴 때, 슬라이드의 이미지가 함께 늘어나는 현상 수정 1. new2_slide.zip 파일을 내려받아 기존의 파일을 대체하면 됨
2. 파일의 설치 방법과 슬라이드의 활용과 관련한 간단한 설명을 정리한 information.txt 포함
3. 기존에 올렸던 new_slide.zip은 삭제함
### 2019-04-12: 메인 화면의 최신글 추출 시 제목의 글자 수 제한 자동 조절 기능 추가
1. hoover_and_latest.zip을 내려받아 테마 폴더 > skin > latest > basic에 있는 latest.skin.php를 대체하세요.
2. 테마 폴더 index.php의 최신글 1 추출 코드의 맨 마지막 숫자(제목의 글자 수 제한)는 0으로 설정하세요.
예: echo latest('theme/basic', 'basic', 6, 0);
2. 최신글 추출 스킨 중에서 basic 스킨만 수정했습니다.
3. 첨부 파일 수 제한으로 기존에 올렸던 hover_head.zip은 삭제를 하고, hover_head.php와 latest.skin.php를 한 폴더에 담아 hoover_and_latest.zip으로 다시 올렸습니다.
### 2019-04-08: PC 모니터에서 화면 폭을 줄였을 때 나타나는 Hamburger Menu를 기존의 클릭 방식에서 Hover 방식으로 변경한 head.php 제작
1. 내려받은 hover_head.php 파일의 파일명을 head.php로 바꾼 후 기존의 head.php와 대체하면 됨
2. 모바일에서는 Hover 방식을 사용할 수 없으므로, 이 방식은 PC 모니터에서만 동작함
### 2019-04-06: 화면 폭이 줄어들면, 슬라이드의 이미지의 높이가 줄어들도록 수정
1. 파일을 내려받아 기존의 파일을 대체하면 됨
2. 파일 설치와 슬라이드의 활용과 관련한 간단한 설명을 정리한 information.txt 포함
### 2019-03-24: v1.0_e9 추가 ###
1. Bootstrap 4가 정식으로는 지원하지 않는 ie8, ie9 지원 코드 추가(사용 환경 미비로 실제 동작 상태를 직접 확인하지는 못했음)
2. ie8, ie9이 아닌 경우에는 v1.0을 권장
### 2019-02-08: v1.0으로 변경 ###
1. 그누보드 메뉴에 쪽지, 포인트, 스크랩 추가
2. 메인 화면 하단에 접속자 통계 추가
### 2019-02-04: 갤러리 최신글의 No image 파일 변경 ###
1. 메인 화면의 갤러리 최신글에서 이미지가 없을 때 보여주는 No image 파일을 그누보드 기본 이미지 파일(no_img.png)에서 다른 파일(no_image.png)로 변경
### 2019-01-31: v0.9로 변경 ###
1. 메인 화면의 슬라이드 확대 시 이미지가 함께 확대되는 문제 수정
2. 슬라이드의 이미지 전환 주기 설정 옵션을 추가(head.sub.php의 117라인의 data-interval)
### 2018-12-22: v0.8.1로 변경 ###
1. 갤러리: 리스트 목록을 원본 이미지에서 썸네일 이미지로 변경
2. 리스트, 갤러리, 웹진: 파일 첨부 시 첨부한 파일명이 표시되지 않는 문제 수정
그누보드 5.3과 부트스트랩 4를 결합하여 제작한 그누 반응형 테마입니다.
1. 버전 정보
· 그누보드 v5.3.1.9 / Bootstrap 4
2. 사용법
· 첨부 파일을 내려받은 후 압축을 풀고, theme 폴더에 설치
· 환경설정 > 테마설정: BS4_v1.0으로 설정
· 환경설정 > 기본 환경설정: 최근게시물 스킨, 검색 스킨, 접속자 스킨, FAQ 스킨, 회원 스킨을 (테마) basic으로 설정
· 게시판 관리 > 게시판 관리: 각 게시판의 스킨을 용도에 따라 bs4_basic, bs4_gallery, bs4_webzine 등으로 설정
· 게시판 관리 > 1:1문의 설정: 스킨 디렉토리를 (테마) basic으로 설정
· 내용관리: 각 내용별로 스킨 디렉토리를 (테마) basic으로 설정
3. 모바일 관련 설정
· config.php 수정:
라인 125의 define('G5_USE_MOBILE', true);를 define('G5_USE_MOBILE', false);로 수정
즉, 모바일 모드를 사용 안 함으로 설정함.
4. 사용 범위
· 사용에 제한 없음
5. 당부의 말씀
작업 시간 등의 부족으로 인해 아직 완성도가 떨어집니다.
아직 미비한 점이 많아 버전을 베타 v0.8로 정했습니다.
현재 버전은 v1.0입니다.
여러분께서 수정 및 보완 작업을 거쳐 좀 더 완성도를 높여 이 테마 게시판에 추가로 공개를 해주셔도 좋을 듯합니다.
모두의 힘으로 언젠가 정식 버전 v1.0으로 거듭나게 되길 바랍니다. ^^
# 위의 링크 사이트는 사이드 메뉴가 있는 "그누보드 5.3 부트스트랩 4 반응형 with Side menu"의 링크 사이트이오니, 동작 화면은 위의 이미지를 참조하시기 바랍니다.
## 참고로 위의 링크 사이트에서는 글쓰기가 제한되어 있으니 참고용으로만 활용해 주시기 바랍니다.
감사합니다.
댓글 115개
default.css 등에 원하시는 색상값들을 지정하여 css 코드를 추가하시면 됩니다.
.navbar-dark .navbar-toggler {color: rgba(242, 8, 8, 0.81); border-color: rgba(245, 34, 34, 0.92);}
.navbar-toggler {background-color: #f8e40ecc; border: 1px solid #ed1212e6;}
만약 설정 후에도 설정값이 적용되지 않는 경우에는, 각 개별 코드의 뒷부분에 !important를 적용하세요.
예를 들면,
.navbar-toggler {background-color: #f8e40ecc !important; border: 1px solid #ed1212e6;}
제가 판단하기에는 위의 설정 정도만 해주시면 되지 않을까 합니다. ^^
대메뉴링크를 걸었는데요
모바일에서 대메뉴를 누르면 소메뉴가 밑으로 나와야하는데
그냥 넘어가버립니다.
소메뉴 누르기전에 메뉴가 사라지는데 해결방법이 있을까요........
================================================
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container">
<a class="navbar-brand" href="<?php echo G5_URL ?>/index.php"><img src="<?php echo G5_THEME_URL ?>/img/logo.jpg"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><img src="<?php echo G5_THEME_URL ?>/img/icon.png" width="100%"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto navbar-right">
<?php
foreach($menus as $menu_item) {
$is_active_menu = ($menu_item['is_active'] ? 'active' : '');
if(empty($menu_item['sub_menu'])) {
echo '<li class="nav-item"><a class="nav-link" href="'.$menu_item['url'].'" target="_'.$menu_item['target'].'">'.$menu_item['name'].'</a></li>'.PHP_EOL;
} else {
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;
echo '<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">'.PHP_EOL;
foreach($menu_item['sub_menu'] as $sub_menu) {
echo '<a class="dropdown-item" href="'.$sub_menu['url'].'" target="_'.$sub_menu['target'].'">'.$sub_menu['name'].'</a>'.PHP_EOL;
}
echo '</div>'.PHP_EOL;
echo '</li>'.PHP_EOL;
}
}
?>
<!-- 상단추가 -->
모바일에서는 hover 기능을 사용할 수 없기에 일단 클릭하여 하위 메뉴가 펼쳐지도록 구성해야 하는데, 링크 기능을 넣으면 이 링크 기능이 먼저 동작해서 하위 메뉴가 펼쳐지는 기능은 사용할 수 없게 되네요.
모니터에서는 hover 기능이 동작하므로 마우스를 Hamberger Menu 위에 가져가면 하위 메뉴가 펼쳐지고, 이 상태에서 대메뉴 또는 하위 메뉴 선택 중 하나를 클릭하는 게 가능하지만, 모바일은 hover 기능이 되지 않으니 대메뉴를 클릭해야만 하는데, 클릭 시 두 동작 중에서 하나를 선택하도록 하는 방법은 없어 보입니다.
아무래도 대메뉴 링크 기능은 사용하지 않는 게 좋지 않을까 합니다.
이 문제는 아무래도 해결 방법이 있을 것 같지 않다는 점을 말씀드립니다.
혹시나 해서 php 5.x와 php 7.x에 v1.2 버전을 설치해서 갤러리에 글을 올려 확인해 보았는데, 아무런 문제가 없었습니다.
만약 소스를 일부 수정하셨다면, 그로 인해 영향을 받아 생겨난 증상일 수도 있습니다.
해당 테마의 수정 여부, 그누보드의 버전, 테마가 올려져 있는 웹 서버의 사양, 또는 해당 소스의 상태 등을 종합적으로 확인하기 전에는 문제의 원인을 찾아내기가 쉽지 않다는 점을 말씀드립니다.
명쾌한 해결책을 알려드리지 못해 송구스러운 마음입니다.
상황이 되신다면, 그누보드를 새로 설치하고, 테마도 손을 대지 않은 상태에서 설치하여 글을 올려보면서 확인해 보시는 건 어떨까 하는 생각을 해봅니다.
사용 환경과 관련한 정보, 수정 여부, 소스의 상황 등을 들여다 보아야 확인이 가능하다는 점을 알려드립니다. 에궁~
게시글 목록
| 번호 | 제목 |
|---|---|
| 8308 | |
| 8189 | |
| 8152 | |
| 8132 | |
| 8124 | |
| 8122 | |
| 8109 | |
| 8106 | |
| 8096 | |
| 8087 | |
| 8080 | |
| 8077 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기