채택완료

그누보드5인데 부트스트랩을 사용하려면 어떻게 해야 하는지요?

카페24 호스팅이고
php8.4 입니다.

부트스트랩 적용되게 하려면 어떻게 해야 하는지 궁금하네요.

그동안 부트스트랩 적용된 테마만 사용하다가 
안된 테마를 사용하게 되었는데
직접 해보려고 합니다.

조언 좀 부탁드립니다~^^
|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
직접 넣으셔야해요 bootstrap 홈페이지 들어가셔서 최신버전 다운로드 이후에 순정 그누보드 기준 테마를 쓰신다면 /theme/basic/안에 다운받으신 bootstrap 파일을 넣으세요 압축받으신 bootstrap 파일 여시면 css,js 폴더 두개 있는데 간단하게 전부 적용을 원하시는거면 bootstrap.bundle.min.js 는 js폴더에, bootstrap.min.css는 css 폴더에 넣으시고 head_sub.php에 연결시키면 됩니다.
add_javascript('<script src="'.G5_THEME_JS_URL.'/bootstrap.min.js"></script>', 0);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_CSS_URL.'/bootstrap.min.css">', 0);

이런식이 되겠죠 테마를 사용하지 않으신다면 같은방식으로 js,css 폴더에 파일 넣으시고 head_sub.php에 코드를 넣어주세요 대신 G5_THEME_JS_URL이 아닌 G5_JS_URL, G5_CSS_URL 이 되겠죠

답변에 대한 댓글 1개

자세한 설명 감사합니다 ^^

부트스트랩 테마 head.sub.php 파일에 정보 다 있어요.

그거에 맞게 해당 부트스트랩 받아서다가 비슷한 구조가 되게 업로드 후 경로 맞추시면 됩니다.

그런 후, 각 요소에 해당 부트스트랩 버전에 맞는 클래스 적용하면 돼요.

말이 참 간단하죠? 원리는 위가 전부인데, 변환 작업하려면 죽을 맛일 듯 합니다.
일단, 매뉴얼 보면서 클래스 적용해야 하니...

이미 만들어진 거 조금 수정해 쓰는 게 속 편합니다.

아니면, ai 사이트에 파일 첨부 후, 해당 BS 버전에 맞게 코드 수정해줘 하든가..

컨피그에서 모바일모드 사용 중지시키고 하시든가, PC모드 사용 중지시키고 하시든가....

한 모드로 선택 후 작업하셔야... 보통은 모바일모드로 작업하시더라구요.

답변에 대한 댓글 2개

우선 답변 감사드립니다.

현재 사용하는 테마가 부트스트랩 적용이 안된 테마인데 head.sub.php 파일 정보에 다 있는건가요??

제가 잘 못 이해를 한것 같은데..

혹시 적용 테마의 head.sub.php 파일에 관련 정보가 있으니 그에 맞게 하라는 말씀이실까요?

head.sub.php 소스 내용에

add_javascript('<script src="' . G5_JS_URL . '/jquery-1.12.4.min.js"></script>', 0);
add_javascript('<script src="' . G5_JS_URL . '/jquery-migrate-1.4.1.min.js"></script>', 0);
add_javascript('<script src="' . G5_JS_URL . '/jquery.menu.js?ver=' . G5_JS_VER . '"></script>', 0);

이 부분이 있는데 이것을 말씀하신걸까요?
답변에 "부트스트랩 테마 head.sub.php 파일"이라고 말씀드렸는데...^^;
(베이직테마처럼 부트스트랩 적용 안 된 테마는 당연히 참고할 게 없죠. ㅎ)
이미 제작된 부트스트랩 테마를 뜯어보면서 BS 전용 CSS JS 불러오는 구조 파악과 클래스 적용 어떻게 했나 살펴보며 공부하는 게 최선입니다.

답변을 작성하려면 로그인이 필요합니다.