WD My Book Live 홈페이지에 아미나테마 꾸미기

웹서버 및 그누보드 설치하기

위 강좌를 통해 그누보드를 잘 설치하셨죠? ㅎㅎ

그누보드5의 기본테마는 정말 단순합니다.

속도도 빠른 장점이 있구요.

다만 너무 단순해서 일반인들이 쓰기엔 좀 아쉬운 점이 많습니다.

그 해결책으로 아미나테마가 있습니다.

부가기능도 많고, 그누보드의 아쉬운 점들을 정말 많이 해소시켜주거든요.

http://amina.co.kr/

위 사이트에 들어가셔서 회원가입하시고 다운을 받습니다.

▲ 위 스샷의 메뉴에 들어가서

▲ 최신버전의 풀버전을 받습니다. 다음주 수요일 쯤 대규모 업데이트가 예정되어 있으나 일단 적용방법을 알면

접근하기가 쉽겠죠? ^^

▲ 다운 받은 파일 압축을 풀고 난 뒤에

WINSCP를 열고

/DataVolume/www 경로에 그대로 덮어씁니다. (드래그하면 됩니다)

겹치는 파일이 6개 밖에 되지 않기 때문에 걱정하지 않으셔도 됩니다.

덮어써도 데이터에 전혀 영향을 미치지 않습니다. 껍데기만 바꾸는 작업이죠.

이제 Putty에 들어가서 방금 넣은 파일들의 권한을 변경해줘야 합니다.

MBL의 권한이 요상해서 WINSCP로 파일을 넣을 때마다 이렇게 변경해줘야 합니다 ㅠㅠ

위의 세명령어는 항상 셋트입니다.

그래서 WINSCP를 실행해서 어떤 파일을 넣었다면

자동으로 하시면 됩니다 ^^;;

이제 http://MBL내부IP:8888  을 넣어봅시다.

▲ 짠~~ 아미나 스타일로 바로 변환이 되었습니다.

혹시나 그룹과 게시판을 미리 만드셨다면 위에 메뉴가 있을겁니다 ^^;;

일단 관리자로 로그인해서 설정을 변경해줘야 합니다.

관리자모드는 오른쪽 위에 톱니바퀴를 누르면 들어가집니다.

▲ 제일 왼쪽 위에 환경설정을 누른 후

위 스샷대로 바꾸시고, 제일 밑에 확인을 누르면 반영이 됩니다.

기본 설정은 끝났고

그룹을 만들어야 합니다.

그룹이란 간단하게 게시판들의 모임입니다.

제 홈페이지를 예를들면 갤러리라는 그룹 안에 동영상, 사진 등이 있구요.

게시판에 NAS, WEB, 오드로이드, 포고플러그가 있구요.

방명록은 guest라는 그룹에 방명록이라는 게시판이 하나 밖에 없어서 저렇게 표시가 되고,

Tag 게시판은 따로 지정을 해줘서 저렇게 나옵니다.

어쨌든 그룹을 먼저 만들어봅시다.

▲ 위 스샷처럼 게시판관리의 게시판그룹관리로 들어갑니다.

▲ 위 스샷처럼 게시판그룹 추가를 누릅니다.

▲ 그룹ID는 그룹의 영문이름이라고 보시면 됩니다.

간단하게 게시판부터 만들 것이니 board라고 입력합니다.

그룹ID는 출력이 안되니 아무거나 넣어도 됩니다. 

다만 본인이 무엇을 만들었는지는 알아야겠죠. ㅎㅎ

그룹 제목은 첫화면에 출력이 됩니다. 

그래서 게시판이라고 적겠습니다.

나머지는 만질 필요가 없으니 그냥 확인을 누릅니다.

▲ 이제 게시판을 만들겠습니다.

게시판관리의 게시판관리에 들어갑니다.

그리고 게시판 추가를 누릅니다. (참고로 여기가 바로 게시판의 그누설정입니다.)

▲ 많은 내용들이 나오는데요. 일단은 간단하게 설정할 것이므로 필수요소만 넣습니다.

TABLE에는 게시판의 ID를 넣습니다. 이것도 출력은 안되지만 나중에 최신글에 

넣을 때 필요하므로 간단하게 넣습니다.

일단 공지사항을 넣어보도록 하겠습니다.

TABLE에는 notice 를 넣습니다.

그리고 그룹은 아까 만든 게시판을 선택하고

게시판 제목에는 공지사항을 넣습니다.

다른건 설정할 필요가 없고

▲ 조금만 내려보면 DHTML 에디터 사용이 있습니다.

그곳을 체크해야 에디터를 사용할 수 있습니다.

▲ 그리고 중요한 스킨 디렉토리를 amina로 바꿔야 합니다. 모바일도 바꾸시구요.

▲ 그리고 이미지 폭 크기를 950으로 합니다.

마지막에 확인을 누릅니다.

이런 식으로 하나의 게시판 그룹에 여러개의 게시판을 넣을 수 있습니다.

▲ 그리고 다시 게시판관리의 게시판그룹관리으로 들어갑니다.

방금 만든 게시판 그룹의 설정이 있는데

메뉴보임이라는 곳이 체크되어 있지 않습니다.

이 상태에서는 첫화면에 메뉴가 생기지 않기 때문에 접근할 수 없습니다.

반드시 체크합니다.

체크 후 board 왼쪽에 체크를 하고 선택 수정을 눌러야 최종 반영이 됩니다.

그리고 오른쪽에 출력순서가 있는데 기본적으로 0이 되어있습니다.

여러개의 그룹을 만든다면 그 순서를 맞춰주면 좋습니다.

예를들어 다른 게시판의 출력순서가 1이면

0이 왼쪽에 있고, 1이 오른쪽에 있게 됩니다.

숫자가 작을수록 왼쪽에 있는 것이죠.

이건 게시판에서도 같이 적용이 됩니다.

오른쪽 위에 커뮤니티를 누르면 다시 메인화면으로 나오게 됩니다.

▲ 그러면 방금 만든 공지사항이라는 메뉴가 생겼습니다.

▲ 공지사항을 누르면 갑자기 아미나 스킨을 설정합니다 라는 팝업이 뜹니다.

확인을 누르면 또 셋업을 클릭하여 DB에 테이블과 필드를 생성해 주세요.

라는 팝업이 뜨는데 확인을 누릅니다.

▲ 그러면 많은 글자들이 나오고 오른쪽에 게시판과 셋업하기가 나옵니다

셋업하기를 누릅니다.

▲ DB셋업완료! 만약 셋업버튼이 다시 나타난다면~~~ 어쩌고가 나오는데

확인을 누릅니다.

▲ 아까와는 다른 화면이 나왔죠?

PC 부분에 파란색이 있습니다.

오른쪽에 저장을 누릅니다. 그러면 설정값을 저장했습니다라고 나오고

모바일을 누릅니다.

다시 저장을 누릅니다.. 그러면 설정값을 저장했습니다라고 나오고

기능을 누릅니다. 그 게시판의 기능을 설정하는 곳입니다.

여기서는 몇가지 설정합니다.

▲ 위 스샷처럼 에디터에 다음에디터를 선택하고 (원하면 다른 것도 상관없습니다.)

업로드에 SWF Uploader를 체크

리사이즈에 글내용에서 불당 리사이즈 사용안함 (원본 출력) 을 체크합니다.

리사이즈를 하게 되면 엄청나게 부하가 걸리면서 홈페이지가 잠시 뻗습니다.

그냥 사진을 올릴때 적절하게 리사이즈 후 올리면 됩니다.

그 후 저장을 누릅니다.

▲ 이제 게시판을 누르면 아미나스킨으로 된 게시판이 나옵니다.

이제 테마 몇가지를 수정해야 합니다.

WINSCP 미리 켜두시구요

경로는 MBL에서 경로를 /DataVolume/www 로 해둡니다.

▲ 위와 같은 식이죠.

이제 WINSCP에서 파일을 바로 수정할 수 있는 프로그램을 소개해드리겠습니다.

바로 Editplus인데요.

http://www.editplus.com/kr/download.html

위 사이트에 들어가서 

▲ 위와 같이 다운 받으면 됩니다.

일단 30일 무료체험이니 체험해보시구요.

다른 추천 프로그램은 Ultraedit 입니다.

둘다 정말 좋습니다.

일단 다운 받은 후 프로그램을 설치하시구요.

WINSCP에서

/DataVolume/www/amina/thema/basic  으로 들어간 뒤에

WINSCP와 Editplus를 연결해줘야 합니다.

▲ 위 스샷처럼 제일 왼쪽 제일 위에 톱니바퀴를 누른 다음 

Editor를 누르고 그 오른쪽에 부분을 스샷처럼 누르면 또 나오는데

External Editor를 누르고, 스샷에 있는 경로대로 Editplus를 추가해줍니다.

이제 WINSCP에서 바로 파일을 수정 후 반영이 가능합니다.

/DataVolume/www/amina/thema/basic에서

▲ 위와 같이 나오는데

thema.php를 더블클릭합니다.

그러면 editplus 동의해주시구요.

▲ 위 스샷처럼

사이트 이름 적어둔 부분은 원하는 이름을 넣으시구요.

width 는 1030으로 하면 됩니다.

그리고 컨트롤 + S 를 누르면 저장이 됩니다.

Editplus를 끄고

다시 사이트에 들어가서 로고를 눌러보면

▲ 위 스샷처럼 뭔가 바뀐게 보이실겁니다.

그리고 마지막으로 홈페이지의 최종 경로를 지정하는게 좋습니다.

그게 무슨 말이냐면 항상 192.168.XXX.XXX 으로 들어갈 순 없으니깐요.

DDNS를 쓰신다면 포트를 포함하여 경로를 고정시키는게 좋습니다.

/DataVolume/www/  여기에 보면

config.php 라는 파일이 있습니다.

이걸 더블클릭하면

▲ 위와 같은 화면이 나오는데 빨간네모안에 자신의 DDNS와 포트를 적어주면 됩니다.

참고로 외부포트를 80으로 지정하셨다면 포트를 안적어도 되고,

예를 들어 8888이라면

http://DDNS:8888

를 ' ' 사이에 넣으면 됩니다.

저장하시구요.

이제 경로가 고정이 되었으니 잘 꾸밀 수 있겠죠? ^^;

기타 자세한 사항은 아미나 홈페이지에 있으니 참조하시구요.

궁금하신 사항은 문의 주시면 언제든지 알려드리겠습니다.