WordPress How-To: Buat Etalase untuk Demo Tema WP

Artikel ditulis oleh:
  • Tips Blogging
  • Diperbarui: Agustus 12, 2013

Pengembangan tema WordPress benar-benar telah dimulai dalam beberapa tahun terakhir, karena perangkat lunak WordPress telah mencapai lebih dari 60 juta pengguna di seluruh dunia. Perusahaan juga telah meluncurkannya WordPress.com solusi blogging yang di-hosting dari jarak jauh, setara dengan layanan seperti Blogger & tumblr, semakin meningkatkan permintaan untuk tema dan potensi pendapatan yang dapat dihasilkan dengan mengembangkan templat PHP yang luas ini. Banyak penulis yang akrab dengan praktik perangkat lunak yang membutuhkan gambar kecil thumbnail dari tema dalam tindakan untuk ditampilkan kepada calon pengguna tema. Mereka dapat melihat snapshot dari apa tema akan terlihat ketika dipraktikkan di situs web mereka, dan itu cukup baik untuk sejumlah besar pengguna dan pengembang WordPress.

Membuat Etalase untuk WP Themes Menggunakan Live and Functional Demos

Tema Demo WordPress
* Layar diambil dari Elegant Themes - WordPress Themes Club yang terbaik yang pernah saya gunakan selama bertahun-tahun.

Tetapi ada lebih banyak pengguna yang menuntut dan pengembang tema WordPress di luar sana, dan gambar mini tangkapan layar gambar sederhana tidak akan mencukupi ketika mendemonstrasikan detail halus tema dan efek yang dimaksudkan. Ketidakpuasan dengan gambar tema kecil ini telah menyebabkan sejumlah besar pengembang tema untuk meluncurkan pratinjau situs web lengkap dari pekerjaan mereka. Pratinjau ini adalah blog WordPress aktual yang menggunakan tema WordPress yang dikembangkan sepenuhnya di situs yang dapat dinavigasi dan dialami sepenuhnya oleh pengunduh tema sebelum menggunakan tema tersebut di situs web mereka sendiri, atau sebelum pembelian tema untuk tujuan mereka sendiri. Ini tidak hanya lebih menarik dan informatif daripada tangkapan layar thumbnail biasa, tetapi juga cara yang jauh lebih efektif untuk memasarkan dan menjual tema di pasar yang berkembang ini.

Namun, membuat situs semacam ini dianggap terlalu rumit, dan banyak orang tidak yakin bagaimana mengubah situs WordPress sederhana menjadi galeri tema yang dirancang sendiri. Menggunakan fitur-fitur WordPress bawaan, dan beberapa yang diaktifkan melalui plugin pihak ketiga, membuat situs demo tema bukan hanya hal yang cerdas untuk dilakukan untuk bisnis, tetapi juga cara termudah untuk menunjukkan kepada pengguna semua keterampilan dan bakat yang dimiliki pengembang. bekerja dengan.

Begini cara melakukannya.

Langkah 1: Dapatkan Themes WordPress Online untuk Dilihat

Tema Demo WordPress

Agar pendekatan ini berhasil, setiap tema yang ingin ditunjukkan oleh pengembang kepada pengguna potensial atau pelanggan harus ditempatkan dalam direktori tema WordPress standar (/ public_html / wp-content / themes /). Pastikan semua gambar tema diunggah dan folder tema semuanya huruf kecil tanpa spasi atau tanda baca, karena ini akan sangat penting dalam menyebarkan dan melihat pratinjau tema ini di beberapa situs WordPress menggunakan salah satu fitur bawaan yang lebih canggih yang ditawarkan di WordPress 3.0 dan lebih tinggi.

Ketika tema telah sepenuhnya diunggah, saatnya untuk mundur dari direktori tema ke folder root WordPress standar, yang kemungkinan besar adalah direktori "public_html".

Langkah 2: Mengaktifkan WordPress Multisite untuk Presentasi Tema

Tema Demo WordPress

Cara termudah untuk mengaktifkan situs demonstrasi tema adalah menggunakan fitur multi situs WordPress yang sudah ada, sekarang diberi merek sebagai Jaringan WordPress. Prosedur ini melibatkan penggunaan satu basis data untuk membuat jumlah blog WordPress hampir tak terbatas yang masing-masing dapat diisi dengan konten unik dan ditata menggunakan tema yang benar-benar berbeda per blog. Ini pada dasarnya menciptakan situs demonstrasi WordPress, penuh dengan entri, arsip, halaman, kategori, dan informasi lainnya, untuk setiap tema yang dibuat oleh pengembang.

Dalam file “wp-config.php” yang berada di folder akar WordPress, cukup tempelkan baris di bawah ini, yang akan memerintahkan Dasbor untuk mengaktifkan fitur Jaringan WordPress dan menyediakan panel kontrol konfigurasi untuk mengonfigurasi pengaturannya dan melanjutkan:

define ('WP_ALLOW_MULTISITE', true);

Simpan file dan navigasikan ke Dasbor WordPress, di mana tautan "Pengaturan Jaringan" akan muncul di bilah sisi di bawah judul "Alat". Dalam dialog pengaturan ini, pastikan untuk memilih apakah blog akan diinstal ke dalam subdomain atau subfolder, dan tetapkan direktori untuk media yang diunggah. Lanjutkan ke bagian selanjutnya dari pengaturan, yang akan memiliki Dashboard WordPress mencetak beberapa baris kode yang harus ditempelkan ke file "wp-config.php" dan ".htaccess" di direktori root server.

Kembali ke klien FTP untuk membuat perubahan ini, memastikan bahwa setiap baris kode disalin dan ditempel dengan benar dan semua tanda kurung dan titik koma ada. Kegagalan untuk memastikan kode yang benar di salah satu file akan mengakibatkan segala macam situs web dan kesalahan WordPress yang dapat sangat membatasi fungsi situs web.

Perlu dicatat bahwa file “.htaccess” sering disembunyikan dari tampilan ketika menggunakan klien FTP tradisional dan, jika ini kasusnya, pengguna harus menavigasi ke cPanel, Plesk Panel, atau perangkat lunak panel kontrol server lainnya dan mengedit file menggunakan file manager berbasis web. Aplikasi berbasis web ini dapat melihat dan mengedit folder tersembunyi ketika klien FTP tradisional tidak.

Langkah 3: Buat Blog untuk Setiap Demonstrasi Tema WordPress

Bagian pengkodean lanjutan dari proses ini sudah selesai, tetapi aspek yang paling membosankan dari pembuatan situs demonstrasi tema WordPress masih harus diselesaikan. Cara kerja metode ini cukup sederhana: Setiap tema yang akan ditunjukkan kepada pengguna harus ditampilkan di blog yang benar-benar baru, dapat diakses melalui subfolder atau subdomain. Itu berarti pengembang tema harus kembali ke Dasbor WordPress dan memulai proses pembuatan sebanyak mungkin blog karena mereka telah membuat tema; setiap blog dapat diatur dan diakses dengan menggunakan Dasbor Jaringan WordPress khusus yang merupakan semacam "sub-Dasbor" dalam panel kontrol WordPress tradisional.

Dalam Dashboard ini, pilih blog yang akan bertema dengan template baru dan klik "Appearance" di sidebar. Cukup cari tema yang perlu diperagakan dan aktifkan di blog. Pastikan untuk menulis beberapa entri contoh sehingga pengguna dapat melihat semua fungsi tema dalam aksi, dan kemudian ulangi proses di blog berikutnya sehingga berikutnya tema dapat diperagakan.

Pengembang yang giat mungkin sedikit lega mengetahui plugin yang dapat membantu proses ini.

Plugin pertama, dikenal sebagai Replicator, dapat digunakan untuk secara instan membuat banyak instance multisite tanpa secara individual mengatur masing-masing dalam jangka waktu yang lama. Plugin diinstal dan diaktifkan di Dasbor non-Jaringan untuk digunakan dengan blog multisite; saat digunakan, pengembang dapat menentukan pengaturan blog dasar yang akan diterapkan ke sejumlah blog yang akan mereka buat. Pengaturan itu akan bersifat universal, tetapi mereka masih harus menentukan secara manual tema yang digunakan oleh setiap iterasi multisite.

Plugin kedua dikenal sebagai Plugin Diamond Multisite, dan ini digunakan karena mengandung widget bilah sisi bermanfaat yang akan meningkatkan kegunaan situs. Widget ini sebenarnya mencantumkan, dalam urutan alfabet, setiap blog multisite yang dibuat oleh Dashboard WordPress. Ketika ditempatkan di bilah samping situs demonstrasi tema, ini memungkinkan pengguna untuk dengan mudah menavigasi langsung antar tema, daripada kembali ke halaman indeks situs setiap kali mereka ingin melihat pratinjau tema yang berbeda dalam tindakan di situs web pengembang. Ini tentu saja tidak diperlukan, tetapi meningkatkan kegunaan hanya dapat membantu meningkatkan garis bawah situs web dan membantu mempromosikan penerapan desain tema WordPress-nya.

Pendekatan Alternatif: Memasang Beberapa Iterasi WordPress

Benar-benar tidak ada alasan untuk meninggalkan fitur WordPress Networks demi mendukung banyak instalasi WordPress secara manual untuk dijadikan pratinjau.

Namun, sejumlah pengembang tema lebih suka untuk menjaga hal-hal sedikit lebih "sekolah tua" ketika membuat situs-situs ini, dan mereka akan diyakinkan untuk mengetahui bahwa WordPress dapat diinstal beberapa kali pada satu server. Bagi mereka yang memiliki banyak basis data, mudah: Cukup buat database baru untuk setiap instalasi WordPress, instal WordPress PHP terbang ke subfolder baru setiap kali, dan lanjutkan melalui pengaturan dan proses tema seperti biasa. Kemudian tautkan ke instalasi baru itu dari halaman indeks situs, dan semuanya sudah diurus.

Namun, bagi mereka yang hanya memiliki satu database, file "wp-config.php" perlu diperbarui untuk mengakomodasi beberapa instalasi untuk tujuan memperagakan tema. Ini hanya memerlukan perubahan sederhana ke file yang menentukan awalan database baru untuk setiap instalasi. Ini memastikan bahwa situs demo tema tidak akan menimpa data dan pengguna yang hadir di instalasi utama situs. Ini dilakukan dengan memodifikasi baris di bawah ini, yang muncul di dekat bagian atas setiap file "wp-config.php", seperti yang dikirimkan dengan unduhan perangkat lunak WordPress:

$ table_prefix = 'wp_';

Untuk kemudahan penggunaan, cukup ganti nama awalan “wp_” menjadi nama semua huruf kecil dari tema yang akan didemonstrasikan menggunakan pemasangan khusus itu. Ini akan mempromosikan kejelasan ketika menavigasi tabel atau sel menggunakan perangkat lunak database seperti phpMyAdmin.

Karena semua situs ini akan diakses oleh administrator yang sama, perlu dicatat bahwa WordPress benar-benar dapat mengakses data pengguna dan kata sandi dari instalasi lain menggunakan peretasan sederhana yang ditempatkan pada file "wp-config.php". Ini akan memungkinkan pengembang untuk masuk ke setiap instalasi dengan nama pengguna dan kata sandi yang sama, dan itu akan memastikan bahwa mereka tetap masuk ke setiap instalasi secara bersamaan. Dua baris kode yang diperlukan untuk mencapai hal ini adalah:

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

Ingat bahwa awalan “wp_” di sini dapat diubah menjadi apa saja, dan harus sejalan dengan informasi basis data instalasi utama untuk hasil terbaik.

Pendekatan Alternatif Lain: Menggunakan Plugin WordPress untuk Memperagakan Tema

Plugin WordPRess
Komunitas pengembang WordPress memiliki cakupan yang luas dan beragam, dan beberapa dari mereka telah menemukan cara untuk mendemonstrasikan tema dalam aksi tanpa menginstal banyak blog, membuat Jaringan WordPress, atau meretas pengaturan basis data apa pun. Sebaliknya, mereka bergantung pada fungsi kustom yang dirancang di plugin WordPress untuk menampilkan situs web demo ini kepada pengguna, sebagian besar dengan cara yang sama seperti Dasbor WordPress dapat menampilkan pratinjau langsung situs sebelum menyelesaikan pengaktifan tema.

Plugin paling populer dikenal sebagai WordPress Theme Demo Plugin dan, meskipun judulnya tidak selalu kreatif, pendekatannya kreatif secara umum. Plugin ini pada dasarnya membawa jendela pratinjau tema keluar dari Dashboard dan digunakan dunia nyata. Pengguna dan pembeli situs dapat melihat pratinjau salah satu tema situs dengan menavigasi ke URL sederhana yang dibuat seperti itu:

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

URL pratinjau ini mengubah semua nama folder huruf kecil tema menjadi tujuan pratinjau; nama folder tema apa pun dapat dilampirkan pada akhir tautan sehingga dapat dipratinjau oleh pengguna. Sistem ini cerdik, dan sejauh ini merupakan cara yang paling efisien untuk melihat pratinjau tema. Tidak diperlukan peretasan basis data, dan pengguna tidak perlu membuat modifikasi apa pun pada file WordPress "wp-config.php" agar URL ini berfungsi penuh. Cukup unggah plugin, aktifkan, dan mulai menautkan ke pratinjau tema menggunakan konstruksi URL di atas. Situs demonstrasi tema dapat digunakan hanya dalam beberapa jam menggunakan metode ini.

Plugin ini juga memungkinkan daftar lengkap semua tema situs untuk dicetak baik di sidebar atau pada halaman terpisah (atau posting) sepenuhnya. Ini mirip dengan widget Diamond MultiSite Plugin, tetapi dilakukan menggunakan variabel sederhana. Di mana pun daftar akan muncul, pengembang dapat dengan mudah memasukkan variabel WordPress bracketed berikut:

[theme_list]

Daftar tema yang lengkap dan berdasarkan abjad akan disajikan menggunakan format <ul>; Penting untuk diingat bahwa setiap tema yang diunggah ke situs akan ditempatkan dalam daftar ini, termasuk tema default situs dan apa pun yang saat ini sedang dalam pengembangan atau revisi. Perhatikan tema-tema yang diunggah, dan hapus semua yang tidak untuk dijual atau dipratinjau oleh pelanggan.

Mudah Dilakukan dan Menghargai di Akhir

Situs Demo WordPress

Situs demonstrasi tema WordPress membawa thumbnail kecil dan tidak berguna ke tingkat berikutnya, memungkinkan pelanggan kemampuan untuk benar-benar berinteraksi dengan elemen desain dan menilai apakah tema yang akan mereka unduh atau beli sesuai dengan kebutuhan mereka. Ini berarti kepuasan pelanggan secara keseluruhan lebih baik dan kemungkinan lebih tinggi bahwa tema akan digunakan atau dibeli oleh pengguna WordPress yang rajin dan desainer pemula. Prosesnya sederhana untuk diselesaikan, dan itu bisa sangat bermanfaat bagi perancang tema yang giat dan menarik.

Tentang Jerry Low

Pendiri WebHostingSecretRevealed.net (WHSR) - ulasan hosting yang dipercaya dan digunakan oleh pengguna 100,000. Lebih dari 15 tahun pengalaman dalam hosting web, pemasaran afiliasi, dan SEO. Kontributor ke ProBlogger.net, Business.com, SocialMediaToday.com, dan banyak lagi.