케이테마의 스킨 수정방법 – 컬럼 개수 수정

안녕하세요. 케이테마를 이용해주시는 모든 고객분들께 감사드리며 오늘은 케이보드에서 제공하는 게시판 커스텀 방법을 알려드립니다. 케이테마에서는 케이보드 게시판스킨을 제공하고 있으며 그중 갤러리 스킨은 기본 4개의 컬럼이 사용되고 있습니다. 홈페이지에 따라서 컬럼의 개수를 조정해야 할 필요가 있습니다. 케이보드 플러그인에서 사용자 옵션으로 지정하고 싶은데 그런 api가 제공이 되지않아 스킨에서 직접 수정을 하셔야 합니다. 아래의 순서와 같이 따라해주시기 바랍니다.

1. 게시판 스킨경로로 이동 : FTP 접속 후 혹은 root 폴더에서 plugins/kboard/skin/ 폴더에 있는 스킨경로로 이동합니다.
2. 수정을 원하는 스킨 선택 : 일반적으로 갤러리는 ktheme-thumbnail-type~ 형태이고 목록형은 ktheme-basic~ 형태로 폴더가 있습니다. 스킨폴더로 들어가면 list.php 파일 ( 게시판의 목록 파일 )과 latest.php 파일(최신글로 표시되는 파일 ) 이 있습니다.
3. list.php 파일 수정 : list.php 파일을 편집기로 열어보면 <!– 게시판 목록 시작 –> 이라는 주석과 함께 <div class=”row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xlg-4 g-5 mb-5″> 형태로 코드가 구성되어 있는것을 확인할 수 있습니다. row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 클래스의 의미는 다음과 같습니다.  ( 각 디스플래이의 사이즈는 https://getbootstrap.com/docs/5.0/layout/grid/ 를 참조하시기 바랍니다 )
   1. row-cols-1 : 한 행에 하나의 컬럼으로 구성한다 ( 기본설정 )
   2. row-cols-md-2 : 기본설정을 따르되 디스플래이가 md사이즈에서는 2개의 컬럼으로 구성한다
   3. row-cols-lg-3 : 기본설정을 따르되 디스플래이가 lg사이즈에서는 3개의 컬럼으로 구성한다
   4. row-cols-xl-4 : 기본설정을 따르되 디스플래이가 xl사이즈에서는 4개의 컬럼으로 구성한다
4. row 클래스 수정하기 : row-cols-1 에서 숫자에 들어갈 수 있는 값은 1에서 12까지 입니다. 따라서 이 값을 수정해주면 입력한 값 만큼의 컬럼으로 표시됩니다.
5. col 클래스 수정하기 : <div class=”row”> 형태의 부모를 가진 col-12 col-md-4 col-lg-3 mb-4 형태의 자식요소들이 있습니다. 이런 경우 자식요소에서 컬럼의 개수를 결정하게 됩니다.
   1. col-12 : 기본설정으로 col의 너비는 100%가 됩니다. 부트스트랩은 기본적으로 공간을 12개로 나누어 사용하기 때문에 col-12로 표시한 경우는 12개의 col을 가져라는 의미 입니다.
   2. col-md-4 : md사이즈에서는 4개의 col을 가지라는 의미이므로 한줄에 표시되는 아이템은 3개가 표시가 되게 됩니다. row 클래스에 사용할 때와는 개념이 다르니 유의하셔야 합니다.
6. 4,5를 참조하여 클래스를 수정하시고 저장 후 ftp를 통해 업로드 하시기 바랍니다.

감사합니다.