이전시간에는 제로보드xe 관리자 페이지 설정 방법 그리고 레이아웃 변경 방법을 간단하게 알아보았으며 이번시간에는 정식적으로 제로보드xe 쉬운 설치 라는것을 통해 레이아웃 스킨 다운 받아 설치 하는 과정에 대해 알아보겠습니다.

제로보드xe 레이아웃 스킨 같은 경우는 현재 쉬운 설치 방법을 통해 간단하게 레이아웃 스킨 적용 할수 있지만 현재 너무 많은 스킨이 있기도 하거니와 처음으로 레이아웃 스킨 적용해 보는 사람이라면 어려울수 있습니다.

그래서 이번시간에는 제로보드xe 레이아웃 스킨 적용 방법 그리고 적용한 레이아웃 스킨을 자신이 원하는 방향으로 수정하는 방법에 대해 알아보겠습니다.


제로보드xe 관리자 페이지 로그인 과정은 이전시간에 배웠으니 앞으로는 로그인 과정 없이 바로 관리자 페이지에서 시작을 하겠습니다.

현재 관리자 페이지에서 왼쪽에 고급 그리고 쉬운 설치 선택을 합니다.


여기 쉬운설치 하는것이 제로보드xe의 핵심적인 기술이며 여기서 필요한 모든것을 다운받아 자신의 제로보드xe 홈페이지에 적용 삭제 등이 가능합니다.


그리고 오른쪽 상단에 레이아웃 선택을 하고 중각아 인기순 선택을 합니다.

그러면 위와 같이 현재 가장 많이 사용하는 제로보드xe 레이아웃 스킨 순서대로 나오는것을 알수 잇고 여기서 레이아웃 스킨 제목을 선택해 봅니다.


그러면 위와 같이 해당 레이아웃 설치 이전에 어떤 모습인지 대략적으로 알수 있는 화면이 나오고 여기서 정보를 얻은후 마음에 들지 않으면 다른 레이아웃을 찾으면 됩니다.


필자가 선택한 레이아웃은 헤스티아 레이아웃 스킨 사용하도록 하겠습니다.

헤스티아 레이아웃 제목을 선택해 봅니다.


그러면 위와 같이 헤스티아 레이아웃 스킨은 어떤 모습인지 알수 잇으며 해당 레이아웃 스킨 다운 받아 설치 하겠습니다.


별모양 평점 아래 보면 설치 버튼이 잇는것을 알수 있는데 필자는 이미 헤스티아 레이아웃 스킨 다운 받은적이 있어서 위와 같이 삭제 버튼만 활설화 된것을 알수 잇습니다.

만약 설치한 스킨을 삭제 하고 싶다면 여기서 삭제를 선택하고 다른 레이아웃 스킨 찾으면 됩니다.


자 이제 다운 받은 헤스티아 레이아웃 스킨 적용 해야 합니다.

왼쪽 메뉴에서 사이트 디자인 설정 선택을 합니다.

그리고 레이아웃 선택하면 위와 같은 모습을 볼수 잇고 여기서 아까 다운 받은 헤스티아 레이아웃 스킨이 들어와 있는것을 알수 있습니다.


해당 헤스티아 레이아웃 스킨 선택을 하고 하단에 PC 설정 저장 선택을 하면 자신의 홈페이지 스타일과 레이아웃 변경 됩니다.


자신의 홈페이지 레이아웃 스킨 위와 같이 변경 된것을 알수 있습니다.

해당 스킨이 마음에 들지 않는다면 다른 스킨을 찾으면 됩니다.

필자의 제로보드xe 강좌 같은 경우는 이제 부터 헤스티아 레이아웃 사용하여 강좌를 진행할것이니 이점 참고 바랍니다.


그리고 왼쪽 메뉴에서 설치된 레이아웃 선택

그러면 위와 같이 현재 자신이 다운 받았거나 기본으로 내장 되어 있던 모든 레이아웃 볼수 있으며 여기에 헤스티나 레이아웃 스킨도 있는것을 알수 있습니다.

클릭하여 들어갑니다.


그리고 설정 선택

오른쪽에 편집은 HTML css 코딩 수정 할때 사용합니다.

예전에 필자는 저 기능을 찾기 위해 3일이 걸린적이 있습니다.

여러분은 필자의 경험을 통해 이렇게 고생하지 않으셔도 됩니다.


설정으로 들어오면 위와 같이 해당 레이아웃 관련 정보 입력이나 수정을 할수 잇습니다.

일단 위와 같이 레이아웃 제목 변경이 가능합니다.

헤더 스크립트 추가 입력도 가능합니다.


헤더 스크립트 라는것은 코딩에서 <head></head> 사이에 들어가는 내용을 입력 할수 잇으며 여기에 들어가는 내용은 사이트 설명 혹은 사람들이 검색해 들어올수 잇는 검색어 그리고 네이버 혹은 구글에 방문자 유입신청을 할때 이외에도 많이 사용을 하니 기억을 하고 잇다가 필요할때 해당 소스를 입력 해야 합니다.


그리고 레이아웃 설정 보면 위와 같이 여러가지 설정이 잇는데 레이아웃 모양, 사이트 가로 넓이, 백그라운드 색상 등등 변경이 가능합니다.

사이트 꾸미기 할때 자주 들어와서 수정을 해야 하는 기능입니다.


그리고 sta 설정 보면 로고 이미지 추가하여 해당 사이트에 로고를 넣을수 잇습니다.

이방법 또한 나중에 차차 알아보겠습니다.


그리고 바디 설정

여기서는 오른쪾이나 왼쪽에 공간에 사이드바 만들어 2단 레이아웃 스킨으로 바꿀수 있습니다.

위와 같이 오른쪽에 사이드바 만들겠습니다.

그리고 오른쪽 사이드바 가로 길이는 200으로 하겠습니다.


그리고 자신의 홈페이지 메인 화면을 보면 위와 같이 오른쪽에 사이드바 생긴것을 알수 있으며 이렇게 2단 레이아웃 모양으로 변경하였습니다.

사이드바 있으며 할수 잇는것이 많기 때문에 대부분의 사이트가 사이드바가 있습니다.

광고 삽입 목적으로 사용할수 있으며 이외에도 메뉴 바로가기 설치 할수 있습니다.


그리고 다시 설정으로 돌아와서 하단에 보면 위와 같에 메뉴 관련 내용이 있는데 이것은 홈페이지 상단 메뉴 관련 옵션 입니다.


자신의 홈페이지를 보면 상단에 메뉴가 있는것을 알수 잇고 해당 메인 메뉴가 사이트를 돌아다니는 정말 중요한 기능을 하기 때문에 여기서 정하는 제목이나 로케이션은 고심하고 정해야 합니다.

이부분도 차차 알아보겠습니다.


여기까지 제로보드xe 레이아웃 스킨 설치 적용 방법을 알아보앗으며 간략하게 헤스티아 레이아웃 스킨 수정 하여 자신이 원하는 모양으로 변경해 가는 과정을 알아보았고 계속해서 제로보드xe 사이트 완성해 가도록 하겠습니다.

오늘도 좋은 하루 되시기 바랍니다.

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기