그누보드 5.3.0.1설치 후 반응형 테마를 적용하기_1

그누보드 5.3.0.1설치 후 반응형 테마를 적용하기 시작함.

그누보드 최초설치시 : http://demo.sir.kr/gnuboard5/

퍼블링싱한 메인페이지 : http://timespace.dothome.co.kr/design_index.html

네이버는 2017년 부터 가로크기를 1080px 로 PC버전을 맞추었는데요, 저는 1132px로 맞추었습니다.

퍼블리싱한 서브페이지 : http://timespace.dothome.co.kr/design_sub.html

퍼블리싱 작업한 테마적용 후 : http://timespace.dothome.co.kr/

오랜만에 그누보드기반 홈페이지를 살펴볼 기회가 있어서, 선수과목을 공부하듯이

신규제작한테마를 적용한화면(아래)

신규 디자인테마를 퍼블리싱해서 적용한 후(아래)

진짜 그누보드 작업은 오랜만에 하게 되었습니다.

버전도 5.3버전으로 바뀌면서 기본(게시판,관리자등) 디자인부분이 많이 좋아 보입니다.

- 기본게시판 4가지(Free, Gallery, Notice, QA) 게시판이 자동 설치 되네요...

첫단계로 오늘 메인과 서브(공통) 디자인을 퍼블리싱해서 그누보드 신규반응형테마로 적용해 보았습니다.

- 신규 테마의 디자인CSS와 기본CSS가 좀 맞지는 않아서 문제가 있으나, 공부도 할겸 맞춰 나가고 있습니다.

- 퍼블리싱 디자인과 그누기본CSS가 맞지않는 첫째 이유는 퍼블리싱 초기에 RESET.CSS라는 브라우저 CSS초기화 내용차이가 나서 그렇습니다. 앞으로는 퍼블리싱 전 사용하는 솔루션(그누보드, 워드프레스등)에서 사용하는 초기화CSS를 사용하는 것이 좋을 듯 합니다.

- 예: 그누보드는 default.css가 초기화 파일 입니다. 그래서, 이 CSS를 최상단으로 해서 퍼블리싱을 하는 것이 좋습니다.

앞으로 지속적으로 실습해 볼 예정 입니다.