[공지]
2021.12.26: 동영상 게시판에서 Naver TV 동영상을 처리하지 못하는 오류를 수정하였으며, 해당 파일(view.skin.php.zip)을 첨부하오니 파일을 내려받으신 후에 skin > board > tailwind_video 폴더에 있는 view.skin.php 파일을 교체하시기 바랍니다.
210917: v0.2.1을 내려받으셨던 분들께서는 head.zip을 내려받아 기존의 head.php 파일과 교체해 주시면 고맙겠습니다.
몇몇 에러 메시지 관련 수정 작업을 해서 v0.2.1을 올렸는데, 그만 실수로 메인 페이지의 전체 검색 버튼 토글 관련 스크립트를 삭제해서 검색 버튼이 토글되지 않는 증상이 있기 때문입니다.
[ 안내 ]
v0.2를 내려받으신 분들께서는 v0.2.1을 내려받아 전체를 교체하시거나, patch 파일을 내려받아 해당 파일만 교체하시기 바랍니다.
### GnuTailwindcss v0.2.1 ###
- 중복 및 불필요한 코드 삭제 또는 변경
- 웹진 게시판 제목 길이에 따른 폭 변화 제한
패치 내용은 동봉된 설명문을 참조하시기 바랍니다.
GnuTailwindcss v2.x는 v0.1을 일부 개선한 버전입니다.
- 동영상 게시판(Video)과 웹진 게시판(Webzine) 추가
- 인텍스 페이지(index.php)에 섹션(New-Idea) 추가
- 각 게시판과 전체 검색의 레이아웃 개선
# 사용 환경 및 지원
그누보드 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, Webzine, Video
- 최신글: tail_basic, tail_notice, tail_pic_block, tail_pic_list
그리고 index 파일은 두 개를 제공합니다.
- index_latest.php: slick 슬라이더와 최신글의 네 가지 타입의 조합으로 구성
- index.php: 사이트 소개 형식으로 구성하였으며, AOS를 사용하여 간단한 애니메이션을 적용했고, 슬라이더는 swiper를 사용
slick 슬라이더에 사용한 이미지는 img > slick 폴더, swiper 슬라이더에 사용한 이미지는 img > testimonials 폴더에 있습니다.
# 설정
반응형으로 사용할 것이기에 config.php의 라인 130 부근에서 아래의 내용을 찾아 true를 false로 바꿔주셔야 합니다.
define('G5_USE_MOBILE', true); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
그리고 관리자에서 테마를 변경하시고, 기본환경설정에서는 아래의 내용을 모두 (테마) basic으로 맞춰주세요.
(최근게시물 스킨, 검색 스킨, 접속자 스킨, FAQ 스킨, 회원 스킨)
관리자의 게시판 관리에 있는 1:1 문의 설정에서 스킨 디렉토리를 (테마) basic으로 맞춰주신 후 사용하시면 됩니다.
감사합니다.
댓글 116개
초기화 내용 중에 h1~h6가 포함되어 있는 것으로 여겨집니다.
이는 Tailwind CSS의 경우만이 아니고, 순수 CSS로 작업하는 경우에도 실무에서는 HTML의 CSS 규칙을 모두 초기화한 후에 작업하는 경우가 꽤 많습니다.
지금의 상태에서 문제를 개선하기 위해서는 일단 다음과 같은 세 개의 방법 등을 이용하셔야 하겠네요.
1. CSS 규칙 추가 작성
일부 특정 게시판에만 적용하시고자 한다면, 해당 게시판 스킨의 style.css에 추가하시고, 그렇지 않고 모든 사이트 전체에 적용하고자 하신다면, 테마 스킨의 default.css에 추가하세요.
일단 추가할 내용은 다음과 같습니다.
h1 {font-size: 32px !important;}
h1 {font-size: 24px !important;}
h1 {font-size: 18px !important;}
h1 {font-size: 16px !important;}
h1 {font-size: 13px !important;}
h1 {font-size: 10px !important;}
important를 적용하지 않으면, Tailwin CSS의 영향으로 적용되지 않습니다.
그리고, 참고로 h1~h6의 경우에 각 브라우저 별로 크기가 조금씩 상이하기도 한데, 위의 수치를 적용하면 무난할 것으로 생각합니다.
2. Tailwind CSS의 문법을 적용
문서를 작성할 때, HTML 모드에서 Tailwin CSS의 문법을 사용하는 방법업니다.
<div class="text-sm>H1일 때</div>
<div class=text-normal">H2일 때</div>
<div class="text-lg">H3일 때</div>
<div class="text-xl">H4일 때</div>
<div class="text-2xl">H5일 때</div>
<div class="text-3xl">H6일 때</div>
3. DHTML 사용
해당 게시판의 설정에서 DHTML 사용을 설정하여 사용하는 방업니다.
또 어떤 태그에서 문제가 생길지 알 수 없지만, 우선 H1~H6 태그의 경우에는 이 정도가 새선할 수 있는 방법으로 여겨지네요. ^^
그럼, 도움이 되는 내용이었길 바랍니다.
감사합니다.
너무 고맙습니다. 그런데, 또 예상치 못한 문제가..ㅜㅜ
실례를 무릅쓰고,ㅜㅜ 혹시나 해서 한번 더 문의 드려요.
http://2dkf.co.kr/bbs/board.php?bo_table=media
이 게시판 보시면,,, 첫번째, 세번째 영상은 아예 안나오고,두번째 영상은 나오고..
이게 네이버쪽 설정문제는 아닌거 같은데, 혹시 이게 내가 뭔가를 손대야 하는 상황인가요?
정말 난감합니다.
URL보면 정상적으로 동영상 보이는데, 홈페이지에서만 안보이네요.ㅜㅜ
연결은 되는데, 해당 동영상의 공개 설정 등에서 문제가 있어 공개가 되지 않는 화면으로 넘어가는 게 아닐까 하는 생각이 듭니다.
제가 네이버 TV는 사용을 해보지 않아서 영상을 올릴 꼉우에 해야 하는 설정 관련 내용을 잘 알지 못해 정확한 답변이 어렵지만, 아무래도 동영상 연결 자체는 되는데, 해당 동영상의 설정에서 공개가 아닌 비공개 등으로 설정이 되어 지금과 같은 화면이 나오는 것으로 여겨지네요.
정리하면, 네이버 TV에 올려져 있는 다른 영상들은 모두 정상적으로 연결이 되는데, 직접 올리신 영상만 플레이 와면이 아닌 안내 화면이 나온다는 것은 아무래도 동영상 공개와 관련한 설정의 문제일 가능성 커보이니 영상을 올리실 때 진행해야 하는 공개 여부 관련 설정 등을 살펴보시면 해답을 구하실 내용이 아닐까 합니다.
그래도 혹시 모르니 한 번 확인해 보시고, 그래도 문제가 있다면 알려주시기 바랍니다.
잘 해결되었으면 합니다.
그냥 궁금증만 폭발하고 있습니다.
갑자기 지금 접속해 보니까 되네요.
네이버TV에서 건든것도 없는데,,,,
혹시나 의심되는 상황중 하나는,, HTTPS, SSL인증이 아닐까 싶은 생각.
제 도메인에 대해서, 오전까지 SSL인증이 완료 안됐었는데, 그게 적용되고 나서 이제 제대로 작동하는것일까요?ㅎㅎ 일단 되니까 안심은 되는데, 그래도 원인을 모른채 해결되니까 찜찜한 기분을 어쩔수 없네요. ^^
암튼, 하나하나 친절히 답변 주셔서 너무 감사했습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 7794 | |
| 7698 | |
| 7516 | |
| 7495 | |
| 7433 | |
| 7314 | |
| 7194 | |
| 7113 | |
| 7110 | |
| 6928 | |
| 6858 | |
| 6733 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기