ASKTHEME 멀티 비즈니스테마 1.7.2.2
프로그램명 : ASKTHEME 멀티 비즈니스테마 1.7.2.2
php 5.2 사용자는 php7버전 사용가능한 호스팅으로 옮기는걸 추천합니다.
최소 php 5.3을 사용하세요.
라이센스
- 도메인 하나당 하나의 제품을 구매해야 합니다.
- 하나의 도메인에 여러개의 그누보드를 설치해서 서비스 할 경우 그누보드가 설치된 수 만큼 구매하여야 합니다.
- 1개의 도메인에 직접 사용하거나 납품용으로만 사용 가능하며 중고로 재판매 또는 양도 할 수 없습니다.
테마 설치 설명서
설치
- 다운받은 파일을 압축 해제(plugin,theme) 후 그누보드 폴더 루트(common.php 파일이 있는 위치)에 업로드 해주세요.
- http://themeb3.asktheme.net/img.zip 에서 테마용 이미지파일을 필히 다운받으세요.
- /theme/asktheme_b3/img 에 모두 업로드 해주세요.
- 모바일관리자 사용시 adm도 업로드 하시면 됩니다. 관리자 css 수정해서 사용하시는 분은 미리 admin.css 백업하시고 사용하세요.
관리자 설정
- 환경설정->테마설정->ASKTHEME B3 멀티 비즈니스 테마 선택
기본환경설
- 최근게시물스킨, 검색스킨, 접속자스킨, FAQ스킨, 회원스킨등 모든 스킨선택을 (테마)basic 으로 변경
게시판 스킨
- 스킨 종류를 (테마)가 앞에 붙은 스킨으로 변경
1:1문의
- 스킨 종류를 (테마)가 앞에 붙은 스킨으로 변경
내용관리
- 스킨 종류를 (테마)가 앞에 붙은 스킨으로 변경
최신글 적용 - 데모는 http://themeb3.asktheme.net/를 참고하세요.
/theme/asktheme_b3/latest-basic.php
/theme/asktheme_b3/latest-tab.php
/theme/asktheme_b3/latest-gallery.php
/theme/asktheme_b3/latest-mixed.php
파일들을 참고하세요.
일반페이지
/theme/asktheme_b3/index.php
/theme/asktheme_b3/index_classic.php
/theme/asktheme_b3/index_classic2.php
/theme/asktheme_b3/index_community.php - 커뮤니티형 페이지 입니다.
/theme/asktheme_b3/index_foundation.php
파일들을 참고하세요. 첫페이지로 사용하고 싶은 디자인을 index.php 파일로 복사해 쓰시면 됩니다.
하위 페이지
/theme/asktheme_b3/at_introduce.php - 회사소개
/theme/asktheme_b3/at_service.php - 서비스
/theme/asktheme_b3/at_history.php - 연혁
/theme/asktheme_b3/at_ogchart.php - 조직도
/theme/asktheme_b3/contact_us.php - 고객문의 폼메일
/theme/asktheme_b3/at_map.php - 오시는길
/theme/asktheme_b3/at_introduce_aside.php - 왼쪽메뉴 사용 예시
일반페이지 디자인은 업데이트시 계속 추가됩니다.
갤러리스킨
게시판 관리자에서 여분필드 1번에 3 또는 4를 입력하면 4열 갤러리, 3열 갤러리 설정을 할 수 있습니다. 기본 3열.
포트폴리오스킨
게시판 추가되었습니다.
모바일 메뉴 편집
- 왼쪽 메뉴 : /theme/asktheme_b3/_mobile_menu.php 파일을 수정하세요.
- 오른쪽 메뉴 : /theme/asktheme_b3/_mobile_member_menu.php 파일을 수정하세요.
슬라이더 수정
/theme/asktheme_b3/_slider.php 파일을 수정하세요. 페이지 전환 효과 수정은
effect: 'slide', //fade, slide, flip, coverflow 이부분을 수정하면 됩니다.
기본 내장된 fade 형 슬라어더 사용시 /theme/asktheme_b3/theme.config.php 파일에 정의 변수 수정.
$theme_config['slider'] = "_slider.php"; 에서 변수값을 _slider_fade.php 로 사용하세요.
일반페이지마다 슬라이더를 다르게 사용하려면
index_foundation.php 파일 상단 코드를 참고하세요.
/**
* 슬라이더는 head.php 에 설정되어 있습니다.
* 개별페이지 설정은 아래처럼 $theme_config['slider'] = "슬라이더파일명"; 코드를 사용하면 됩니다.
*/
$theme_config['slider'] = "_slider_fade.php"; //기본제공 슬라이더 이외에는 해당 슬라이더
파일을 _slider.php를 참고해서 만들어주어야 합니다.
include_once(G5_THEME_PATH . '/head.php');
슬라이더에는 Youtube 백그라운드 플레이 기능이 내장되어 있으며 PC에만 가능하며 모바일은 대체 이미지가 출력됩니다.
메인 해더메뉴 변경
/theme/asktheme_b3/theme.config.php 파일에 정의 변수 수정
$theme_config['header'] = "header_default.php";
위 변수를 수정하세요.
/theme/asktheme_b3/_template/header/header_default.php 파일을 편집하세요.
header_white.php 는 흰색 배경 검은색글자 메뉴입니다.
원페이지 사용하기
http://themeb3.asktheme.net/manpage/ 매뉴얼 참고하세요.
관리자에서 메뉴 설정은 /theme/asktheme_b3/index_onepage.php#intro 와 같이 파일명까지 적어줘야 합니다. hash만 적으면 다른페이지에서 원페이지로 이동 못합니다.
원페이지 샘플을 참고해 앵커와 메뉴 해시(#)명을 일치시켜야 합니다.
모바일 메뉴 추가
_mobile_menu_v2.php 파일이 추가되었습니다.
tail.php 87라인
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
* 모바일 메뉴
* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
include_once(G5_THEME_PATH . '/_mobile_menu_v2.php');
에서 include 합니다. 기존 메뉴 사용시
include_once(G5_THEME_PATH . '/_mobile_menu.php');
로 하시면 됩니다.
sitemap 추가
등록방법 https://trip98.tistory.com/543
생성은 그누보드 메뉴기반 자동으로 생성됩니다. 위 주소를 참고해서 검색엔진에 등록하세요.
설치된 도메인 http://www.mysite.com/sitemap.php 경로로 제출하면 됩니다.
css 편집
- 정의된 위치 파악은 크롬 개발자도구를 이용하세요.
- sass css전처리기가 사용되었습니다. sass 기초 사용법을 숙지하면 손쉽게 사용가능합니다.
- sass 미사용시 /theme/asktheme_b3/_scss 및 /theme/asktheme_b3/css/*.map 파일을 삭제후 작업하시기 바랍니다.
- 모든 일반페이지 및 스킨 스타일은 /theme/asktheme_b3/css 에 있습니다. 최신글은 latest.css, 게시판 및 그누보드, 일반페이지는 페이지 상단 add_stylesheet 함수값을 보시면 파일명이 나와있습니다.
- add_stylesheet('<link rel="stylesheet" href="' . G5_THEME_CSS_URL . '/slider.css">', 0);
네이버 스마트 에디터 스타일 수정
/* ASKADMIN - 모바일에서도 smarteditor 사용 */
/* gnuboard/plugin/editor/smarteditor2/css/ko_KR/smart_editor2.css 하단에 삽입 */
#smart_editor2{
min-width: 280px !important;
}
.se2_text_tool.husky_seditor_text_tool{
padding-right : 50px !important;
}
.se2_text_tool.husky_seditor_text_tool ul{
margin-top: .1rem !important;margin-bottom : .1rem !important;
}
위와 같이 적용하세요.
CSS 전처리기를 사용하실 경우
theme/asktheme_b3/_scss 가 scss 원본파일 디렉토리 입니다. ruby gem 또는 npm 으로 sass 전처리기 설치 후 사용하시는 에디터에 설정후 사용하시면 됩니다.
유투브 배경색 처리는 .owl-video-wrapper{ background: #fff !important} 스타일을 추가해주시면 배경색이 흰색으로 됩니다.
테마안에 css/defaul.css 하단에 넣어보세요.
유튜브 최신글 추가하였으니 다시 다운받으시고
css/latest.css
skin/latest/ask-youtube/* 파일 업로드 하세요.
출력을 원하는 곳에 아래처럼 하시면 됩니다.
<?php echo latest('theme/ask-youtube', 'youtube', 12, 33); ?>
단, 유튜브 로딩이기 때문에 로딩시 속도가 느린점 감안하셔야 합니다.
적용된 미리보기는 http://themeb3.asktheme.net/theme/asktheme_b3/latest-gallery.php 하단을 참고하세요.