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

그누 반응형(부트스트랩 4) BS4 v3.0(전체 검색 추가: 190617)

· 6년 전 · 30276 · 303
bs4_v30.png

테마의 설치, 설정 및 본 테마의 운용과 관련한 내용을 자세하게 정리한 매뉴얼(텍스트 파일과 PDF 파일)이 포함되어 있으니 이를 참조하여 테마의 설정을 진행하시고, 운용 시 소스 수정 등에 참고하시기 바랍니다.
 
그리고 이 테마를 사용하여 웹 사이트를 구축하신 분들은 이곳 그누보드5의 사용후기 게시판에 사용 후기를 올려주시면 고맙겠습니다. 이 테마가 어디에서, 어떻게 활용되고 있는지 매우 궁금하답니다. ^^
 

### 2019-06-17: v3.0 헤드(상단 메뉴)에 전체 검색 임시 추가

1. head에 게시판 전체 검색 기능 임시 추가

2. head에서 전체 게시판 검색을 사용하길 원하는 경우에는 다음과 같이 기존의 파일을 대체하여 사용하시기 바랍니다.

   1) head_search.zip 내려받음

   2) head.php를 내려받은 head.php로 대체

   3) 테마 폴더 > skin > search > basic > search.skin.php를 내려받은 search.skin.php로 대체

 

참고: 전체 검색과 관련한 질문이 올라와서 이에 대한 답글을 올리면서 급하게 작성하였기에 디자인적인 면에서 미비한 점이 있음을 양해하여 주시면 고맙겠습니다. ^^

 

### 2019-05-20: v3.0 오류 수정

1. Page Sample에 포함한 세 개의 php 파일에서 이미지의 경로가 잘못되어 있어 이를 수정

2. 위의 Page Sample.zip을 내려받거나, 해당 php 소스의 img 경로를 bs4_v3.0으로 직접 수정하셔도 됩니다.


### 2019-05-19: v3.0
1. 스크립트 누락으로 aside에 서브 메뉴가 표시되지 않는 오류 수정

2. 최신글 스킨인 webzine_owl에서 글 제목 대신 보드 id를 표시한 오류 수정(링크도 수정)

3. 로그인 상태에서 캘린더 게시판의 글쓰기로 들어가면 푸터의 폭이 줄어드는 오류 수정

4. aside에 탭방식의 최신글, 최신댓글 추가

5. aside에 bxslider 방식의 최신글 추가

6. 푸터의 새소식 섹션에 최신글 방식을 적용(기존의 내용을 직접 지정하는 방식도 그대로 사용 가능)

7. 탭 방식의 최신글 스킨: 액티브 탭에 배경색을 추가하고, 기존의 2개의 탭에서 3개의 탭을 보여주도록 변경(소스에는 네 번째 탭의 코드도 포함되어 있음)

8. 캘린더 게시판: 년/월 셀렉트 박스의 인터페이스 개선 및 input 박스 레이아웃 변경, 카테고리 사용 시 달력과 오늘/내일의 일정 란에 표시되는 제목에 카테고리도 함께 표시되도록 개선, 768px 이상에서는 강제 줄바꿈 적용

9. 모든 게시판: 제목의 sort 필드를 제목 링크 표시 방식에서 아이콘 링크 방식으로 개선, 카테고리 사용 시 입력 모드에서 표시되는 셀렉트 박스의 인터페이스 개선

10. 그누보드 메뉴에 속한 페이지 중에서 레이아웃이 와이드로 퍼지거나 상단의 패럴렉스 이미지에 타이틀이 가려지는 문제 등을 수정

11. 그 외의 syntax 오류 등을 수정


* 첨부 파일 구성: bs4_v3.0, index 모음(4개), 페이지 샘플 모음(3개), 매뉴얼(txt, PDF)

댓글 작성

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

로그인하기

댓글 303개

head.php의 라인 228의 <!-- 콘텐트 시작 { --> 아래 부분에 있는 소스에서 $h1으로 시작하는 라인과 $p로 시작하는 라인을 모두 지워주세요.

즉, 아래의 두 라인과 같은 내용을 모두 지워주시면 됩니다.

$h1 = "Here is a heading x";
$p = "Here is a short description x";

그럼, 홈페이지 제작 및 운용이 순조롭게 이어지길 바랍니다. ^^
피앙세님 정말 고맙고 반갑습니다. php란 놈들은 다 열어서 보고 검색도 했는데 찿질 못했습니다. 너무나 멎진 테마를 올려주신 것도 모자라 일일히 답변을 달아주시는 것에 대하여 최고의 경의를 표합니다. 빠르고 알기 쉽게 지도해주셔서 다시 한번 감사 드립니다. 무슨 일을 하셔도 성공하실 것 같은 예감! 앞으로 대박나시길 진심으로 기원합니다.
잘 해결하신 것으로 보여 다행이라는 생각이 듭니다. ^^
좋은 격려의 말씀에 감사의 마음을 전하며, 건강과 행운이 늘 함께 하는 일상이 이어지길 바랍니다.
감사합니다. ^^;;
앗! 이제 다시 보니 해결된 게 아니군요?
분명히 있어야 할 곳이라 쉽게 해결하실 수 있을 것으로 생각했는데, 아직 해결하지 못하신 것이라면 참으로 안타까운 마음입니다.
혹시라도 아직 해결하지 못하셨다면, 다시 한 번 글을 올려주세요.
분명 쉽게 해결할 수 있는 문제로 생각하거든요.

그럼, 좋은 결과가 있었기를 바랍니다.
안녕하세요~ 정말 잘 만들어진 테마입니다~ 공유해 주셔서 감사합니다. 참고로 저는 html 코드만 조금 알고 있는 생짜 초보이고요. 해당 테마를 깔고 궁금한 점이 있어 처음 글을 남겨봅니다. index 화면에 슬라이드 형태로 동작하여 움직이는 웹진 부분만 잘라 다른 페이지에서 사용중인 게시판에 붙여서 적용해보고 보고 싶은데 초보라 뭐 부터 건드려야 하는지 쉽지가 않네요. 즉 위에 질문 글들은 같은 index 화면에 2개의 owl-pic 또는 웹진 슬라이드를 만드는 거지만 저는 갤러기 게시판 상면에 웹진 최신글 슬라이드를 같이 적용해 보고 싶어 질문을 드립니다. 참고로 CSS, PHP 프로그래밍을 전혀 모르는 초보라서 질문이 좀 어렵네요 ㅎㅎ

갤러리 게시판은 iframe 코드로 보여 지게 하고 갤러리 게시판 위에 index 화면에 보여지는 웹진 최신글을 놓아 보려고 시도하고 있습니다.

화면 출력 설명:

----------------------------- 이부분에 웹진 반응형 최신글 보여지게 --------------------------------

<-- 이부분은 웹진 갤러리 게시판이 보이게
<iframe src="도메인주소/bbs/board.php?bo_table=gallery&amp;page=
" width="100%" height="2800"></iframe></center>


뭐 질문 설명이 제대로 된 지는 모르겠지만 고수님의 답변 기다리겠습니다. 감사합니다
잠시 시간을 내서 시도해 보았는데, 생각처럼 쉽게 되지 않네요.
이 내용은 지금 바로 적용 방법을 알려드리기에는 어려움이 있다는 말씀을 드립니다. 에고~
아! 다시 생각을 가다듬은 후에 적용해 보니 손을 보아야 할 부분이 있기는 하지만, 일단 제대로 동작하네요. ^^

갤러리 게시판에 웹진 최신글 슬라이드를 추가한다는 가정하에 말씀드립니다.
참고로, iframe을 사용하지 않고도 간단하게 적용이 됩니다.

1. 갤러리 게시판의 list.skin.php에 최신글 호출 구문을 추가하세요.

<!-- Start of Latest: Owl Carousel(Webzine) -->
<?php // 사용방법 : latest(스킨, 게시판 아이디, 출력 라인, 글자 수);
echo latest('theme/webzine_owl', 'xxxxxx', 6, 0);
?>
<!-- End of Latest: Owl Carousel(Webzine) -->

* 위의 xxxxxx 부분에 원하는 게시판 이름을 넣어주세요.


2. 갤러리 게시판의 제일 하단에 웹진 슬라이드를 동작하게 하는 트리거 소스를 추가하세요.

<!--Owl Carousel Trigger(Latest Webzine) -->
<script>
$(document).ready(function() {
$('#owl-news').owlCarousel({
loop: true,
margin: 20,
nav: true,
navText: [
"<i class='fa fa-caret-left'></i>",
"<i class='fa fa-caret-right'></i>"
],
autoplay: 3000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 4
}
}
})
});
</script>

적용은 비교적 쉽게 되는데, 게시판 타이틀이 이중으로 나오는 문제가 있네요.
이는 웹 최신글 슬라이드 스킨을 다른 이름으로 복사하신 후에 복사한 스킨의 소스를 수정하여 타이틀이 나오지 않게 하고, 이 복사한 소스를 호출하여 사용하시면 되겠네요.

그럼, 도움이 되는 답글이었길 바랍니다. ^^
5년 전
멋지십니다^^
하하~ 칭찬의 말씀, 감사드립니다. ^^
너무 멋집니다! 공유해주셔서 너무 감사합니다^^ 좋은 하루 보내세요~!

게시글 목록

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