게시판 (페이지를 Wide로 변경하기) 적용 안되는 문제 (전체꽉찬 지도화면용 게시판)
본문
안녕하세요~~~~ [꾸벅]
fm25님 그누보드 팁자료실 내용으로 적용을 해보아도 정상적으로 잘~ 적용이 안되어
여러번 시도해보고, 새로 설치해보고 끙끙그리다~ 도저히 안되어 선배님들께 문의드려봅니다.~
먼저 답변에 미리 감사를 드립니다.
적용할려고 참고한 내용: https://sir.kr/g5_tip/3108
그누보드 적용 버전: https://sir.kr/g5_pds/7460 ( 그누보드(영카트) 5.6.14 )
지도기반으로 적용스킨: https://sir.kr/g5_skin/58510
서버환경 : UTF-8 (PHP7.4, mariadb-10.x)
지도게시판 여분필드: 50개 까지 추가 완료상태
[ 선행 작업 ]
기본 테마 레이아웃에서 우측 aside 영역 삭제하기
https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=161
적용하여 소스 삭제 및 정리하여주고 수정해줬습니다.
최근에 새로 나오는 그누보드 최신버전은 우측에 aside 영역 부분이 (아랫쪽에 표시되는것같고),
처음부터 넓게 나오네요~~~
[1번 적용 내용] <-- 정상 복사해서 적용했습니다.
bbs/_head.php
를 복사해서
bbs/_head_wide.php
로 이름을 바꿉니다.
내용에서
include_once(G5_PATH.'/head.php');
를
include_once(G5_PATH.'/head_wide.php');
로 바꿉니다.
[2번 적용 내용] <-- 정상 복사해서 적용했습니다.
_head.php
를 복사해서
_head_wide.php
로 이름을 바꿉니다.
내용에서
include_once(G5_PATH.'/head.php');
를
include_once(G5_PATH.'/head_wide.php');
로 바꿉니다.
[3번 적용 내용] <-- 정상 복사해서 적용했습니다.
head.php
를 복사해서
head_wide.php
로 이름을 바꿉니다.
내용에서
require_once(G5_THEME_PATH.'/head.php');
를
require_once(G5_THEME_PATH.'/head_wide.php');
로 바꿉니다.
[4번 적용 내용] <--- 어떻게 적용해야하는지 못찾겠습니다. (head.php파일은 복사했지만 적용못함)
theme/테마명/head.php
를 복사해서
theme/테마명/head_wide.php
로 이름을 바꿉니다.
내용에서
(아래 내용은 중간부분에 있어서 적용했습니다. ) <!--?php //echo outlogin('theme/basic'); // 외부 로그인, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?--> (적용을 할려고해도 버전 차이로 문제인지, 아래 내용이 없습니다. ) <?php //echo poll('theme/basic'); // 설문조사, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?> (적용을 할려고해도 버전 차이로 문제인지, 아래 내용을 어떻게 적용을 해야하는지 못찾아서 일단은 내용그대로 복사해서 중간부분에 넣어보았습니다. ) <?php if ((!$bo_table || $w == 's' ) && !defined("_INDEX_")) { ?> <?php echo $g5['title'] ?> <?php } ?>
(적용을 할려고해도 아웃로그인과 설문조사 부분이 없는것 같습니다.
'container' id 를 어떻게 수정해야하는지 이해가 안됩니다 )
아웃로그인과 설문조사를 주석으로 숨기고 'container' id를 수정합니다.
※ 테마에 따라 소스가 다를 수 있습니다.
( container id 수정하는것은 이렇게 하면 되는지 잘~ 모르겠는데~ 적용해보았습니다. )
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="container_wr">
<div id="container2"<?php if(!defined('_INDEX_')) { ?> style="width:100%"<?php } ?>>
<?php if (!defined("_INDEX_")) { ?><h2 id="container_title"><span title="<?php echo get_text($g5['title']); ?>"><?php echo get_head_title($g5['title']); ?></span></h2><?php }
[5번 적용 내용] <--- 정상 적용되었는지 잘~ 모르겠습니다.
theme/테마명/css/default.css
#container2 {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:939px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container2:after {display:block;visibility:hidden;clear:both;content:""}
#container2_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
'container' 소스를 복사해서 바로 아래에 삽입하고 위와같이 수정합니다.
'id'와 'width' 수정
※ 테마에 따라 소스가 다를 수 있습니다.
테마 css 에서 #container 에서 복사하여 #container2 적용한것은 아래와 같이 적용을 해보았습니다.
#container2 {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:100%;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container2:after {display:block;visibility:hidden;clear:both;content:""}
#container2_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
#container2_title span {margin:0 auto 10px;display:block;line-height:30px}
[6번 적용 내용] <-- 정상적으로 "게시판 관리자 페이지에서" _head_wide.php 적용했습니다.
content.php
상단 파일 경로만...
bbs/_head_wide.php
제일 처음 만들었던 파일의 이름을 입력해줍니다.('bbs/'는 생략)
[ 전체 지도 적용하는 방법 = 인터넷에서 찾은 자료]
카카오 지도 여백 제거, 전체화면
테마/basic/css/default.css 소스파일 이나, 지도게시판/style_sale.css 하단에 추가 넣어주면 될것같습니다.
#map {
width: 100%;
height: 100%;
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
}
적용해야하는 부분 위치는 이곳에 넣어 줘야 할것 같은데~ 정확하게는 모르겠습니다.
지도기반으로 적용스킨에 넣어줄곳 : https://sir.kr/g5_skin/58510
[ list.skin.php 164줄 위치 내용 ] "map_container" 대신 "map" 으로 변경해서 적용해보니까 지도가 없어져 버려서 적용못했습니다.
<!-- 지도영역 -->
<div class="map_container">
<?php include_once "$board_skin_path/map/list_map.php";?>
<div class="map_top">
<button class="toggle_button" onclick="toggleSidebar()"></button>
</div>
</div>
<!-- 지도영역 끝 -->
style_sale.css 에 "map_container" 부분
.map_container {
width:100%;
height:100vh;
position:relative;
background-color: transparent;
flex: 1;
position: relative;
overflow: hidden;
}
[ list_map.php 42줄 위치 내용 ]
<div id="map" style="width: 100%; height: 100%; margin:0px;"></div>
