GnuTailwindcss v0.1

tailwindcss를 사용하여 그누보드를 반응형으로 제작해 보았습니다.
 

# 사용 환경 및 지원
그누보드 5.4.5.5 버전을 사용하였으며, tailwindcss 2.2.7 버전을 사용하였기에 이 테마는 인터넷 익스플로러는 지원하지 않습니다. (tailwindcss 1.9까지만 인터넷 익스플로러를 지원)

그누보드 5.3.x에서는 사용할 수 없으며, 5.4 이상이면 사용이 가능할 것으로 생각합니다.
공교롭게도 몇 개 설치해 놓은 그누보드의 버전이 모두 5.4.5.5이기에 직업 확인하지는 못했지만, 5.4.x면 사용이 가능하지 않을까 생각합니다.
 

# 구성 파일
basic 게시판과 gallery 게시판, 그리고 최신글의 네 가지 타입(basic, notice, pic_block, 그리고 pic_list)에 대해 각각 tailwindcss 버전이 제공됩니다.
(게시판은 tailwind_basic과 tailwind_gallery, 최신글은 tail_basic, tail_notice, tail_pic_block, tail_pic_list)
 

그리고 index 파일은 두 개를 제공합니다.
하나는 slick 슬라이더와 최신글의 네 가지 타입의 조합으로 구성하였습니다.(index_latest.php)
다른 하나는 사이트 소개 형식으로 구성하였으며, AOS를 사용하여 간단한 애니메이션을 적용했고, 슬라이더는 swiper를 사용하였습니다.(index.php)
 

slick 슬라이더에 사용한 이미지는 img > slick 폴더, swiper 슬라이더에 사용한 이미지는 img > testimonials 폴더에 있습니다.
 

# 설정
반응형으로 사용할 것이기에 config.php의 라인 130 부근에서 아래의 내용을 찾아 true를 false로 바꿔주셔야 합니다.
define('G5_USE_MOBILE', true); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
 

그리고 관리자에서 테마를 변경하시고, 기본환경설정에서는 아래의 내용을 모두 (테마) basic으로 맞춰주세요.
(최근게시물 스킨, 검색 스킨, 접속자 스킨, FAQ 스킨, 회원 스킨)
 

관리자의 게시판 관리에 있는 1:1 문의 설정에서 스킨 디렉토리를 (테마) basic으로 맞춰주신 후 사용하시면 됩니다.
 

#사족
그누보드에 tailwindcss를 적용하면 재미 있겠다 싶어 아무런 계획 없이 시작했기에 그누보드 자체의 css와 커스터마이즈한 css가 깔끔하게 정돈된 상태가 아니며, 테마의 완성도도 그리 높지 않음을 양해바랍니다.
 

그누보드의 많은 부분(즉, css)을 tailwindcss로 변경하고 싶었는데, 그 작업량이 상상을 초월하네요.
해서, 더는 손을 댈 엄두가 나지 않아 버전 업 등은 전혀 고려하지 않고 있습니다.
너무 힘들어요. ^^
 

실사용도 가능하기는 하지만, 아직 손을 대지 못한 곳도 많으니 참조 정도로 활용하시면 좋을 듯합니다.
 

이전에 그누 5.3.x에 부트스트랩 4를 적용하여 GnuBS4 테마를 공개하였는데, 언제 기회가 되면 그누 5.4.x에 부트스트랩 5를 적용하여 손을 보고 싶은 생각도 있기는 한데, 그저 생각으로만 머물고 있네요.
 

그럼, 건강과 행복이 함께 하는 일상이길 바랍니다.
 

감사합니다.