[Joomla]템플릿 적용해 보기

개인마다 취향이 다를 수는 있으나, Joomla(줌라), 워드프레스, 그누보드 등 여러가지 저작툴(CMS) 중에서 자신의 개발툴로 선정할 때 가장 중점을 두는 부문은 아마도 얼마나 많은 템플릿을 사용 수 있느냐 일 것입니다. 특히, 디자인 능력이 부족한 사람들은 많은 공개된 템플릿을 가지고 있는 개발툴을 사용하는 것을 선호합니다. 

그러므로 오늘은 줌라에서는 얼마나 많은 템플릿을 사용할 수 있으며, 템플릿 전환이 어떤 모양으로 나타나는지 알아보도록 하겠습니다.

우선 줌라에서는 설치할 때기본적으로 2개의 템플릿을 제공합니다. 그리고 템플릿은 언어전환에서처럼 사이트와 관리자 화면을 나누어 적용할 수 있습니다.

템플릿을 적용하는 메뉴는  Extenstion Manager -> Template Manager ->Style 입니다.

 

 

접속을 하면 현재 설치되어 있는 템플릿을 볼 수 있습니다. 기본적으로 홈페이지에 2개, 관리자 화면에 2개의 템플릿이 설치되어 있습니다. 어느 부분에 적용되는지는 Location 부분에 나타납니다.

Default 에 표시되어 있는 템플렛이 현재 운영되고 있는 현재 보고 있는 템플릿이며, Default를 바꾸면 새로운 모양으로 바뀌게 됩니다. 우리에게 중요한 것은 관리자 화면보다 사용자 홈페이지므로 사이트의 Default를 바꾸어 보겠습니다.

이제 자신의 홈페이지를 refresh 해보면 홈페이지가 아래와 같이 바뀌어진 것을 볼 수가 있습니다. 관리자 화면이 아니라 홈페이지입니다.

 

본인이 마음에 드는 템플릿을 이용하여 홈페이지를 만들 수 있으며, 홈페이지의 기본 스타일은 언제든지 바꿀 수 있습니다. 사이트와 관리자 화면을 번갈아 바꿔 보시면 템플릿 스타일이 어떻게 적용되는 지 알 수 있을 것입니다.

이제 Template Style 상세한 적용을 위한 부분을 살펴보겠습니다. 

이 부분은 소스를 직접 코딩하기 위한 곳입니다. 즉, Template를 이용해서 스타일을 변경한 후 특정 부분을 직접 코딩하기 위한 메뉴입니다. 예를 들어 구글애드웨어 코드 등을 이곳에서 편집해서 넣을 수 있습니다.

 

 

Styles 밑의 Template에 접속합니다.

Template 메뉴를 누르면 위와 같은 화면을 볼 수 있습니다. 코딩에 자신이 있는 분들은  아마 이곳 사용을 많이 하실 듯 합니다.

위의 화면에서 현재 적용된 Template이나 수정하고 싶은 Template의 제목을 누르면, 아래와 같이 파일 목록이 나오는 화면을 볼 수 있습니다.

여기서 자신이 원하는 파일을 더블클릭하면, 오른쪽 화면에 아래와 같이 편집기가 열리고, 화면 직접 편집이 가능해집니다.

아마 여기에서 수정은 주의가 요구되며, 상단의 copy 메뉴 등을 활용하여 안전하게 수정하시기 바랍니다. 위의 메뉴에 대해서는 생략토록 하겠습니다.

여기까지 줌라에 기본적으로 설치되어 있는 템플릿을 적용하고 수정하는 방법을 알아봤습니다. 다음에는 템플릿을 다운 받아 설치하는 것에 대해서 알아보도록 하겠습니다.