GnuTailwindcss v0.3.0 Dark Mode > 그누보드5 테마

그누보드5 테마

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

GnuTailwindcss v0.3.0 Dark Mode 정보

GnuTailwindcss v0.3.0 Dark Mode

첨부파일

GnuTailwind_v0.3.0_dark.zip (9.8M) 181회 다운로드 2021-12-26 15:47:24
테스트한 버전5.4.18
호환 가능 버전5.4 이상

본문

GnuTailwindcss v0.2.1에 Dark Mode를 추가한 버전입니다.
그외에 Video 게시판의 Naver TV와 관련한 오류를 수정했으며, 기존의 레이아웃을 일부 수정하였습니다.

이번에도 두서없이 작업하느라 GnuTailwindcss v0.2.1의 경우와 같이 부족한 부분이 많고, 자잘한 버그가 많겠지만, 이 또한 이해해주실 것으로 믿습니다. ^^

'일반 모드'와 '다크 모드' 간의 전환은 상단의 Navbar 오른쪽에 있는 해/달 아이콘을 클릭하시면 됩니다.
참고로, 최신글 위주로 구성한 index 파일(index_latest.php)과 최신글 스킨들은 Dark Mode를 적용하지 않은 상태입니다.


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

그누보드 5.3.x에서는 사용할 수 없으며, 5.4 이상에서 사용이 가능합니다.
 

# 구성 파일
- 게시판: basic, Gallery, Webzine, Video
- 최신글: tail_basic, tail_notice, tail_pic_block, tail_pic_list
 

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

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

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

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

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

그럼, 즐거운 연말 보내시고, 올 한 해 잘 마무리하시기 바랍니다.
감사합니다.

추천
18

댓글 전체

안녕하세요 좋은테마 공유 너무 감사드립니다.!
혹시 궁금한점이 두개 있는데 가능한지 여쭙습니다.
1. 이전 글 보다 이 버전이 마음에 쏙 드는데 라이트로 고정시키는 방법이있을까요?
2. 혹시 반응형없이 pc웹으로만 사용할수있나요? (모바일에서봐도 pc화면그냥 그대로)
안녕하세요?

1. 초기 상태는 Light로 되어 있으니까, Light Mode와 Dark Mode 간을 전환하는 Toggle 바튼 부분을 Light Mode인 상태에서 삭제하시면 됩니다.
즉, 사용자가 접속하면 Light Mode가 되고, 전환 버튼이 없으므로 계속 Light Mode로만 사용하게 됩니다.

2. 이미 반응형으로 CSS가 적용되어 있기에 PC, Mobile의 개념이 존재하지 않습니다.
오직 브라우저의 폭에 의해서만 반응하게 됩니다.

따라서 말씀하신 내용은 불가능하며, 말씀하신 형태대로 동작하게 하기 위해서는 새로 CSS를 적용하여 PC용을 별도로 새로 제작하고, 모바일에서 접속하는 경우에는 제작해 놓은 PC용으로 접속이 되도록 별도로 기능을 구현해야만 합니다.

즉, 기존의 그누보드 기본 소스로 사이트의 모든 부분을 PC용으로 새로 디자인하여 PC용으로 사용해야 하며, 또한 모바일 접속 시에 해당 PC용 테마로 자동 전환이 되도록 하는 기능을  추가해야 합니다.

감사합니다.
전체 143 |RSS
그누보드5 테마 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT