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

GnuTailwindcss v0.3.0 Dark Mode 지원

· 3년 전 · 16679 · 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개

왜 그런 거죠 잘 쓰고 있는데 갑자기 안 돼요

안녕하세요?

 

잘 동작하던 내용에 문제가 생긴 경우라면, 아무래도 소스에 변형을 가하면서 생긴 문제가 아닐까 합니다.
가장 최근에 진행하신 수정 작업 내용 중에서 원인이 될만한 내용을 찾아서 확인해 보셔야 할 것으로 여겨집니다.

지금 메뉴 부분에서 발생하는 문제라면, 테마 폴더의 head.php, head.sub.php 등에서 최근에 작업한 수정 내용을 찾아서 다시 원본의 내용으로 변경해보면 어쩌면 해결할 수 있는 문제가 아닐까 하는 생각을 해봅니다.

유튜브 게시판 어떻게 사용 하는 건가요?

이렇게도 해보고 저렇게도 해봐도 안되서.....

소스로 입력을 해서 넣긴 했는데....  피앙세님께서 그렇게 허술 하게 만들지는 않았을꺼란 생각이 들어...

게시판 사용 설명을 알고 싶습니다....  제가 내공이 부족 합니다 ㅠ

유튜브 url 만 입력 하면 썸네일도 바로 노출이 되는 거죠?

 

적용 게시판 입니다...

http://ww.insura.co.kr/bbs/board.php?bo_table=tube

안녕하세요?

 

비디오 게시판에서 유튜브의 링크를 올리시는 경우에는, 유튜브의 해당 페이지에서 공유 아이콘을 클릭하신 후에 나타나는 모달 페이지에서 복사 버튼을 클릭하여 본 테마의 게시판의 링크 부분에 붙여넣기를 하시면 됩니다.

무슨 문제가 있나 싶어 바로 전에 유튜브의 링크를 Test 1이라는 제목으로 올리면서 확인해 보았는데, 링크에 아무런 문제가 없음을 확인할 수 있었습니다.

테일윈드
v5.4

관련글: 게시판 스크롤 떨림 증상 해결 https://sir.kr/qa/558137

게시글 목록

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