본문 바로가기


그누보드5 최신글 스킨과 서브페이지 비주얼요소 표현

그누보드5에서 작성한 글 중 텍스트, 이미지 위주의 게시판에서 최근에 작성한 순서대로 메인페이지의 레이아웃 구성에서 표현해주는 기능을 [ 최신글 ] 스킨이라 합니다.  메인의 최신글 소스와 관련 스킨소스입니다.

 

 

 

  <div class="row">
    <div class="col-sm-4">
    <? echo latest("theme/basicRW","notice", 3, 18); ?>
    </div>
    <div class="col-sm-8">
    <? echo latest("theme/pic_block","gallery", 4, 18); ?>
    </div>
  </div>

 

 

최신글 스킨의 위치

main/theme/kfood_v02/skin/latest/

latest_2개최근게시글.zip
0.01MB

 

 

스킨은 원하는 HTML과 CSS외에 PHP로 구성된 코딩소스를 변경해서 가장 일반적인 형태로 구분해 보여지게 하는 레이티스트'lastest'라는 디렉토리에서 테마에 속한 스킨명, 게시판ID, 나열갯수, 제목의 제한 형태로 표기하여 보여집니다. Basic이라는 기본 스킨을 커스터마이징하여 처리하는 방법을 소개합니다.   Bootsrap버전별로 차이가 있으나, 아래 적용한 소스는 BS5이다.  ▶ 바로가기

 

 

theme/kfood_v01/skin/latest/

theme\kfood_v01\skin\latest\

기본의 basic을 쉽게 바꾼내용으로 basicRW 정식이름입니다.

basicRW.zip
0.00MB

 

basicRW 최신글 스킨을 위 압축파일형태로 다운받고 알아서 풀어준후 서버에 테마/스킨명/lastest자리에 업로드 해주세요. 그리고  <? echo latest("theme/basicRW","notice", 3, 50); ?> 라고 변경하면 됩니다.

 

최근게시물소스.txt
0.00MB

 


메인페이지에서 연결되는 게시판,콘텐츠의 서브페이지 상단의 시각적인 요소를 통상 비쥬얼서브라고 합니다. 메인페이지의 비쥬얼서브와 구분되는 작은 공간(높이)를 차지하는 부분의 동일한 아이덴티티를 표현해봅니다.

 

 

 

 

 

 

비주얼요소의 포토샵기법을 통한 꾸미기를 해봅니다.