WordPress How-To : WP 테마 데모 용 쇼케이스 만들기

작성자 :
  • 블로깅 팁
  • 업데이트 : 8 월 12, 2013

워드 프레스 (WordPress) 소프트웨어가 전 세계의 60 명 이상의 사용자에게 다가 섰기 때문에 워드 프레스 테마 개발은 최근 몇 년 동안 정말로 이뤄졌습니다. 이 회사는 또한 WordPress.com 원격 호스팅 블로그 솔루션, 같은 서비스와 동등 블로거텀블러테마에 대한 수요가 증가하고 이러한 광범위한 PHP 템플릿을 개발함으로써 발생할 수있는 잠재 수익이 증가합니다. 많은 저자들은 잠재 테마 사용자에게 표시하기 위해 실행중인 테마의 작은 미리보기 이미지를 요구하는 소프트웨어의 실행에 익숙합니다. 그들은 웹 사이트에서 실제로 실행될 때 테마가 어떻게 보이는지 보여주는 스냅 샷을 볼 수 있으며 많은 WordPress 사용자와 개발자에게 충분합니다.

라이브 및 기능 데모를 사용하여 WP 테마를위한 쇼케이스 생성


*에서 캡처 한 화면 우아한 테마 - 일년 내내 사용해온 최고의 WordPress 테마 클럽.

그러나 더 많은 요구를하는 사용자와 WordPress 테마 개발자가 있으며 간단한 썸네일 스크린 샷 이미지로는 테마의 미묘한 세부 묘사 및 의도 된 효과를 보여줄 때 충분하지 않습니다. 이러한 작은 테마 이미지에 대한 불만은 많은 수의 테마 개발자가 자신의 작업에 대한 전체 웹 사이트 미리보기를 시작하도록 유도했습니다. 이 미리보기는 완전히 개발 된 WordPress 테마를 자신의 웹 사이트에서 테마를 사용하기 전에 테마 탐색기에서 완전히 탐색하고 경험할 수있는 사이트에서 사용하거나 테마를 구매하기 전에 사용하는 실제 WordPress 블로그입니다. 그들 자신의 목적. 전형적인 썸네일 스크린 샷보다 매력적이며 유익한 것은 아니지만이 성장하는 시장에서 테마를 판매하고 판매하는 훨씬 더 효과적인 방법이기도합니다.

그러나 이러한 종류의 사이트를 만드는 것은 지나치게 복잡하다고 생각됩니다. 많은 사람들은 단순한 WordPress 웹 사이트를 자체 디자인 테마 갤러리로 전환하는 방법에 대해 확신하지 못하고 있습니다. 내장 된 WordPress 기능과 타사 플러그인을 통해 활성화 된 일부 기능을 사용하여 테마 데모 사이트를 만드는 것이 비즈니스를위한 현명한 방법 일뿐만 아니라 개발자에게 모든 기술과 재능을 보여주는 가장 쉬운 방법이기도합니다. 함께 일해.

그것이 어떻게 끝났는지 알아 보자.

1 : WordPress 테마 온라인보기

이 접근 방식을 사용하려면 개발자가 잠재적 인 사용자 또는 고객에게 보여주고 자하는 모든 테마를 표준 WordPress 테마 디렉토리 (/ public_html / wp-content / themes /)에 배치해야합니다. WordPress에서 제공되는 고급 내장 기능 중 하나를 사용하여 여러 테마를 배포하고 미리 볼 때 필수적이므로 모든 테마 이미지가 업로드되고 테마 폴더는 공백이나 문장 부호없이 모두 소문자 여야합니다. 3.0 이상.

테마가 완전히 업로드되면 themes 디렉토리에서 "public_html"디렉토리 일 가능성이있는 표준 WordPress 루트 폴더로 돌아갈 시간입니다.

2 : 테마 프리젠 테이션을위한 WordPress Multisite 활성화

테마 데모 사이트를 활성화하는 가장 쉬운 방법은 기존의 WordPress 멀티 사이트 기능을 사용하는 것입니다. WordPress Networks. 이 과정에서는 하나의 데이터베이스를 사용하여 거의 무한한 수의 WordPress 블로그를 만듭니다. 각 블로그는 고유 한 콘텐츠로 채워지고 블로그마다 전혀 다른 테마로 스타일을 지정할 수 있습니다. 이것은 기본적으로 개발자가 만든 모든 테마에 대한 항목, 아카이브, 페이지, 범주 및 기타 정보로 가득 찬 전체 WordPress 데모 사이트를 만듭니다.

WordPress 루트 폴더에있는 "wp-config.php"파일에서 대시 보드가 WordPress 네트워크 기능을 사용하도록 설정하고 구성 제어판을 제공하여 설정을 구성하고 진행할 수있는 아래 행을 붙여 넣기 만하면됩니다.

define ( 'WP_ALLOW_MULTISITE', true);

파일을 저장하고 워드 프레스 대시 보드로 이동하십시오. "도구"제목 아래의 사이드 바에 "네트워크 설정"링크가 나타납니다. 이 설정 대화 상자에서 블로그를 하위 도메인 또는 하위 폴더에 설치할지 여부를 선택하고 업로드 된 미디어 용 디렉토리를 설정하십시오. WordPress 대시 보드가 서버의 루트 디렉토리에있는 "wp-config.php"및 ".htaccess"파일에 붙여 넣어야하는 몇 줄의 코드를 인쇄하도록 설정의 다음 부분으로 진행합니다.

이러한 변경 작업을 위해 FTP 클라이언트로 돌아가서 모든 코드 줄이 제대로 복사되고 붙여 넣어지고 모든 괄호와 세미콜론이 있는지 확인하십시오. 두 파일 모두에 적절한 코드가 없으면 웹 사이트 기능을 심각하게 제한 할 수있는 모든 종류의 웹 사이트 및 WordPress 오류가 발생합니다.

전통적인 FTP 클라이언트를 사용할 때 ".htaccess"파일이 보이지 않는 경우가 종종 있습니다.이 경우 사용자는 cPanel, Plesk Panel 또는 다른 서버 제어판 소프트웨어로 이동하여 다음을 사용하여 파일을 편집해야합니다. 웹 기반 파일 관리자 이러한 웹 기반 응용 프로그램은 기존 FTP 클라이언트가 아닌 경우 숨겨진 폴더를보고 편집 할 수 있습니다.

Step 3 : 각 WordPress 테마 데모 용 블로그 만들기

이 과정의 고급 코딩 부분은 끝났지 만 WordPress 테마 데모 사이트를 만드는 가장 지루한 부분은 아직 완료해야합니다. 이 방법이 작동하는 방식은 매우 간단합니다. 사용자에게 시연 될 모든 테마는 서브 폴더 또는 하위 도메인을 통해 액세스 할 수있는 완전히 새로운 블로그에 표시되어야합니다. 즉, 테마 개발자는 WordPress 대시 보드로 돌아와서 테마를 만든만큼 많은 블로그를 만드는 과정을 시작해야합니다. 각 블로그는 전통적인 WordPress 제어판에서 "하위 대시 보드"의 일종 인 특별한 WordPress 네트워크 대시 보드를 사용하여 설정하고 액세스 할 수 있습니다.

이 대시 보드 내에서 새 템플릿으로 주제를 추가 할 블로그를 선택하고 사이드 바에서 "모양"을 클릭하십시오. 시연해야 할 테마를 찾고 블로그에서 활성화하십시오. 사용자가 모든 테마 기능을 실제로 볼 수 있도록 몇 가지 예제 항목을 작성한 후 다음 블로그에서 프로세스를 반복하여 다음 단계로 넘어갈 수 있도록하십시오. 테마를 시연 할 수 있습니다.

진취적인 개발자는이 프로세스에 도움이 될 수있는 플러그인을 알기에는 조금 안심할 수 있습니다.

첫 번째 플러그인은 레플리케이터을 사용하면 장시간에 걸쳐 개별적으로 개별적으로 설정하지 않고도 많은 수의 멀티 사이트 인스턴스를 즉시 생성 할 수 있습니다. 플러그인은 멀티 사이트 블로그와 함께 사용하기 위해 비 네트워크 대시 보드에 설치되고 활성화됩니다. 개발자는 자신이 만들려는 블로그의 수에 기본 블로그 설정을 적용 할 수 있습니다. 이러한 설정은 보편적이지만 각 멀티 사이트 반복에 사용되는 테마를 수동으로 결정해야합니다.

두 번째 플러그인은 Diamond Multisite Plugin, 이것은 사이트의 유용성을 증가시키는 유용한 사이드 바 위젯을 포함하기 때문에 사용됩니다. 이 위젯은 실제로 워드 프레스 대시 보드에 의해 만들어진 모든 멀티 사이트 블로그를 사전 순으로 나열합니다. 테마 데모 사이트의 사이드 바에 배치하면 개발자 웹 사이트에서 다른 테마의 미리보기를 시도 할 때마다 사이트의 색인 페이지로 돌아가는 대신 사용자가 테마 사이를 쉽게 탐색 할 수 있습니다. 확실히 필수는 아니지만 유용성을 높이면 웹 사이트의 수익을 높이고 WordPress 테마 디자인의 채택을 촉진하는 데 도움이됩니다.

대체 방법 : 여러 WordPress 반복 설치

WordPress Networks 기능을 그대로두고 많은 WordPress 설치를 수동으로 설치하여 미리보기로 사용할 이유가 없습니다.

그러나 많은 테마 개발자는 이러한 사이트를 만들 때 좀 더 "오래된 학교"를 유지하기를 원하며 WordPress를 한 서버에 여러 번 설치할 수 있다는 것을 안심할 수 있습니다. 데이터베이스가 여러 개인 경우 간단합니다. 각 WordPress 설치마다 새 데이터베이스를 만들고 매번 새로운 하위 폴더에 WordPress PHP를 설치 한 다음 정상적으로 설정 및 테마 프로세스를 진행하면됩니다. 그런 다음 사이트의 색인 페이지에서 새 설치에 연결하면 모든 것이 처리됩니다.

그러나 단 하나의 데이터베이스를 가지고있는 사람들을 위해, 테마를 증명하기 위해 여러 설치를 수용하기 위해 "wp-config.php"파일을 다시 업데이트해야합니다. 이를 위해서는 각 설치에 대해 새 데이터베이스 접 두부를 결정하는 파일을 간단히 변경해야합니다. 이렇게하면 테마 데모 사이트가 사이트의 기본 설치에있는 데이터와 사용자를 덮어 쓰지 않습니다. WordPress 소프트웨어 다운로드와 함께 제공되는 모든 "wp-config.php"파일 상단에 나타나는 아래 행을 수정하면됩니다.

$ table_prefix = 'wp_';

사용의 용이성을 위해 "wp_"접두사의 이름을 해당 특정 설치를 사용하여 시연 할 테마의 소문자 이름으로 바꿉니다. 이렇게하면 phpMyAdmin과 같은 데이터베이스 소프트웨어를 사용하여 테이블이나 셀을 탐색 할 때 명확성을 높일 수 있습니다.

이 사이트는 모두 동일한 관리자가 액세스하므로 WordPress가 "wp-config.php"파일에 간단한 해킹을 사용하여 다른 설치의 사용자 및 암호 데이터에 실제로 액세스 할 수 있다는 점은 중요합니다. 이를 통해 개발자는 동일한 사용자 이름과 암호로 모든 설치에 로그인 할 수 있으며 모든 설치에 동시에 로그인 상태를 유지할 수 있습니다. 이 작업을 수행하는 데 필요한 두 줄의 코드는 다음과 같습니다.

define ( 'CUSTOM_USER_TABLE', $ table_prefix.'wp_users ');
define ( 'CUSTOM_USER_META_TABLE', $ table_prefix.'wp_usermeta ');

여기서 "wp_"접두사는 무엇이든 변경할 수 있으며 최상의 결과를 얻으려면 기본 설치의 데이터베이스 정보와 일치해야합니다.

또 다른 대안 : WordPress 플러그인을 사용하여 테마 보여주기


WordPress 개발자 커뮤니티는 광범위하고 다양하며, 블로그를 여러 개 설치하거나 WordPress 네트워크를 만들거나 데이터베이스 설정을 해킹하지 않고도 테마를 실제로 보여줄 수있는 방법을 찾아 냈습니다. 대신 WordPress 대시 보드가 테마 활성화를 완료하기 전에 사이트의 실시간 미리보기를 표시하는 것과 같은 방법으로 사용자에게 이러한 데모 웹 사이트를 표시하기 위해 WordPress 플러그인에서 설계된 사용자 지정 함수에 의존합니다.

가장 인기있는 플러그인은 WordPress 테마 데모 플러그인 제목이 반드시 창조적 인 것은 아니지만 그 접근 방식은 창조적 인 상식입니다. 플러그인은 기본적으로 대시 보드의 테마 미리보기 창을 실제 사용으로 가져옵니다. 사이트의 사용자 및 쇼핑객은 다음과 같이 구성된 간단한 URL로 이동하여 사이트의 모든 테마를 미리 볼 수 있습니다.

http://your-domain.com/preview_theme?theme-name

이 미리보기 URL은 테마의 모든 소문자 폴더 이름을 미리보기 대상으로 바꿉니다. 모든 테마 폴더 이름을 링크 끝에 첨부하여 사용자가 미리 볼 수 있도록 할 수 있습니다. 이 시스템은 창의력이 뛰어나며 테마를 미리보기위한 가장 효율적인 방법입니다. 데이터베이스 해킹이 필요하지 않으며 사용자가 WordPress "wp-config.php"파일을 수정하지 않아도이 URL이 완벽하게 작동합니다. 위 URL 구조를 사용하여 플러그인을 업로드하고 활성화 한 다음 테마 미리보기에 연결하기 만하면됩니다. 테마 데모 사이트는이 방법을 사용하여 단 몇 시간 만에 배포 할 수 있습니다.

이 플러그인은 또한 모든 사이트 테마의 전체 목록을 사이드 바 또는 별도의 페이지 (또는 게시물)에 인쇄 할 수 있습니다. 이것은 Diamond MultiSite Plugin 위젯과 매우 비슷하지만 간단한 변수를 사용하여 수행됩니다. 목록이 나타나야하는 곳이면 개발자는 단순히 다음과 같은 괄호 안의 WordPress 변수를 삽입 할 수 있습니다.

[theme_list]

전체 및 알파벳순 목록은 <ul> 형식으로 표시됩니다. 사이트에 업로드 된 모든 테마는 사이트의 기본 테마와 현재 개발 또는 개정중인 항목을 포함하여이 목록에 배치된다는 점을 기억해야합니다. 업로드되는 테마를 염두에두고 고객이 판매하거나 미리 볼 수없는 것을 제거하십시오.

끝내기 쉽고 보상 받는다.

WordPress 테마 데모 사이트에서는 크기가 작고 쓸모없는 미리보기 이미지를 다음 단계로 가져와 고객이 실제로 디자인 요소와 상호 작용하고 다운로드하거나 구매하려는 테마가 자신의 필요에 적합한 지 여부를 판단 할 수 있습니다. 이는 전반적인 고객 만족도가 높아지고 열정적 인 WordPress 사용자 및 초심자 디자이너가 테마를 사용하거나 구매할 가능성이 커짐을 의미합니다. 이 프로세스는 완료하기가 간단하며 진취적인 디자이너와 매력적인 테마 디자이너에게는 매우 보람을 줄 수 있습니다.

Jerry Low 정보

WebHostingSecretRevealed.net (WHSR)의 설립자 - 100,000의 사용자가 신뢰하고 사용하는 호스팅 검토. 웹 호스팅, 제휴 마케팅 및 SEO에서 15 년 이상의 경험. ProBlogger.net, Business.com, SocialMediaToday.com 등의 기고자.