부트스트랩 컴퍼니 테마

아리아나벤티
· 2015-09-02 (수) 17:38:47 · 34508 · 42
thumb-1794464796_OaZTdk6i_EC9DB4EBAFB8ECA780_20_760x750.png

그누보드5+ 부트스트랩 컴퍼니 테마 사용 메뉴얼을 간단히 알려드리겠습니다. 

 

 

* 그누보드5와 부트스트랩을 사용한 컴퍼니 테마입니다.

* 반응형 구조 및 배열을 수정할 경우 bootstrap.min.css에 적용된 class값이 있습니다.

  클라스 값 및 예제는 해당 링크를 참고합니다. ☞ 링크 바로가기

* 부트스트랩은 IE8 이상부터 지원이 됩니다.

 

 

 

0. 상단 메뉴바

 

00ac41a61666d8152dba25f4d774406b_1441179258_2714.jpg
 

사용자가 관리자 페이지에서 직접 게시를 할 수 없고, 코드로 수정을 해야합니다.

모바일로 볼 때 상단 메뉴바가 버튼으로 바뀝니다.

 

 

 

 

1. 회사소개

 

00ac41a61666d8152dba25f4d774406b_1441179290_5559.jpg
 

 

가장 첫 번째 페이지입니다.

아래의 버튼을 누르면 상세 페이지로 이동합니다. 회사 소개의 글을 작성시 [관리자]-[게시판관리]-[내용관리]-[회사소개]에서 수정을 누르면 아래 에디터에서 편집할 수 있습니다. 위의 회사소개에서 보이는 이미지는 에디터의 HTML을 클릭합니다.

 

추가하고자 하는 텍스트에서 예) <span>컨텐츠 내용~</span> → <span class="icon_img">컨텐츠 내용~</span> 와 같이 class를 추가하면 이미지가 적용됩니다.

 

 

00ac41a61666d8152dba25f4d774406b_1441179807_0634.jpg
 

 

페이지에 보여지는 텍스트가 많아 길어질 경우, 에디터의 HTML에서 <!--more--> 를 추가하면 주석을 추가한 부분 아래 부터는 메인 페이지상에서 잘려서 나옵니다.

 

 

00ac41a61666d8152dba25f4d774406b_1441180275_0334.jpg
 

* 모바일 내용에는 작성할 수 없습니다.

 

 

 

2. 문의

 

00ac41a61666d8152dba25f4d774406b_1441180606_5461.jpg
 

문의 게시판에서 메일을 보낼 시 [관리자]-[환경설정]-[관리자 메일 주소]에 적용된 메일로 전송됩니다.

 

 

3. 찾아오시는 길

 

00ac41a61666d8152dba25f4d774406b_1441181586_2605.jpg
 

찾아 오시는 길의 주소, 전화번호, 사이트 등의 입력값은 위 이미지와 같이 [관리자]-[환경설정]-[여분필드]에서 입력하시면 됩니다. 메일은 관리자 메일 주소로 적용됩니다.

 

 

 

4. 찾아오시는 길에 지도 넣기

 

지도는 다음 지도를 사용하였습니다.

http://apis.map.daum.net/web/guide/ 링크를 타고 들어가 다음 아이디로 로그인 후, Javscript API 는 키 발급을 하셔야 합니다.  

 

키 발급하기 주소

 

00ac41a61666d8152dba25f4d774406b_1441182149_0183.jpg
 

앱을 만들면 만들어진 앱 하위 메뉴에 API 키라는 메뉴가 있습니다. API Key에서 편집을 누른 후 API Key를 추가하기를 누릅니다.

 

 

00ac41a61666d8152dba25f4d774406b_1441182499_4417.jpg
 

복사한 키를 사용하여 태그에 넣기만 하면 됩니다.

태그는 [index.php]에서 [map]이라는 아이디 값에 적용되어 있습니다.

아래와 같이 표시한 부분에 넣어줍니다.

 

 

00ac41a61666d8152dba25f4d774406b_1441182604_6938.jpg
 

 

 

위치 좌표는 http://dna.daum.net/examples/maps/MissA/step1.php 에서 주소 검색 후 아이프레임에 적용된 좌표를 긁어다 사용하세요.

 

00ac41a61666d8152dba25f4d774406b_1441182818_4369.png

|

댓글 42개

1등! ㅠ ㅠ 정말 고생 많으십니당~
아리아나벤티
2015-09-02 (수) 17:48:06
나나티님 1등!! 감사합니다ㅋㅋ
2015-09-02 (수) 17:55:56
2등일까요 저는
굿입니다..
와우~ 마구마구 방출해 주셔서 감사합니다.
그누 테마로 인해 호강하는 듯한 느낌입니다. ^^
날로 발전하네요.. 좋아보입니다.
저두 회사 소개 홈페이지 같은거 들어오면 꼭 이녀석으로 해야할거 같네요..^^
감사합니다 강추
수고 많으셨습니다.
시간날때 이런작품을 만들어야하는데....
농땡이를 부리고 있네요..ㅠ
좋은 자료 항상 감사합니다.

그런데 제 스마트폰에서 보면 상단 우측 메뉴가 안보이더라구요.
(모바일 크롬에서만 이럽니다. 모바일 기본 브라우저에서는 제대로 나오고)

그래서 화면을 좌측으로 밀어보면 메뉴가 보여집니다.

참고로 올려주신 다른 테마는 이런 문제 없었습니다.
아리아나벤티
2015-09-03 (목) 16:19:36
모바일 크롬에서 확인을 해봤는데 말씀하신 문제점이 오류가 없어서요!
혹시 모바일에서 봤을 때 인덱스의 내용중 컨텐츠가 넘치는 부분이 있지 않나요?
"찾아오시는 길"의 contact 내용이라던지..
지금보니 홈페이지주소가 길어서 그렇더라루요.
2차도메인으로 했더니...
친절하신 답변 감사읍니다.
정말 멋지네요.. ^^
말이안나오는 퀄리티입니다. 감사합니다 이전버전도 너무 좋아요 ^^
2015-09-05 (토) 22:57:13
감사합니다
만들려고 했었는데, 이렇게 나올 줄이야....ㅎㅎ 고맙습니다. 잘 쓸게요.
감사합니다.
정말 유용한 레이아웃이네요! 잘쓰겠습니다~
개인적으로 부트스트랩은 쓰려고하면 너무 귀찮은게 많아서 안쓰고 있었는데 너무 좋은걸 만들어주셨네요 ㅎㅎ

저도 이런걸 만들어서 올리곤 해야하는데.. 제 코드를 누가 알아볼지... ㅠㅠ
2015-09-19 (토) 17:39:00
부트스트랩 컴퍼니 초보입니다. 설치는 끝냈는데 메뉴수정과 메인 이미지 수정은 도저히 하기가 힘드네요 ....ㅜ 레이아웃이 너무 예뻐서 호기좋게 사이트 제안을 맡았는데 너무 쉽게 생각한게 화근이네요 ... 아시는분은 살짝 가이드 좀 부탁드립니다. 부탁드립니다.^^;;
아래 다음지도 위치좌표 확인이 안되네요..
http://dna.daum.net/examples/maps/MissA/step1.php

확인부탁드립니다.
http://designmad1.cafe24.com/
설치했는데 아무것도 안나오네요?
그냥 파일덮어 씌우면 되는거 아닌가요?
감사합니다 잘받아갑니다
저는 회사글이 나오지 않은데 다른분도 그러시나요?
2015-10-02 (금) 11:01:00
채용절차
ul.tabs 에서 height:32px라서 좌측라인이 잘리네요
height:64px로 수정되야 될 듯합니다.
echo latest('theme/gallery',

에서 theme/galley 의 경로가 어떻게되나요?


// 샘플에 홍보센터 게시판 테마좀 받을수있을까요?
http://sir.co.kr/qa/92806
이껀에 대해서 답변좀 부탁드립니다. 감사합니다.
2015-10-21 (수) 09:57:57
좋은 테마 올려주셔서 잘 사용하고 있습니다~ 감사합니다 ^^
이 테마의 화일안에 혹시 outlogin 폴더가 있습니까 ?
login 이나 회원가입이나 그런것이 있으면 더 좋겠다 싶어서 입니다.
2015-11-10 (화) 18:20:11
안녕하세요 문의좀 드릴려고하는데요

해당 테마를 받아서 사용한 것은 아니지만, 개정/수정판을 받아서 사용중입니다.

그래도 원작자님께 문의를 드리는 게 확실할 것 같아서요;;

문의 쪽에 네이트 메일로 메일테스트 및 문의글 작성 테스트 하면 메일이 들어오는데

유독 네이버 메일만 메일이 들어오질 않아서 혹시 해결책이 있을까해서 문의드립니다.

감사합니다.
2015-11-18 (수) 22:16:12
그누보드를 설치를 완료하고 본 테마를 같은 경로에 본파일을 설치하고 화면을 보면 아무것도 안나옵니다. ㅠㅠ 왜그런걸까요... 그리고 관리자 페이지로 들어가면 관리자페이지도 상단부분등이 깨져서 나옵니다. 뭐가 잘못된건지 모르겟네요

좀 알려주세요.. 다른 스킨이나 테마등은 잘 설치해서 썼는데요. 이 테마는 전혀 적용이 안되네요... 조언좀 부탁드립니다.
2015-12-17 (목) 16:06:16
올려주신 파일 해당 경로와 파일에 넣었는데 화면에 아무것도 안 뜨네요... 안떴따가 해결하신분 계신가요?,,,
2015-12-23 (수) 12:00:41
멋진 테마입니다, 감사합니다.
추가 영카트5 쇼핑몰도 가능하게 짜집기 하려고 하니
많이 힘드네요.
도움 주실분 기다립니다
2016-01-06 (수) 17:14:49
이미지 롤링시 화면전환시 스무스하게 변경하는 법좀 알려주세요~
http://srobbin.com/jquery-plugins/backstretch/
위사이트에서 직접 공부하셔야 할듯합니다 ^^;
정말정말 감사합니다~~^^
정말 엄청 감사히 쓰고 있는데요~ 게시판하나 만들어서 링크 걸라고 하는데요~링크주소를 적어도 링크가 안걸립니다.ㅠㅠ 어찌수정해야 하나요?

<li<?php echo $nav_li_5; ?> ><a href="/bbs/write.php?bo_table=teacher">게시판메뉴</a></li>

아예먹통입니당~ 지정된 좌표(DIV)위치가 아닌 게시판주소로 이동이 되게 하고 싶어요~
방법을 아시는분 꼬옥 답변부탁드려요~ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

질문등록했는데요~ http://sir.co.kr/qa/107009 여기입니당~
감사합니다. 테마 만드는 공부를 위해 잘쓰겠습니다.....^^
영카트를 넣을순 없는지요? 도메인/shop 해도 나오지 않네요???
아리아나벤티
2016-09-29 (목) 13:22:26
그누보드 용으로 제작된 테마입니다... ㅠㅠ
감사합니다. 의뢰들어온 홈페이지 이걸로 만들어요~
2017-01-17 (화) 12:52:55
자세한 설명이 더 굿입니다 ㅎ
감사합니다~~ 근데 html은 수정하면 바뀌던데 css는 먹히지가 않네요ㅠㅠ 왜그런걸까요?
2017-08-02 (수) 11:11:20
위에 설명이미지들이 안보이는데 보게 해 주세요.^^

테마

53건

베타 테스트 기간으로 기능을 추가하거나 사용자 경험이나 접근성을 등을 확인하고 있습니다. 현재 테마 등록은 불가합니다.

+