그누보드 5.3 부트스트랩 4 반응형(w/side_menu) v1.0(2019-02-08) > 테마

테마

베타 테스트 기간으로 기능을 추가하거나 사용자 경험이나 접근성을 등을 확인하고 있습니다. 현재 테마 등록은 불가합니다.

썸네일 이미지

그누보드 5.3 부트스트랩 4 반응형(w/side_menu) v1.0(2019-02-08)

### 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으로 거듭나게 되길 바랍니다. ^^

 

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

 

감사합니다.

포인트
0 P
업로더
피앙세 자기소개 아이디로 검색 전체게시물 회원게시물
라이센스
LGPL
브라우저
Chrome, IE11+, FireFox, Opera, Safari, Mobile Device
등록일
18-12-02 05:14
최종수정일
19-03-06 03:34
조회수
3,132회

본문

등록된 리뷰

총평점 (총 1건 리뷰 기준)

리뷰 작성

별점 선택
* 리뷰 등록시 50p 적립

댓글 전체

대단합니다....
메인페이지의 슬라이드 이미지와 텍스트는 어떻게 입력/수정 하나요?
게시판 글과 첨부이미지가 슬라이드되는 것인가요?
메인 페이지의 슬라이드는 head.sub.php의 117 라인에서 시작하는

 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">

밑의 내용에서 수정하시면 됩니다.

먼저 이미지는

<div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL ?>/asset/images/slide/jetty.jpg')">

에서 수정하시면 되고, asset > images > slide 폴더에 이미지 파일을 넣으신 후에 해당 이미지 파일명을 적어주시면 됩니다.

텍스트는

<div class="carousel-caption text-left">

밑의 <h3> 태그와 <p> 태그의 내용을 수정하시면 됩니다.

즉, 게시판을 이용하는 것이 아니고, head.sub.php의 Carousel 부분에서 이미지와 텍스트를 입력하시면 됩니다.

그럼, 부족한 점이 많지만, 잘 활용되길 바랍니다. ^^
좋은 자료 올려 주셔서 감사 합니다.

1. 메인 화면의 슬라이드 확대 시 이미지가 함께 확대되는 문제 수정
위의 수정 사항이 모바일에서 이미지가 확대되는 문제가 맞나요?

어느 부분 인가요?
이미 적용해서 사용하고 있는데 해당 부분만  수정했으면 합니다.
감사 합니다.
아! 그 문제는 PC에서 모니터로 화면을 보면서 브라우저를 넓힐 때, 일정 폭 이상에서 슬라이드의 이미지가 브라우저의 폭에 따라 위로는 그대로이고 옆으로만 길게 늘어나는 현상이 있었습니다.
보기에 그리  좋지 않은 현상이었습니다.

모바일과는 상관이 없는 게, 모바일은 화면 폭이 작아서 전체 화면으로만 볼 뿐, 늘리는 경우가 없기 때문에 이런 증상과는 무관하다고 보셔도 됩니다.

그리고 위의 문제는 v1.0으로 올리면서 해결한 상태이니, 만약 v1.0 이하의 버전을 사용하신다면, v1.0을 내려받아 사용하시면 될 것입니다.

감사합니다. ^^
자동등록방지 영숫자를 순서대로 입력하세요.
전체 53 건

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

© SIRSOFT