테스트 사이트 - 개발 중인 베타 버전입니다

GnuTailwindcss v0.3.0 Dark Mode 지원

· 3년 전 · 16691 · 187
screenshot.png

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으로 맞춰주신 후 사용하시면 됩니다.

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 187개

[http://sir.kr/data/editor/2308/a0ef1583d4a65de1a67681b05426955d_1692177991_6195.png]

초보라 수정이 어려워요 수정하는곳을 알려주세요
이! 그리고 혹시 그누보드의 버전은 확인하셨는지요?
그리고 순수 그누보드인지요?
이 두 가지에 대한 확인이 최우선이지 싶습니다.
저런 증상이 발생한다는 게 너무도 이상해서 본 테마는 5.4.x 버전 기준으로 제작되었지만, 혹시나 버전 문제인가 해서 가장 버전인 5.5.8.3.4를 설치해서 테마를 확인해 보았습니다.
어딘가 문제가 그래도 있겠지 하는 저의 염려와는 달리 크게 눈에 띄는 이상은 보이지 않았습니다.

해서, 저의 생각으로는 지금 설치한 그누보드는 어딘가 문제(?)가 있어 보이니, 순수 버전으로 해서 재설치하시는 게 가장 좋은 방법이 아닐까 합니다.
지금의 상태에서 눈에 띄는 이상 현상을 일일이 수정하는 것도 수월하지 않아 보이구요.
그럼, 한 번 재설치하는 방법을 검토해 보실 것을 권해봅니다.
안녕하세요 피앙새님 스킨테마 너무 좋은것같습니다 깔끔하구요!!
다만 한가지 궁금한게 있어 댓글답니다.
메인화면(index)에서 Gallery 혹은 webzine 리스트를 쓰고 싶으면 어떻게 하면 좋을까요?
메인 화면에서 바로 갤러리를 띄우고 이미지를 카테고리별로 보여주고 싶습니다.
포트폴리오 처럼요!
theme의 index.php를 대폭 수정하는 방법이 있겠으나 이는 일이 너무 커지므로 redirect 기능을 이용하는 게 어떨까 하는 생각입니다.

theme의 index.php의 최상단의 내용을 아래와 같이 수정해 수정해주세요.

<?php
if (!defined('_INDEX_')) define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

header('Location: 이곳에 Gallery 또는 Webzine의 주소를 기입');

보시는 바와 같이, header('Location: 사이트주소/bbs/board.php?bo_table=gallery'); 와 같은 형식으로 redirect 문을 한 줄 추가해주시면 index.php로 접속 시에 자동으로 gallery로 넘어가게 됩니다.

일단, 관리자의 게시판 설정에서 갤러리 또는 웹진 게시판을 하나 먼저 생성하고, 그 후에 메뉴설정에서 갤러리 또는 웹진 게시판 메뉴를 하나 생성하신 후에 생성한 주소를 복사하여 위의 Location: 뒤에 넣어주시면 쉽게 적용하실 수 있을 것으로 생각합니다.
그리고 메뉴에서는 불필요하다면 조금 전에 생성했던 갤러리 또는 웹진 관련 메뉴를 삭제하시면 되지 않을까요?

그럼, 부디 도움이 되는 답글이었길 바랍니다. ^^

답변 감사드립니다 ㅎㅎ 다만 리다이렉트 사용시 SEO 측면에서 좋지 않은 결과가 나올듯합니다..ㅠㅠ

 

갤러리를 바로 띄어주기엔 너무 많은 수정사항이 필요하군요.. 감사합니다..ㅠ

1년 전

안녕하세요 선생님

 

현재 최신버전에서는 호환이 불가능 한걸까요?? 너무 좋은 테마인데 오류로 인해 사용을 못하고있네요 ㅠㅠ

 

===================================

잘 해결 완료하였습니다 감사합니다 선생님 잘사용해보겠습니다..!

잘 해결하셨다니 다행이네요. ^^
활용에 어려움이 없길 바랍니다.
감사합니다.

1년 전

안녕하세요~ video 게시판에 유투브 영상을 링크만 올려도, html에 iframe으로 올려도 리스트에 원래 유투브 영상의 썸네일이 나오지 않고 no_img 썸네일만 나오는 문제 문의드립니다. 혹시 저만 그런건지요?? 그래서 파일에 이미지를 첨부하면 리스트에 아예 썸네일 이미지가 아무것도 뜨지 않아요ㅜ

안녕하세요?

Video 게시판에 Test 1이라는 제목으로 유튜브의 링크를 걸어보았는데, 보시다시피 썸네일 이미지 및 링크 기능은 모두 정상적으로 동작하는 걸 확인할 수 있었습니다.

참고로, 링크를 걸고자 하는 유튜브 페이지에서 공유 버튼을 클릭하신 후에 모달 페이지가 뜨면 복사 버튼을 클릭하여 게시판의 링크 부분에 붙여넣기를 하시면 링크, 썸네일 모두 아무 문제 없이 동작하는 걸 확인할 수 있었습니다.
Video 게시판의 Test 1이라는 제목이 바로 직전에 테스트를 위해 올린 글입니다.

게시글 목록

번호 제목
7794
7698
7516
7495
7433
7314
7194
7113
7110
6928
6858
6733