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

그누 반응형(부트스트랩 4) BS4 v2.5(통합 버전): 일부 파일 교체 요망!!!

· 6년 전 · 13895 · 54
bs4_v25.png
theme_set.png

누락된 파일 및 오류를 수정한 파일을 다시 올렸으니, 파일 전체를 다시 받으시거나, change.zip을 내려받아 skin > lastest 폴더에 있는 basic 폴더와 skin > board 폴더에 있는 bs4_basic 폴더를 대체하셔도 됩니다.
bs4_v2.5_set.zip도 파일을 교체, 추가하여 다시 올려 놓았습니다.
번거롭게 해드려 송구스런 마음입니다.

 

### 2019-05-02: v2.5 누락된 파일 및 오류를 수정한 파일을 보완하여 다시 올림

1. 최신글에서 댓글수가 줄이 바껴 출력되는 문제 수정(최신글의 Basic)
2. view.php에서 aside의 사용 여부를 체크하는 명령줄이 누락되어 추가(bs4_basic)
3. View.comment.skin.php가 누락되어 해당 파일을 추가(bs4_basic)

 

### 2019-05-01: v2.5

1. 테마 설정 메뉴를 추가하여 메인 화면과 게시판/페이지의 aside 사용 여부를 설정할 수 있게 함(관리자로 로그인 필요)
2. aside 선택 기능 추가로 그동안 각각 제공하던 Wide 버전과 Aside 버전을 하나의 버전으로 통합
3. 테마 설정 메뉴에 aside 선택 외에도 메인 화면 상단의 슬라이드 또는 와이드 이미지 선택 기능 추가
4. index.php 2개(클래식_2, 모던_1) 추가
5. 상담 게시판, 자료실 게시판, 캘린더 게시판 추가
6. 웹진 게시판의 폭이 넓게 표시되는 오류 수정
7. 로그인 섹션 및 로그인 화면 일부 수정
8. 페이지형 콘텐트 3 추가 및 페이지형 콘텐트 3개의 소스 제공
9. Aside 상단에 배너 추가
10. 슬라이드의 캡션에 shadow 추가
11. 패럴렉스 배경 이미지에 스크롤 시 속도차 특성 추가
12. 일부 버튼 및 폰트어썸의 색상 변경, 레이아웃의 일부 조정, 게시판의 일부 오류 수정 등

 

단, bs4_modern_1의 경우에는 Wide 타입 전용으로 제작했기에, aside 적용 대상에서는 제외했습니다.


테마의 설정 및 본 테마의 운용과 관련한 내용을 자세하게 정리한 텍스트 파일과 PDF 파일이 포함되어 있습니다.

- 파일 구성: 테마 폴더, index.php(3개), 페이지 소스(3개), 매뉴얼 등

 

참고로, 위의 레이아웃은 이번에 제공하는 3개의 index.php 중에서 bs4_modern_1.php의 화면입니다.

 

 

댓글 작성

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

로그인하기

댓글 54개

테마 감사합니다. 한가지 질문입니다. 모바일로 보여질시 메뉴버튼이 3줄로 흰색으로 보이는데 이것을 검정색으로 변경할러고 합니다. 어느부분을 수정해야 되냐요.
지금 말씀하시는 햄버거 메뉴는 제가 설정을 잡아 놓은 게 아니고, 부트스트랩에서 제공하는 기능을 이용하는 것으로서 부트스트랩에서 잡아 놓은 설정을 그대로 따르고 있는 상태입니다.
그런데 해당 햄버거 메뉴는 투명한 svg 이미지를 사용하고 있기에 그 배경색을 조절하면 원하는 색상으로 표시할 수 있습니다.

즉, 그 어떤 설정도 잡아 놓은 게 없는 상태이기에 수정할 코드라는 게 없으므로, 아래와 같은 코드를 새로 추가하여 부트스트랩에서 설정한 값을 무시하고, 새로 설정한 값으로 적용되게 하시면 됩니다.

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

위의 코드 중에 rgba(0, 0, 0, 0.5)가 검정색에 투명도를 0.5, 즉 50%로 설정한 예시이니, 앞의 세 개의 0은 그대로 두시고 투명도인 0.5를 조절하시면 될 것입니다.

위의 코드를 그대로 복사해서 테마 > css > default.css에 추가하시기 바랍니다.

복잡한 듯하지만, 의외로 간단한 내용이니 차분하게 진행하시면 쉽게 성공하실 것입니다. ^^

아! 그리고 지금 v2.8을 배포 중인데, 아직 v2.5를 사용 중이시라면, 버전업도 한 번 고려해 보세요. ^^;;
네~ 적용이 잘 됩니다. 감사합니다.
잘 적용되었다 하시니 다행이네요. ^^
감사합니다.
감사합니다~ 너무 잘쓰고있습니다
한가지 물어보고 싶은게 있습니다
modern2 에 있는 메인 게시판 노출에서 웹진 으로 되어있는 슬라이더를 쓰고 싶은데
latest에 스킨이 따로 없는건가요 ?ㅠㅠ
해당 슬라이더는 latest의 webzine_owl 스킨을 사용하는 최신글 방식입니다. ^^
참고로, latest의 pic_owl은 갤러리 형식의 최신글 슬라이더이고, latest의 webzine_owl은 웹진 형식의 최신글 슬라이더입니다.

소스에서 Owl Carousel(Webzine) 부분에서 최신글 지정을 해주시면 됩니다.

그리고 3.0을 공개했으니, 가능하다면 3.0을 사용해 보시는 게 어떨까 합니다. ^^
6년 전
모바일접속시 메뉴부분에 줄 3개 보이는 부분을 안뜨게 할 수는 없나요?
PC버전 전환시 글쓰기 눌러지지 않는부분이 있습니다.
어디부분 수정하면 되나요?
혹시 매뉴얼을 읽어보셨는지요?
매뉴얼을 보면 모바일 관련 설정이 있습니다.
매뉴얼의 1 페이지에 있는

config.php 수정
: 라인 125의 define('G5_USE_MOBILE', true);를 define('G5_USE_MOBILE', false);

이 부분을 설정하시지 않은 것이 아닌가 하는 생각이 드네요.

이 테마는 반응형이라서 PC 버전, 모바일 버전 등과 같은 구분을 전혀 하지 않습니다.
오직 PC 버전만으로 모니터 화면이나, 모바일 화면에서 동작하는 게 반응형의 기본입니다.
즉, 모바일 버전이라는 게 따로 존재하지 않습니다.

만약 제가 질문의 요지를 잘못 이해하고 있는 것이라면, 다시 한 번 어느 부분에서, 어떤 오류가 있는 것인지 좀 더 상세하게 설명해 주시면 고맙겠습니다. ^^

그리고 버전 3.0이 공개되어 있으니 버전 3.0을 사용해 보시는 게 어떨까 합니다.
6년 전
감사합니다!!
네~ 감사합니다. ^^

게시글 목록

번호 제목
4373
4361
4355
4326
4302
4260
4247
4203
4197
4144
4143
4089