워드프레스 유료 테마 설치 후 데모 사이트와 비슷하게 설정하기

7

들어가며

유료 테마 구입 시 기준 중 중요한 부분은 바로 데모 페이지일 것입니다. 테마의 데모 페이지를 보고 구입하지만 실제로 설치하고 보면 데모와는 완전히 다른 모양에 실망하게 되고, 이것저것 설정해보다가 포기하는 경우가 많습니다. 이 글에서는 유료 테마의 데모 콘텐츠(더미 콘텐츠, 데모 파일, 프리뷰 파일 등 테마에 따라 명칭이 약간 다름)를 가져오기 하여 데모 사이트와 유사하게 만드는 방법을 살펴보겠습니다.

업데이트: 이 글을 작성한 후에 일부 테마에서는 테마 옵션을 통해 데모를 직접 설치할 수 있도록 하는 기능을 추가하고 있는 추세입니다. 판매량을 늘리기 위해 계속하여 사용자 편의 기능을 추가하는 것 같습니다. 먼저는 테마 옵션에서 데모 설치가 가능한지부터 확인하시고, 만약 그런 기능이 없다면 직접 데모 가져오기를 시도하시기 바랍니다.

테마 옵션에서 데모 설치

요즘 나오는 AVADA, Enfold, Betheme, Newspaper 등과 같은 유명한 테마들은 테마 옵션을 통해 사용자들이 쉽게 데모를 설치할 수 있도록 지원합니다. 예를 들어, Enfold의 경우 Demo Import라는 메뉴가 있어서 쉽게 원하는 데모를 확인하여 설치가 가능합니다.

Enfold Demo Import

베스트 셀링 테마들은 이런 식으로 데모를 쉽게 로드할 수 있는 기능을 제공하는 쪽으로 추세가 바뀌고 있습니다. 주요 인기 테마의 데모 설치는 아래 링크해서 확인해보세요.

테스트에 사용한 테마

테마 옵션에서 데모 가져오기 기능을 제공하지 않는 경우 이 글에 설명된 방법을 참고하시기 바랍니다. 그리고 테마에 제공된 설명서도 꼭 읽어보시기 바랍니다.

테스트에 사용한 테마는 Primero라는 비디오 테마입니다.
Primero Demo site
데모 페이지를 보면 비디오를 사용하여 멋진 포트폴리오 형식으로 사이트를 꾸밀 수 있습니다. 이 테마를 구입하면 zip 파일로 테마를 다운로드할 수 있습니다. zip 파일의 압축을 해제하면 하위 폴더 아래에 다음과 같은 파일과 폴더가 나옵니다.
파일 구성
(1)은 테마 설치 파일입니다.
(2)는 도움말 폴더입니다. 설치를 진행하기 전에 먼저 이 폴더의 도움말에서 설치 방법을 대충 살펴보시기 바랍니다. 설치 시 함께 수행해야 하는 설정이나 함께 설치해야 하는 플러그인 등 중요한 사항이 수록되었을 수 있습니다.
(3)은 이 글에서 다룰 데모 파일이 포함되어 있는 폴더입니다. 이 폴더 안에 primero.wordpress.xml이라는 파일이 있습니다. 이 파일을 이용하여 데모 사이트와 비슷하게 만들 수 있습니다.

테마 설치

먼저 외모 > 테마에서 새로 추가를 눌러 (1)번 파일 선택하고 테마를 설치한 후에 활성화합니다. 그러면 다음 그림과 같이 사이트에 썰렁한 화면이 나타납니다.
Primero 최초 설정
초보 사용자들은 여기에서 멘붕이 됩니다. 데모 페이지의 멋진 모양을 보고 구입했는데 무료 테마에서나 보는 화면이 나오니까요. (사실 여기에서부터 작업을 시작하면 됩니다. 메뉴를 설정하고 내용을 하나씩 추가하면서 계획한대로 레이아웃을 만들어야 나가야 합니다.)

데모 콘텐츠 가져오기

자, 그럼 어떻게 데모 페이지처럼 만들 수 있을까요? 위에서 언급했듯이 데모 콘텐츠(xml 파일)를 가져오기해야 합니다.

도구 > 가져오기를 선택합니다.

도구 가져오기 워드프레스

가져오기 화면이 나오면 "WordPress"를 선택합니다.
도구 가져오기 WordPress

WordPress Importer 설치

처음으로 가져오기 도구를 실행하는 경우 "WordPress Importer" 플러그인 설치 화면이 나타납니다. "지금 설치하기"를 클릭하여 이 도구를 설치합니다.
WordPress Importer 설치 화면

데모 파일 설치하기

설치가 완료되면 플러그인을 활성화 & 가져오기 도구 실행을 선택합니다. 그러면 데모 파일을 가져올 수 있는 화면이 표시됩니다.
Import wordpress

찾아보기...를 눌러 위에서 언급한 데모 파일(xml 파일)의 경로를 지정하고 파일 업로드 후 가져오기를 누릅니다. 그러면 작성자(저자)를 지정할 수 있는 화면이 표시됩니다.
Assign Authors
"or assign posts on an existing user"에서 기존 사용자를 지정하고 "Download and import file attachments"를 체크한 후에 "Submit"을 누르면 가져오기 과정이 진행되고 가져오기 작업이 완료됩니다.
Import Successful

이것으로 데모 콘텐츠 가져오기를 완료했습니다. 자 그럼, 사이트를 한 번 볼까요? 그런데 사이트에 변화가 없습니다. 여전히 빈 페이지만 표시됩니다. 음... 왜 그럴까요? 데모 파일 설치 후에 몇 가지 필요한 작업을 수행해야 합니다. 테마마다 차이가 있기 때문에 반드시 테마에 포함된 도움말 파일을 참조하시기 바랍니다.

데모 파일 설치 후 설정

이 테마의 도움말 파일을 보겠습니다. Importing Live Preview Files 부분에 데모 콘텐츠를 가져오고 설정하는 방법이 나와있네요(물론 이 부분은 테마마다 차이가 있습니다).
Help file
이 테마에서는 읽기 설정에서 전면 페이지에 표시할 페이지를 설정하고 테마 옵션에서 몇 가지 설정을 수정해야 합니다. 다음은 설정을 변경한 후에 표시되는 사이트 모습입니다.
Complete
이제 데모 페이지와 비슷하게 표시되네요. 하지만 데모 페이지와는 완벽하게 동일하지는 않습니다.

사이트 제작은 사실 이제부터 시작입니다. 데모 페이지는 어디까지나 참고용일 뿐입니다. 모든 웹사이트 작업처럼 워드프레스도 결국은 디자인이 중요한 역할을 합니다. 사이트에 들어가는 내용과 구성, 디자인 등 복합적인 요소가 어우러져 품질을 결정하게 되는 것이죠. 이상으로 워드프레스의 데모 페이지와 비슷하게 만드는 방법을 살펴보았습니다.


추가:

Primero 테마는 2012년에 출시되었기 때문에 다소 오래되었으며, 반응형이 아닙니다. 하지만 나름대로 잘 만들어진 테마로 동영상 위주의 사이트를 운영하려는 경우 적합합니다. (적당한 다른 무료 혹은 유료 테마를 함께 설치하고 Any Mobile Theme Switcher와 같은 플러그인을 사용하여 모바일 버전도 함께 운영할 수 있습니다. 저는 이렇게 하여 사용하고 있습니다만, 당시에 이 작업을 하느라 애를 먹었습니다.)  나온지 오래되었기 때문에 최신 워드프레스와의 호환성을 염려할 수도 있을 것 같습니다. 이 문제가 염려되어 언젠가 이 테마를 바꾸어야 하지 않을까 생각하고 있었습니다. 하지만 오늘 테마 판매 사이트를 방문해보니 올해 3월에 테마가 업데이트되었네요. (브라우저는 IE9부터 지원하는 것으로 나와 있네요.)

혹시 이 테마를 사용 중이고 카테고리에 글이 제대로 표시되지 않는 문제가 있는 경우 Portfolio 템플릿에서 한 군데를 수정하면 됩니다.

$args = array(
'posts_per_page' => $port_number_posts,
'post_type' => 'portfolio',
'paged' => $paged,
'tax_query' => array(
array(  // 삭제
'taxonomy' => 'p_type',
'field' => 'id',
'terms' => $portfolio_type
) // 삭제
)
);

위에서 "삭제"라고 표시되어 있는 두 라인만 삭제하면 됩니다. 사실 tax_query에서는 일반적으로 배열(arrray)의 배열이 사용되어 위의 구문에 이상이 없습니다. 하지만 제 블로그에서는 이상하게 오류가 나서 위의 두 라인을 삭제해주니 문제가 해결되었습니다.

참고

7 개 댓글

  1. 다음 글도 참고해보세요.

    Newspaper 테마 데모 설치 방법: https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EB%89%B4%EC%8A%A4%ED%8E%98%EC%9D%B4%ED%8D%BC-newspaper-%ED%85%8C%EB%A7%88-%EB%8D%B0%EB%AA%A8-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0/

    교육용 테마인 WPLMS 데모 설치 방법: https://www.thewordcracker.com/basic/how-to-install-wplms-demo/

    Zerif Lite 테마에서 전면 페이지를 데모와 비슷하게 만들기: https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-zerif-%ED%85%8C%EB%A7%88%EC%97%90%EC%84%9C-%EC%A0%84%EB%A9%B4-%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A5%BC-%EB%8D%B0%EB%AA%A8%EC%B2%98%EB%9F%BC-%EC%84%A4%EC%A0%95/

  2. 혼자서 쇼핑몰 만들어 보려는 초보인데.. 여기서 한 줄기 희망을 찾고 갑니다 ^^ ㅎ 포기 하려했었는데 친절한 포스팅이 큰 도움이 되었습니다. 정말 고맙습니다!

  3. 맙소사 제가 원하는 글이 여기 있었네요!!  무료 테마로 연습해보려고 설치했더니 빈페이지가 나와서 당황했습니다ㅠHome에 대입하는 위젯을 적당히 조정해야 데모페이지처럼 나오는 것 같은데 어떤 위젯이 어떤 모양인지 모르겠고 일일이 눌러서 설정해보고 있었습니다. 워드프레스 초보용 책을 사서 똑같이 따라해봤는데 테마가 바뀌면 또 헤매는 상황일 것 같고ㅠㅠ 혼자 만들고 운영할 수 있게 하려고 워드프레스로 시작했는데 들어오던 것 보다 훨씬 어렵습니다 ㅠㅠ

    • 안녕하세요? 댓글을 남겨주셔서 감사합니다. 이 블로그에서는 기초적인 정보부터 다소 심층적인 정보까지 다양한 정보를 다루고 있습니다. 궁금한 점이 있으면 검색해보면 다는 아니겠지만 대부분 정보를 얻을 수 있을 것입니다. 그럼, 즐거운 하루되시기 바랍니다^^

  4. 아무글이나 남기시라길래 남겨요 

    모든 테마가 모두 데모켄텐츠가 있습니까?
    또는 구입하는 테마가 더미컨텐츠를 제공하는지를 확인하는 방법이 있나요?
    그럼 수고 하세요 
    • 안녕하세요?
      제 개인 블로그를 방문해주셔서 감사합니다.

      모든 테마가 데모 컨텐츠가 있는 것은 아닙니다. 경험상 무료 테마는 (가끔 드물게 있습니다만) 거의 없다고 보셔도 되고요, 유료 테마는 거의 다 있습니다. 꼭 확인하고 싶다면 해당 테마의 설명서를 찾아서 확인할 수 있는 방법이 있습니다. 많은 테마가 온라인 설명서도 제공하는데요, 가령 테마 이름이 Standard라고 하면 WordPress Standard Manual 또는 WordPress Standard User Guide 식으로 검색하면 온라인 설명서를 찾아볼 수 있을 것입니다. 설명서에서 데모 컨텐츠를 가져오는 방법이 설명되어 있는지를 통해 데모 컨텐츠가 있는지 여부를 알 수 있겠죠. 이름은 조금씩 다를 수 있습니다. Demo content, dummy content, preview... 등 다양하게 사용되니까 참고하세요.

댓글 남기기

댓글을 입력해주세요!
이름을 입력해주세요