GnuTailwindcss v0.2.1 (수정본2_210917) > 그누보드5 테마

버그신고

그누보드5 테마

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

GnuTailwindcss v0.2.1 (수정본2_210917) 정보

GnuTailwindcss v0.2.1 (수정본2_210917)

첨부파일

GnuTailwind_v0.2.1.zip (7.4M) 78회 다운로드 2021-09-17 00:46:18
patch_v0.2.1.zip (48.7K) 1회 다운로드 2021-09-17 00:46:18
head.zip (2.7K) 0회 다운로드 2021-09-17 01:59:28
테스트한 버전5.4.5.5
호환 가능 버전5.4 이상

본문

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


감사합니다.

추천
9

댓글 전체

그누보드에 tailwindcss를 적용하기 위해 CDN 방식을 사용했는데, 이런 경우에는 모든 파일을 일일이 검색하여 변경하셔야 합니다.

php 파일: indigo라는 단어로 검색하여 변경
css 파일: rgba(99, 102, 241, 1)과 rgba(224, 231, 255, 1)로 검색하여 변경

사용한 보라색이 한 가지가 아니기에 위의 과정을 거친 후 화면에서 확인하여 변경할 부분이 더 있다면, 해당 소스에서 추가로 변경해주셔야 합니다.
이때, 웹 브라우저의 개발자 도구를 통해 소스 내의 위치를 알아낸 후 수정하시면 도움이 될 것입니다.
이런~ 변경하실 때, 찾기로 해서 하나씩 변경하기보다는 찾기 및 바꾸기로 검색하시어 일괄 변경을 하시면 좀 더 빠르게 변경하실 수 있을 것으로 생각합니다. ^^
indigo  같은 경우에는 text의 경우에는 text-indigo-500, text-indigo-100, background의 경우에는 bg-indigo-500, bg-indigo-100 등이 주로 사용되었으니 참조하시면 좋을 듯합니다.
감사합니다. 그런데 크롬에서 관리자 도구로 확인하니 웹집게시판에서

Failed to load resource: the server responded with a status of 404 (Not Found)
jquery-migrate-1.4.1.min.js?ver=191202:2 JQMIGRATE: Migrate is installed, version 1.4.1
font-awesome.min.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)
DevTools failed to load source map: Could not load content for http://iplace.co.kr/v54/theme/10_GnuTailwind_v0.2/assets/swiper/swiper-bundle.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

와 같이 오류가 뜨는데 이상 없는 건가요~?
소스 중에 테스트를 하느라 잠시 넣어두었던 소스를 삭제하지 않아 중복된 것이 있었고, 이런 경우에는 둘 중에 하나는 실행이 되므로 묹제가 발생하지는 않습니다.

그리고 CDN을 통하지 않고, js 파일을 저장하여 사용하면서 누락된 파일이 있는데, 이는 없어도 무관한 것이지만 마치 큰 에러가 난 것처럼 메세지가 나타나네요.

jquery-migrate 관련 메시지는 에러는 아니고, jquery를 여러 버전을 사용하는 경우에 호환이 되도록 설치하는 파일이 있는데, 이를 설치했다는 메시지이므로 에러나, 경고와는 무관한 것으로 생각합니다.

또한 나중에 적용해볼까 하여 잠시 넣어두었던 소스도 삭제하지 않아 불필요하게 에러 메시지를 띄우는 게 있었고, 웹진 게시판의 경우에는 제목이 짧을 때, 박스의 폭이 함께 줄어드는 오류가 있음도 알게 되어 이도 수정했습니다.

몇몇 에러, 중복 또는 불필요한 소스를 정리해서 다시 올려놓도록 하겠습니다.
심각한 에러를 일으키지는 않는데, 결함임은 분명하네요. ^^

문제점을 지적해주셔서 감사의 마음을 전합니다. ^^;;
제가 크롬이 아닌 파이어폭스를 주로 사용하기에 그런 메시지가 뜨는 걸 모르고 있었답니다. ^^
덕분에 보기 흉한(?) 메시지를 날릴 수 있었으니 감사드립니다.
덕분이라니요~~제가 덕분에 다시 한번 감사드립니다.
그런데 상단의 검색 토글관련 스크립트가 버젼업 되면서 삭제되었네요~~현재 작동안합니다...
앗! 그 부분을 제가 착각했네요.
에러를 일으킬 여지를 없애는 쪽으로만 집중하다가 검색 토글과 연관되어 있다는 것을 잠시 착각했네요.
다시 손을 보아서 올리도록 하겠습니다.
더는 실수하면 안 되는데 말이죠. ^^
이번에도 다시 감사드립니다. ^^;
기존의 index.php를 다른 이름으로 먼저 변경하시거나, 다른 곳으로 옮겨 놓으시고, 최신글 모음인 index_latest.php의 파일명을 index.php로 바꾸시면 됩니다.
너무너무 훌룡하십니다. 심플하고 깔끔하고 그런데 메인 페이지 TRANSACTIONS 바로 아래 갤러리 게시판 하나 삽입 시키자면 어떻게 해야 될까요.
일단 한 줄에 6개의 갤러리 파일을 표시하는 것을 기준으로 말씀드리겠습니다.

먼저 index.php에 아래의 코드를 추가하세요.

<section id="about" class="about bg-white py-12 overflow-hidden">
  <div class="container mx-auto px-4 sm:px-0" data-aos="fade-up">
    <h2 class="sound_only">최신글</h2>
    <div class="latest_top_wr text-black">
      <div>
        <?php echo latest('theme/tail_pic_block', 'gallery', 6, 23); ?>
      </div>
    </div>
  </div>
</section>

그리고 최신글 스킨으로 tail_pic_block를 사용했기에 tail_pic_block > latest.skin.php에서 아래와 같이 수정해주세요.

- 수정 전
<ul class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 xl:gap-6">

- 수정 후
<ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 gap-4 xl:gap-6">

답글을 올리기 위해 확인하다보니, 한 줄에 표시하고자 하는 갤러리 파일의 수에 따라 index.php뿐만이 아니고 최신글의 latest.skin.php도 그에 맞춰 수정을 해야 하는 문제가 있네요.

그런데 최신글을 한 번만 사용한다거나, 하나의 최신글 스킨을 동일한 갯수로 표시하고자 할 때는 여러 번 사용해도 문제가 없지만, 어떤 경우에는 4개, 어떤 경우에는 6개 등으로 그 갯수를 달라 하며 여러 번 사용할 때에는 문제가 될 수 있으니, 이점 유념하시기 바랍니다.

참고로, 화면 폭의 변화에 따른 grid의 갯수의 변화는 원하시는 쪽으로 수정하여 사용하시면 됩니다.
즉, lg일 때 몇 개, md일 때 몇 개 등의 수치는 원하시는 갯수로 설정하시면 됩니다.
피앙세 님 이렇게 신속하게 답변을 달아주셔서 너무나 감사합니다. 재주가 미천하나 시간이 나는대로 작업을 하도록 하겠습니다. 추석 명절 잘 지내시고 가족들도 모두 무탈하시기를 진심으로 기도하겠습니다.
연휴 잘 보내셨나요?
여쭤볼게 또 생겼는데... 인덱스 페이지에 불필요한 섹션들을 날리니까 PC 버전에선 하단이 공백으로 나옵니다.
내용이 짧아지더라도 공백없이 height 가 100%로 보여지게 할 수 있는 방법이 있을까요?
자꾸 질문만 드려서 죄송합니다.ㅠ
아래와 같이 진행해 보시기 바랍니다.

- body 태그에 클래스를 추가해 주세요.

변경전:
<body<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?>>

변경 후:
<body<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?> class="flex flex-col h-screen">

- index.php에서 제일 끝에 아래의 소스를 추가해 주세요.
<div class="flex-grow"></div>

원하는 결과가 나오길 바랍니다.
감사합니다.
아.. 결과는 동일합니다 ㅠㅠ

중간에 한 섹션 height가 줄어버리네용..;;

index.php 에 삽입하는 내용은 tail.php include 위에 넣었습니다.
전체 139 |RSS
그누보드5 테마 내용 검색

회원로그인

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