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

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

· 6년 전 · 16168 · 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개

6년 전
메인이미지가 가로로 늘어져 보이는건 어떻게 잡아야 할까요...ㅜㅜ
가로로 늘어진다는 말씀이 메인이미지가 의도와는 달리 보기 싫게 가로로 특정 영역을 벗어나 보인다는 그런 에러를 의미하는 건 아니겠죠?

메인 이미지, 즉 메인 슬라이드는 전체 화면 모드를 적용해 놓았습니다.
만약 전체 화면 모드가 아닌 특정 폭을 가지는 형태를 원하신다면, 제가 이전에 다른 분께 답변을 드린 답글의 내용을 참조하시면 될 듯합니다.

https://sir.kr/g5_theme/3130

위의 링크된 페이지의 댓글 중에서 무아와연기 님께 제가 드린 답글의 내용을 참조하세요. ^^
좋은 테마 감사합니다, 잘 쓰겠습니다
좋은 테마라 말씀해 주시니 고마운 마음입니다. ^^
정말 깔끔하고 좋은테마 감사합니다 ^^
적용후 모바일에서 글쓰기가 없거든요....
혹시 모바일 접속자 스킨이 없어서 그런가요?
혹시 모바일에서만 글쓰기 버튼이 안 보이는 건 아닌지요?
관리자의 게시판 설정에서 로그인한 사용자만 글쓰기가 가능하도록 권한을 설정해 놓은 게 아니신가 해서요.
데스크탑에서 보실 때는 로그인한 상태에서 보시고, 모바일에서는 로그인하지 않은 상태에서 보셔서 그런 게 아닐까 하는 생각이 듭니다.
우선 이 내용부터 확인해 보실 필요가 있어 보입니다.

참고로, 이 테마는 반응형이라 모바일 스킨은 전혀 사용하지 않습니다.

부디 큰 문제가 아니길 바랍니다.
감사합니다. ^^
헉......
피앙세님 제가 실수 했습니다.
config.php 125라인의 false로 수정 하는것을 이제야 봤습니다.
죄송했습니다 ^^
이 테마 정말 최고 입니다.....
덕분에 좋은 결과 있을듯 합니다.
정말 감사합니다 ^^
쪽지 보낸것 이제야 해결 되었습니다 ^^

혹시나 도 질문 드릴것 있으면
다시 글 올리겠습니다 ^^
아~ config.php에서 false로 하지 않으면, 그런 현상이 있다는 것을 저도 이제야 알았네요.
항상 습관적으로 false로 수정하고 있기에 제가 미처 그 부분에 대한 파악을 하지 못했었네요.
덕분에 정확한 내용을 저도 알게 되었습니다. ^^

아직 미완성의 상태이지만, 그래도 잘 활용이 되면 정말 좋겠습니다.
감사합니다. ^^
6년 전
위에 메인 이미지 사이즈 때문에 글을 남겼었습니다... 메인 이미지의 세로가 고정이 되면서 가로세로의 비율이 달라 어느정도 창을 줄이면 정상 이미지로 보이지만 그 이상의 사이즈 창에서는 가로로 늘어지는 현상입니다. 데모 사이트의 메인 이미지도 전부 가로로 늘어져 있던데... 달리 해결방법이 없을까요???ㅜㅜ
이런~ 말씀하신 '늘어진다'는 표현의 의미를 이제서야 이해했네요.

BS4 테마 폴더 > asset > css 폴더에 있는 carousel.css 파일을 여신 후에, 34 라인의 내용을 다음과 같이 수정하세요.

- 수정 전
min-width: 100%;

- 수정 후
min-width: 1920px;

위의 1920px이라는 수치는 정해진 수치는 아니며, 브라우저 창을 확대해도 화면을 채울 수 있을 정도의 이미지 폭을 의미하며, 적어도 1900 픽셀 이상의 이미지를 사용하시고, 또한 min-width의 수치도 1900 픽셀 이상을 지정하시면 됩니다.

그럼, 홈페이지 예쁘게 꾸미시기 바랍니다. ^^

게시글 목록

번호 제목
8308
8189
8152
8132
8124
8122
8109
8106
8096
8087
8080
8077