테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 5.3 부트스트랩 4 반응형(w/side_menu) v1.2(v1.2 업로드: 2019-04-16)

· 6년 전 · 16166 · 73
side.png

### 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. aside에 Notice, 그누보드 로그인, 쪽지, 포인트, 스크랩 추가

 

### 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)
3. aside에 설문조사와 접속자 집계 추가
4. Page형 콘텐트에 aside 추가

 

### 2018-12-22: v0.8.1로 변경 ###
1. 갤러리: 리스트 목록을 원본 이미지에서 썸네일 이미지로 변경

2. 리스트, 갤러리, 웹진: 파일 첨부 시 첨부한 파일명이 표시되지 않는 문제 수정

 

그누보드 5.3과 부트스트랩 4를 결합하여 제작한 그누 반응형 테마이며, 사이드 메뉴가 있는 버전입니다.

1. 버전 정보
· 그누보드 v5.3.1.9 / Bootstrap 4

2. 사용법
· 첨부 파일을 내려받은 후 압축을 풀고, theme 폴더에 설치
· 환경설정 > 테마설정: BS4-Aside v1.0으로 설정
· 환경설정 > 기본 환경설정: 최근게시물 스킨, 검색 스킨, 접속자 스킨, FAQ 스킨, 회원 스킨을 (테마) basic으로 설정
· 게시판 관리 > 게시판 관리: 각 게시판의 스킨을 용도에 따라 bs4_basic,_aside bs4_gallery_aside, bs4_webzine_aside 등으로 설정
· 게시판 관리 > 1:1문의 설정: 스킨 디렉토리를 (테마) basic으로 설정

· 내용관리: 각 내용별로 스킨 디렉토리를 (테마) basic으로 설정

 

# 메인 화면만은 사이드 메뉴가 없는 전체 화면으로 이용하고자 하신다면, 지금의 index.php 대신 포함되어 있는 index_side_none.php를 index.php로 파일명을 변경하여 사용하시면 됩니다.

 

3. 모바일 관련 설정

· config.php 수정:

라인 125의 define('G5_USE_MOBILE', true);를 define('G5_USE_MOBILE', false);로 수정

즉, 모바일 모드를 사용 안 함으로 설정함.

 

4. 사용 범위
· 사용에 제한 없음

 

5. 당부의 말씀

작업 시간 등의 부족으로 인해 아직 완성도가 떨어집니다.

아직 미비한 점이 많아 버전을 베타 v0.8로 정했습니다.

현재 버전은 v1.0입니다.

여러분께서 수정 및 보완 작업을 거쳐 좀 더 완성도를 높여 이 테마 게시판에 추가로 공개를 해주셔도 좋을 듯합니다.

모두의 힘으로 언젠가 정식 버전 v1.0으로 거듭나게 되길 바랍니다. ^^

 

# 참고로 위의 링크 사이트에서는 글쓰기가 제한되어 있으니 참고용으로만 활용해 주시기 바랍니다.

 

감사합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 73개

일단 사이드 메뉴가 해결되었다니 축하를 드립니다. ^^

1. 달력 게시판의 경우

1) style.css에서 아래의 내용이 있다면 삭제를 하세요.
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);

2) 그리고 삭제한 라인 밑에 있는 ?> 코드의 하단에 다음의 코드를 삽입하세요.
<link href="<?php echo $board_skin_url ?>/style.css" rel="stylesheet">

3) 위의 방법을 적용한 후에도 해결이 되지 않은 경우에는, 다음과 같이 진행하세요.
애초에 내려받은 달력 게시판, 즉 원본 달력 게시판의 style.css를 지금 수정 작업 중인 달력 게시판에 있는 style.css와 대체를 하세요.


2. 최신글 제목 글자 수 제한의 경우

최신글 제목의 글자 수 제한을 자동으로 조절하는 소스를 새로 만들어 hoover_and_latest.zip으로 올렸습니다.

1) hoover_and_latest.zip을 내려받으신 후에 압축을 풀고, 두 개의 파일 중에서 latest.skin.php를 테마 폴더 > skin > latest > basic 폴더 안에 있는 latest.skin.php와 대체하시기 바랍니다.

2) 그런 후에 테마 폴더 > index.php의 라인 44에 있는 최신글 1 추출 코드의 맨 뒤에 있는 숫자를 0으로 변경하세요.
예: echo latest('theme/basic', 'basic', 6, 0);

참고로, 메인 화면의 최신글 추출 관련 설정은 테마 폴더 > index.php의 최신글 추출 코드에서 하게 되며, 최신글 제목의 글자 수도 이곳에서 설정하게 됩니다.
그러나 제가 올린 최신글 스킨 파일을 사용하는 경우에는, 글자 수 조절을 하지 않도록 0으로 설정하시기 바랍니다.

3) 그리고 게시판 관리에서 제목 글자수 제한을 설정하셨다고 했는데, 그 숫자를 0으로 변경하세요.
글자 수 제한을 따로 설정하지 않아도 자동으로 글자 수를 제한하도록 되어 있기 때문입니다.

그럼, 좋은 결과 있기를 바랍니다. ^^
6년 전
1. 달력 게시판은 싸움을 하는중입니다... 성공해보겠습니다...!!
2. 최신글 해결되었습니다! 감사합니다~!!

3.새로운 문제입니다.. ㅠㅠ 이게 자꾸 힘들게 하는거 같아서 매번 죄송합니다...
메인슬라이드가 높이가 수정되는건 확인이 되었는데... 옆으로 사정없이 길어지면 또 얘가 고무인간처럼 옆으로 늘어져버립니다.. ㅠㅠ 죄송해요 매번 문제만 들고와서 ㅠㅠ
[http://sir.kr/data/editor/1904/2f6dfe9149ee4aa4b2368e47fec60e95_1555060467_0734.png]
급하게 수정 작업을 하느라, 미처 그 현상을 파악하지 못했네요.
제가 요즘 집중력이 좀 떨어진 상태인가 봅니다. ^^

슬라이드를 수정 작업해서 올렸으니 번거로우시겠지만, 다시 내려받아 사용해 보시기 바랍니다.
좋은 테마 고맙습니다.
성의가 넘치네요. 고맙습니다.
좋게 보아주셔서 감사합니다.
잘 활용되길 바랍니다. ^^
안녕하세요 테마를 다운받아서 이것저것 해볼수있게해주셔서 감사합니다.
그런데 홈페이지 헤더메뉴 백그라운드 색상을 바꾸고싶어서 찾아보는중에
위에댓글을 보니 default에서 bg-dark 라는 부분을 바꾸면된다고 했는데
bg-white나 이렇게 말고 bg-dark의 색상값은 어디에서 바꿀수있을까요 ??
수정하시고자 하는 설정은 부트스트랩의 설정을 따르고 있습니다.
따라서 default.css 등에서 원하시는 설정값으로 새로 지정하시면 됩니다.
아래와 같이 새로운 설정을 지정하면 됩니다.

.bg-dark {background: rgba(0, 0, 0, 0.9)}

위의 설정과 같이 rgba 색상으로 설정을 하셔도 되고, 아니면 #fafafa 둥과 같은 rgb 색상으로 적용하셔도 됩니다.
만약 위의 설정을 한 이후에도 변경되지 않는다면, 아래와 같이 강제 지정을 하세요.

.bg-dark {background: rgba(0, 0, 0, 0.9) !important}

그리고 얼마 전에 버전 2.0을 새로 공개했으며, 만약 버전 2.0을 내려받아 사용하시게 된다면, bg-dark를 bg-black으로 변경했으니 default.css의 head 섹션에 있는

.bg-black {background: rgba(0, 0, 0, 0.9)}

을 수정하시면 됩니다. ^^
감사합니다 !
잘 해결되길 바랍니다. ^^
멋진 테마 잘 사용중인데요~ 메뉴부분 문의드립니다.
2차메뉴가 있으면 1차 메뉴에 링크가 안걸리는데요
2차메뉴가 있어도 1차메뉴에 링크걸어지게 하려면 어느부분을
수정해야하는지 몰라서 헤메고 있네요 ^^;;

게시글 목록

번호 제목
10417
10319
10312
10281
10244
10110
9656
9529
9500
9442
9387
9351