티스토리 뷰

그누보드5테마

 

 

어제는 익스플로러에 주소를 쳐보니 그누보드 기본페이지가 나오는데요 좀더 이쁘게 만들어 가야 하는데요

초보자들이 하기엔 엄두가 안나는 작업입니다. 그래서 보통 다른 전문가들이 만들어 놓은 테마를 사용하는데요

워드프레스보다 다양한 테마는 업지만 내가 원하는 형태의 테마를 가져와서 바꾸는 형식으로 만들어보겠습니다.

 

그누보드5테마위치

 

일단 그누보드사이트로 이동합니다 주소창에 "http://sir.kr"라고 입력하고 엔터를 치면 해당페이지로 이동하는데요

위에 메뉴에서 그누보드5 를 클릭하면 위의 이미지와 같은 페이지로 이동하구요 오른쪽에 보시면 여러가지 메뉴가

많이 있습니다 나중에 천천히 사용하시면 됩니다. 하시다가 잘모르면 자주하시는 질문에 검색해보시구요 그래도

모르시면 그밑에 질문답변게시판을 이용하셔두 됩니다. 팁자료실을 둘러보면 새로운 팁들을 알수있습니다. 그밑에

스킨은 게시판모양이라든지 부분적인 형태를 바꾸는 소스들이 들어있습니다. 빌더를 사용하게 되면 좀더 편리하게

홈페이지를 직접제작할수는 있는데요. 테마하고 호환이 잘안되는 경우가 발생해서 개인적으로 추천드리지는

않습니다. 그외에도 플러그인. 디자인시안등을 이용하실수가 있으니 시간나시면 천천히 둘러보시면 좋아요.

자~. 이제 테마를 클릭합니다.

 

테마선택

 

테마를 클릭하면 위와같은 이미지의 페이지로 이동하는데요 업데이트되면 화면이 달라질수도 있는데요

테마는 자주 업데이트 안되더라구요. 현재 테마는 45종이 있구요 요즘은 반응형이 대세라서 그런지

반응형만 찾게 되더라구요 현재 검색엔진에서도 반응형홈페이지가 최적화에 도움이 많이 됩니다.

페이지를 넘겨가면서 내 홈페이지에 원하는 스타일을 찾으셧으면 클릭시면 됩니다. 이번에 저는

예제로 만두가게 홈페이지제작을 해볼까 해서 음식관련 테마를 다운받아보겠습니다.

 

테마다운

 

해당페이지로 이동하셨으면 관련링크를 누르시면 현재 테마를 사용하여 만든 데모사이트로 이동하는데요

작업하시다보면 가끔 보게될때가 있더라구요 그때 참조하시면 되구요. 그밑에 첨부파일을 누르시면

다운로드가 됩니다. 이미지에는 안나왔는데 밑에 보시면 부트스트랩, 폰트어썸등을 이용하여 제작했다고

나오는데요 예전에는 플래쉬를 많이 사용했는데요 요즘은 부트스트랩이 대세인듯합니다. 아마도 여기테마는

첫화면에 이미지가 바뀌는 프로그램을 위해 사용한듯합니다. 폰트어썸은 말그대로 백터이미지를 폰트화

하여 사용하는건데요 말이 어렵나요? 크기가 줄거나 늘어나도 모양에 변형이 없이 사용하는거에요

마지막으로 이미지는 다른분의 저작권이 있는관계로 사용할려면 돈을 지불하라고 써있습니다. 어차피

만두그림으로 바꺼야 하니 크게 신경쓸것은 아닌데요~이미지는 사용안하는 걸로~ㅎ

 

압축풀기

 

다운로드 페이지로 이동하시면 5초후에 다운로드가 시작된다고 하면서 끝나면 1.번에 다운로드 파일을 표시

하면서 다운로드를 합니다. 다운로드가 끝나면 지난시간에 배운대로 오른쪽 하단을 눌러서 탐색기를 오픈하셔도

되구요 아니면 윈도우탐색기를 바로 열어 다운로드 폴더로 들어가시면 압축파일로 저장이 되어있는것을

마우스 오른쪽버튼을 클릭해서 압축풀기를 하시면됩니다.

 

테마위치

 

자~지난시간에 다운받은 FTP프로그램을 엽니다. 1. 만든호스트명과 사용자명 비밀번호 포트는 21번을 넣고

빠른연결을 눌러 웹서버에 접속을 합니다. 그리고 왼쪽 로컬사이트에서 아까 다운받은 폴더에 위치해주시구요

오른쪽 리모트사이트에는 테마 'theme'폴더에 위치 맞춰주시면 됩니다. 폴더를 보니 basic이라는 폴더가 있는데요

이것은 처음 기본으로 나오는 형식입니다.

 

테마업로드

 

왼쪽에 내 다운로드 파일에서 다운받은 테마를 폴더 통째로 올려야 하기 때문에 다운로드폴더로 이동해서 마우스

버튼을 누른상태에서 오른쪽 리모트사이트쪽으로 드래그해주시면 테마를 업로드 하실수 있습니다.

 

테마업로드2

 

다시 익스플로러로 와서 주소창에 "http://임시도메인주소/adm"을 입력하시면 관리자 페이지로 이동하는데요

우선 회원가입을 하라고 합니다. 지난시간에 최고관리자 설정때 꼭 적어놓으라고 한것을 여기서 사용하게

되는데요 설정한 최고관리자 아이디 비번을 적고 로그인을 누릅니다. 다음화면에서 환경설정 - 테마설정을

누르시면 테마설정페이지로 이동하구요 그럼 업로드시켜놓은것이 생성되 있습니다. 3.번을 눌러 테마적용을

해주시면 됩니다. 참~쉽죠~ㅎ

 

테마적용확인

자 이제 확인해보아야겟지요 익스플로러 창을 열어 임시도메인주소를 입력하면 짜잔~그럴듯한 홈페이지가

생성이 되었습니다. 오늘은 테마 적용까지 해보았는데요 이제 하나씩 만들어 보도록 하겠습니다.

감사합니다.

 

 

 

 

댓글