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

해당 스킨의 페이징과 관련한 CSS는 테마에서 관리하는 게 아니고, 부트스트랩의 _Pagination.scss에서 관리합니다.
따라서 페이징 부분의 색상을 바꾸시려면, 직접 해당하는 부분에 대한 css를 작성하여 기존의 css를 대체하는 방식으로 적용하셔야 합니다.
테마의 css < default.css는 테마 전체에 영향을 주므로, 해당 보드 스킨 폴더에 있는 style.css에 스타일 시트 관련 소스를 추가하시는 게 좋을 듯하네요.

제가 미처 알아내지 못한 부분이 있을 수도 있으나, 웹진 보드의 페이징의 색상과 관련한 css는 아래의 내용 정도가 아닐까 합니다.

.page-item.active .page-link {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.page-link {
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}

그럼, 도움이 되는 내용이었길 바랍니다.

멋진 테마를 공개해주셔서 감사합니다.
덕분에 멋진 홈페이지를 만들 수 있을 것 같습니다.

부족함이 많지만, 홈페이지의 제작에 자그나마 도움이 되길 바랍니다.
감사합니다. ^^

홈페이지 구축을 거의 다 완료하였는데, 테스트 과정에서 문제가 발생하였습니다.
오류가 발생했는데, 어떤 문제인지 감을 잡을 수가 없어서 문의 올립니다.

위의 부트스트랩 테마를 고맙게 잘 사용하였고, 게시판 스킨은 상품판매(https://sir.kr/g5_skin/30508?sfl=wr_subject%7C%7Cwr_content&stx=%EC%A3%BC%EB%AC%B8) 스킨을 사용하였고, write_update.skin.php에 문자 발송 루틴을 넣어서 사용하고 있습니다.

첨부한 그림에서보면 웹에서 동시에 문자 발송을 했는데, 제 휴대폰에서는 왼쪽 그림처럼 정상적으로 메세지가 들어왔는데, 의뢰자 고객의 휴대폰에는 오른쪽 그림에서와 같은 Bootstrap 4 Template with Gnuboard... 라는 오류메세지가 뜨고 있으니, 당췌 감을 잡을 수가 없습니다.
여러차레 시도했으나 동일한 오류가 그쪽 폰에서만 뜹니다.
휴대폰은 두 대가 다 갤럭시 android 모델입니다.

문자 보내는 루틴은 아이코드코리아의 것을 사용하는데, 지금까지 여러차례 사용하였으나, 예전에는 부트스트랩 테마를 사용하지 않아서 그런지 오류는 없었습니다.

난감한데, 무얼 어떻게 더 해보면 원인을 찾을 수 있거나, 해결이 될런지요?
도움을 부탁드립니다.
[http://sir.kr/data/editor/2008/0fbe169c301a088fbb520d8657c3bd1f_1597316962_7812.gif]

제가 작성한 소스가 아닌데다, 아이코드까지 관련된 상태여서 오류의 내용이 어떤 것인지 알기 힘들지만, 일단 제가 확인한 바로는 meta의 Description 태그와 관련이 있어 보입니다.

테마 폴더 > head_sub.php와 테마 폴더 > theme.php에 보시면 다음과 같은 코드가 있습니다.

<meta name="description" content="Bootstrap 4 Template with Gnuboard 3">

오류 안내 페이지에서 나오는 메시지는 위의 meta 태그의 내용이므로, 아이코드에서 meta Tag를 처리하는 부분을 살펴보시거나, 혹시 모르니 위의 meta tag를 삭제한 상태에서는 어떻게 진행되는지를 확인해 보시는 게 어떨까 하는 생각도 듭니다.

테마 자체만의 문제가 아니기에 이 정도가 제가 도움을 드릴 수 있는 한계가 아닐까 합니다.
부디, 지금의 문제가 잘 해결되길 바랍니다.

아, 예, 감사합니다.
뭔가 해결의 실마리가 잡히는 느낌입니다.
어디서부터 손대봐야 할지를 몰랐는데,
meta_tag 부분 부터 테스트해보겠습니다.
감사합니다.

도움이 되는 답글이길 바랍니다.

좋은 테마 덕분에 반응형 홈페이지 구축 작업은 완료하였습니다.
감사드립니다.
그런데 애로 사항이 하나 있는데, 메인 페이지의 슬라이드 사진1, 2, 3에 사용되는 사진은 index.php 에 코딩으로 직접 지정해주어야 되는 것으로 알고 있습니다만, 이 사진을 포토갤러리 최근 사진에서 가져 오도록 코딩을 해보고 싶은데, 초보자도 손쉽게 해볼 수 있는 참고 자료가 있을 지 문의해봅니다.
단순한 슬라이드가 아닌 상태, 즉 [ Learn More ]라는 버턴 기능을 살리면서 슬라이드 가능한 그런 기능을 구현해보고 싶다는 뜻입니다.

가장 손쉽게 활용할 수 있는 방법은 최신글 스킨을 이용하는 것이며, 방법은 아래와 같습니다.

- 최신글 스킨 경로(테마 > skin > latest)에 있는 pic_basic 폴더를 복사한 후에 폴더명을 slide로 변경합니다.
그 후에 latest.skin.php의 내용을 아래에 있는 내용으로 대치하세요.

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 210;
$thumb_height = 150;
?>

<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="6000">
<ol class="carousel-indicators">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li data-target="#myCarousel" data-slide-to="<?php echo $i; ?>"<?php if($i == 0) { ?> class="active"<?php } ?>></li>
<?php } ?>
</ol>
<div class="carousel-inner" role="listbox">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['ori']) {
$img = $thumb['ori'];
} else {
$img = G5_THEME_IMG_URL.'/no_image.png';
$thumb['alt'] = '이미지가 없습니다.';
}
?>
<div class="carousel-item<?php if($i == 0) { ?> active<?php } ?>" style="background-image: url('<?php echo $img; ?>')">
<div class="carousel-caption">
<h3><?php echo $list[$i]['subject']; ?></h3>
<p><?php echo $list[$i]['wr_content']; ?></p>
<span><a class="btn btn-info" href="<?php echo $list[$i]['href'] ?>" role="button">Learn More</a></span>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<?php } ?>
</div>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } ?>
</div>


- 그런 후에 테마 > head.php의 <header> ~ </header>의 내용을 아래와 같이 변경하세요.

<header>
<?php echo latest('theme/slide', 'gallery', 6, 0); ?>
</header>

슬라이드 최신글의 폴더명은 원하는 이름으로 사용하시고, 최신글 호출 코드에서 최신글 폴더명, 보드명, 갯수 등을 지정하여 사용하시면 됩니다.

그럼, 원하는 답글이었길 바랍니다.

아! 홈페이지 구축 완료를 축하드립니다. ^^

몇 가지 참조 사항을 적지 않았네요.

<h3><?php echo $list[$i]['subject']; ?></h3>
<p><?php echo $list[$i]['wr_content']; ?></p>

latest.skin.php에 있는 위의 내용을 설명하면, $list[$i]['subject']이 글의 제목이고, $list[$i]['wr_content']이 글의 본문입니다.

따라서 글을 올리실 때, 슬라이드에 표시할 내용을 고려하여 글의 제목과 본문의 내용을 올리시면 됩니다.

그리고 원하시는 링크 기능은 슬라이드의 Learn More 버튼을 클릭하면 해당글로 연결이 되는 상태입니다.

마지막으로, 슬라이드나 이미지의 높이 설정은 매뉴얼에도 적어 놓았지만, 테마 > asset > css > carousel.css에서 .carousel-item > img와 .carousel-item의 height 값을 조절하여 사용하시면 됩니다.

참고로, 본 그누보드 사이트의 '스킨' 게시판에서 슬라이드로 검색하시면, 메인 화면에서 사용할 수 있는 슬라이드도 몇 개 올려져 있으니, 마음에 드는 스킨을 내려받아 사용해 보시는 것도 좋은 방법일 듯하네요.