<img src="http://~~~.dothome.co.kr/cms/img/logo.png" alt="그누보드5" title="">

$bo_subject // 게시판 제목
$wr_subject // 게시판의 게시글 제목 <!-- $subject로 다시한번 변수지정(편하게) -->
$wr_content // 게시글 내용 <!-- $content (많이 쓰는 애들 간편하게 부르기) -->
$thumb // 이미지정보에 해당하는 변수 Array <!-- $thumb[ src ] / $thumb[ ori ] -->
<?php
echo '<img src=\" '.$thumb[ src ].' \" >';
?>
① 게시판 생성
② 게시글 삽입
③ 스킨 골라서 올바른 경로에 업로드
(그누보드에서 스킨 최신글 스킨 맘에 드는 것 골라서 latest 폴더에 업로드)
↓↓↓
(4,5,6번은 그누보드에 있기 때문에, 그누보드에서 그냥 작업할 경우 생략)
↑↑↑
⑦ 최신글 스킨 튜닝하기
오직 common.php를 호출하는 놈. 그 이외에는 역할 주지말것!
html 파일과 나란히 _common.php 두고, 그누보드 안의 common.php 호출
<?php
include_once('./_common.php'); <!-- common.php 호출 -->
include_once(G5_LIB_PATH. '/latest.php'); <!-- lib에서 latest.php 가져옴 -->
<!-- latest 함수 호출 -->
echo latest('pic_list', 'notice', 4, 23); <!-- 최근 게시골 노출 방식 -->
<!-- latest( '사용할 스킨' , '게시판id', 노출할 갯수, 글자수 ); -->
?>

<?php
echo latest( 'basic', free, 5, 100바이트 );
?> <!-- latest( '스킨', '게시판id', 노출할 갯수, 글자수 ); -->
sir.co.kr 스킨방 → 최신글 스킨 다운 → 압축풀고 그누보드 스킨방에 넣기 (+서버 업로드)


결과물
index 페이지

sub 페이지

① 그누보드에서 최신글 스킨 맘에 드는 것 골라서 다운&압축해제 → latest 폴더에 집어넣기
② echo latest 함수로 노출하기
그누보드 최신글 스킨을 이용한 메인 배너 스킨입니다.
스킨 적용위치는 상관없으나 head.php 파일의 <div id="container_wr"> 상위에 위치시켜주시면 됩니다.
<?php
/* thumb_width, thumb_width : 배너이미지 가로,세로 크기 */
$options = array();
$options['thumb_width'] = '1920';
$options['thumb_height'] = '680';
echo latest('theme/main_slider', 'main_slider', 5, 23, 0, $options);
?>
여분필드 사용 // IMAGE01 - txt_big : 여분필드 wr_1을 사용
쉽게 관리하는 배너스킨 // txt_small : 여분필드 wr_2을 사용
더보기아이콘 // href : wr_link1값이 있을경우 wr_link1값 적용(기본:href)

최신글x슬라이더 적용됨

③ 게시판 생성
④ 게시글 삽입
⑤-1) 썸네일 오리지널 이미지로 $thumb['ori']
⑤-2) 슬라이더에 게시판 제목/내용 삽입 - 관리하기 쉽도록
결과물

이렇게 만들어보자

상단 웹 접근성을 지키기 위한 태그순서

여기까지, 태그 순서만 옮겼을때의 모습

CSS 삽입 후 완성된 형태
