(Last Updated On: 2017-11-22)

워드프레스는 2,000 여개가 넘는 다양한 디자인 테마가 Free로 제공됩니다.
설치 방법도 간단해서 워드프레스 관리자 Appearance > Themes 디자인테마 Directory 화면에서 원하는 검색조건을 주고 디자인 테마를 검색 한 후,  클릭 한번으로 웹사이트에 설치 할 수 있습니다.
워드프레스 디자인테마를 설치하는 방법에는 다음의 2가지 방법이 있습니다.

  • OneClick설치 : 워드프레스 관리자의 디자인테마 Directory 에서 찾아보고 한번의 클릭으로 설치하는 방법. (무료테마를 설치하는 가장 쉬운 방법입니다)
  • Upload 설치 : OneClick설치가 불가능한 경우에 사용하는 방법입니다. 원하는 디자인테마의 설치 화일을 다운로드 받은 후 워드프레스 관리자에서 업로드 해서 설치하는 방법 (무료&유료테마)

Web Hosting

OneClick설치 방법-무료디자인테마 설치방법


[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  Appearance > Themes 화면으로 이동 합니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  아래 화면과 같이 디자인테마 페이지가 나타납니다.

 

 현재 적용된 디자인테마입니다. ‘Active’라는 표시가 나타납니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
 현재 웹사이트에 설치된 모든 디자인테마(사용 가능한)를 보여 줍니다. 위 화면의 경우는 전체 3개의 디자인테마가 웹사이트에 설치되 있고 ‘Twenty Sixteen’이라는 디자인테마가 ‘Active’상태 라는 것을 보여주고 있습니다. 디자인테마는 언제든지 다른 테마로 변경이 가능 합니다. 원하는 디자인테마 위에 마우스를 가져가서 ‘Active’만 시켜주면 쉽게 변경됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
새로운 디자인테마를 추가로 설치하려면 ‘Add New’를 클릭합니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  위 화면에서 ‘Add New’를 클릭하면 아래화면이 나타납니다.

사용 가능 한 디자인테마 리스트가 스크린샷과 함께 리스트 됩니다.

 아래와 같이 여러 형태로 원하는 조건을 주고 디자인테마를 검색할 수 있습니다.

  • Featured : 워드프레스에서 추천하는 디자인테마
  • Popular : 인기있는 디자인테마
  • Latest : 최근에 추가된 디자인테마
  • Favorite : WordPress.org에서 내가 즐겨찾기에 등록한 디자인테마
  • Featured Filter : 상세한 요구사항에 맞는 디자인테마 (예, 소핑몰 기능이 있는데마, 뉴스테마등)
  • Keyword : 키워드를 입력해서 디자인테마를 검색 (예, Google등에서 디자인테마를 찾아서 이름을 Copy해서 여기서찾는 경우)
    [fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

 검색을 해서 리스트가 나오면 1차적으로 스크린샷만을 참조해서 디자인테마를 선택합니다. 원하는 디자인테마 위에 마우스를 가져갑니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
(2)번과 같이 마우스를 가져가면 ‘Details & Preview’라는 버튼이 나타납니다. 그리고 우측 하단에 ‘Install’이라는 버튼도 나타납니다. ‘Details & Preview’를 클릭 합니다. (만약 바로 설치하려면 우측 하단의 ‘Install’을 바로 클릭 하면 됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
화면과 같이 선택한 디자인테마가 현재 웹사이트의 컨텐츠에 맞추어서 보여집니다. 여기까지는 아직 설치된것이 아니고 단지 미리보기를 한 것 뿐입니다.  ‘Install’을 클릭하면 디자인테마가 설치됩니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

 

Upload설치 방법-유료 디자인테마 설치방법

보통은 유료 디자인테마를 설치하는 방법으로 많이 사용됩니다.
유료 디자인테마를 선택하고 구입하는 방법은 ThemeForest에서 원하는 디자인테마 검색하고 구입하기를 참조하세요

그러나, 가끔 무료 디자인테마의 경우에도 OneClick 설치 방법으로 설치가 않되는 경우는 이 방법을 사용하기도 합니다.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  Appearance > Themes 화면으로 이동 합니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  ‘Add New’ 를 클릭합니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  ‘Upload Theme’ 을 클릭합니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  ‘Choose File’ 을 클릭합니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  본인이 다운받은 디자인테마 설치화일을 선택합니다.

 

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome]  ‘Install Now’를 클릭합니다.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] 설치가 완료되면 아래와 같은 화면이 나타납니다.  ‘Activate’을 클릭합니다.

[fusion_fontawesome icon=”fa-play-circle” size=”” flip=”” rotate=”” spin=”no” alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” circle=”yes” iconcolor=”” circlecolor=”” circlebordercolor=”” animation_type=”” animation_direction=”down” animation_speed=”0.1″ animation_offset=””][/fusion_fontawesome] 아래 화면과 같이 방금 설치하고 ‘Active’을 한 디자인테마가 정상적으로 적용된것을 확인 할 수 있습니다.

 디자인테마에 따라서 특정한 플러그인이 꼭 필요한 경우가 있습니다. 위 경우는 Site Origin에서 개발한 Page Builder를 와 Sydney Toolbar를 설치 하라는 메세지 입니다. ‘Begin installing plugins’를 클릭해서 플러그인들을 설치해줍니다.
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]
 디자인테마가 정상적으로 설치됬고 Front page에 적용되었습니다
[fusion_separator style_type=”single|dotted” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#000000″ top_margin=”10″ bottom_margin=”10″ border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center”][/fusion_separator]

 

유료 디자인테마는  ThemeForest와 같은 워드프레스 디자인테마 마켓플레이스에서 구입해서 위 방법 중 Upload설치 방식으로 설치하게 됩니다. 유료 디자인테마 선택, 구입, 설치에 대한 보다 자세한 내용은 아래 2개의 포스팅을 참조하세요.

디자인테마를 변경 한다고해서 이미 가지고 있던 자료가 지워지지 않습니다.
이점이 워드프레스의 커다란 장점인데, 현재의 자료를 그대로 유지 하면서 새로운 디자인을 적용 할 수 있는 것입니다.
디자인테마를 설치 했으면 워드프레스의 기본설정을 해야합니다. 워드프레스 기본 설정 과정은 아래 포스팅을 참조하세요

 

Web Hosting