[공지]
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개
단, 동영상의 종류가 많아 그 모두를 지원하려면, 대대적인 수정이 필요하기에 일단 Youtube 만을 지원하는 내용으로 말씀드립니다.
1. 기본 게시판의 style.css에 아래의 내용을 추가
.video-container,
.video-container-naver {
padding-bottom: 56.25%;
}
.video-container-naver iframe,
.video-container embed,
.video-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
2. 기본 게시판의 view.skin.php에서 <!-- 본문 내용 시작 { --> 의 바로 위에 아래의 코드를 추가
<!-- Link 1에 입력한 Youtube 삽입 -->
<?php
$youtube = explode("/", $view['wr_link1']);
if($view['wr_link1']) {
?>
<div class="video-container relative pt-7 h-0 overflow-hidden">
<iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/<?php echo end($youtube); ?>" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<?php } ?>
3. 본문 작성 시에 본문에 내용이 없으면, 입력이 되지 않으므로 필요한 내용을 입력하시고, 하단의 링크 1에 Youyube의 링크 주소를 입력하세요.
iframe이 아닌, https://youtu.be/XmlL6Yu0daE 와 같은 공유 주소를 입력하세요.
4. 그리고 동영상이 제대로 전체 폭으로 나타나는지 확인하세요.
만약 전체 폭으로 나오지 않는다면, 화면 고침 또는 강제 화면 고침을 하여 수정 사항이 반영되도록 해보시기 바랍니다.
그럼, 도움이 되는 답글이길 바랍니다.
감사합니다.
1. 상단왼쪽 헤드에 팩스를 추가하려고 하는데 부트스트랩 아이콘을 추가해도 뜨질않네요;; 기존 메일 아이콘이 bi-envelope 으로 되어있던데, 부트스트랩 사이트에서 검색해서 <i class="bi bi-envelope-paper"></i>이렇게 추가하니 뜨질않습니다;;; 추가로 설정해야하는 부분이 있나요?
[http://sir.kr/data/editor/2208/dd75d968d75463e674251d3f90b3a3fb_1661740394_9273.PNG]
2. 그리고 tail.php 파일을 수정했는데 메인index에 표시되는 tail.php 는 수정적용이 되는데 서브페이지에 나오는 tail.php 파일은 수정전파일로 뜨네요;; 경로설정을 따로 해줘야 하는건가요?
따라서 head.sub.php에서 기존의 1.5 버전 관련 코드를 아래의 코드로 대체하시기 바랍니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
2. 서브 페이지의 태마 설정을 살펴보셔서 제대로 설정하셨는지 확인해 보세요.
관리자 메뉴의 게시판 또는 내용 관리에서 해당 게시판이나 내용의 테마 설정을 테마 (basic)로 설정하지 않아 발생하는 문제가 아닐까 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 8065 | |
| 8059 | |
| 8049 | |
| 8046 | |
| 8042 | |
| 8038 | |
| 8011 | |
| 7965 | |
| 7928 | |
| 7855 | |
| 7835 | |
| 7815 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기