테마를 다운받아, 쉽게 내 사이트를 꾸미는 방법

LuisK
XEHub
Published in
4 min readAug 12, 2019

#XE3로 배우는 쉬운 웹사이트 제작 방법

XE3를 활용해서 웹에 대해서 잘 모르는 초보자도 쉽게 홈페이지를 구성할 수 있는 웹사이트 제작방법을 소개하기 위해 제작되었습니다.
본 게시글은 테마를 다운 받고, 설정하는 방법에 대해서 소개합니다.

XE CAMPUS 바로가기

XE CAMPUS에서 진행한, 30분만에 나만의 웹사이트 만들기 ( #0, #1, #2, #3,#4 ) 까지에서는 XE3를 설치하기 위한 웹사이트 공간 마련과, 설치, 기본 설정, 메뉴설정 까지 해 보았습니다.

이번 게시물에서 알아볼 것은, XE3에 있는 테마 설치를 통해, 쉽게 내 사이트를 꾸미는 방법에 대해서 알아보겠습니다.

XE에서 테마란, 사람으로 비유하면 옷이라고 비유할 수 있습니다.
옷을 신중히 골라 나와 만날 사람(사이트에 방문할 사람)을 첫 인상에 있어서 좋은 인상을 남기는 것과 비슷합니다.

테마 다운로드 하기

먼저 우리는 내 XE의 관리자 아이디로 로그인 하여, 관리자 사이트로 이동해야 합니다.

XE 3.0.4 이전 버전에는 플러그인 추가로 되어 있으며, 3.0.4 부터는 테마와 익스텐션이 분리되었습니다.

XE 3.0.4 버전에서는 테마와 익스텐션이 분리되어 있습니다.
테마 > 테마 추가 메뉴를 클릭합니다.

혹시라도 XE를 처음 설치하시는 사용자님이 테마를 설치하기 위해 이 글을 읽고 있다면 #XE_기본설정 하기 를 참고하여, XE Store Token을 입력 후 시도해주세요 :)

예시 이미지에서는 Cosmo를 가리켰지만, 그 어떠한 테마여도 OK! 마음에 드는 테마를 골라주세요!

테마 추가 페이지에서 마음에 드는 테마를 찾았다면, 지금 설치 버튼을 눌러 테마를 바로 설치해주세요!

테마를 선택해서, 설치가 완료되면 업데이트 페이지로 이동됩니다.

조금만 기다리면 내 사이트를 예쁘게 꾸며줄 테마가 설치된답니다.

설치가 완료 되면, 테마 > 설치된 테마 메뉴에서 확인하실 수 있습니다.

방금 설치한 Cosmo 테마 플러그인이 비활성화 된 채, 활성화 되기를 기다리고 있어요!

방금 설치한 테마를 활성화 버튼을 눌러 활성화 해줍니다.

그 이후 테마 > 테마 설정에서

후다닥 ==3 활성화가 끝났다면, 기본 테마 설정에서 내가 사용할 테마를 선택하면 더욱 편리하답니다!

방금 설치한 테마를 기본 설정으로 설정하기 위해 체크한 후 저장 버튼을 클릭합니다.

이 설정을 하면, 앞으로 만드는 아이템 또는 메뉴에서 기본설정한 테마가 사용됩니다.

각각 사이트맵에 테마 설정이 있다면, 사용할 테마로 기본 테마를 설정 후 내 사이트를 방문하면..?

예시로 Cosmo 테마를 설치 후 적용한 예제 화면.

내가 마음에 들어하던 테마가 내 사이트의 모습으로 쨘!

이렇게, XE를 사용해서 쉽게 내 사이트를 꾸미는 방법에 대해서 알아보았습니다.

지금 까지 XE3로 배우는 쉬운 웹사이트 제작 방법을 읽어주셔서 감사합니다 :)

웹사이트를 만드는것은 어렵지 않습니다, XE와 함께라면요 :)

XE 공식 홈페이지 바로가기
XE CAMPUS 바로가기

--

--