Bagaimana cara membuat halaman demo preview di WordPress ? Portfolio website atau template yang ingin dijual memerlukan halaman demo, iya kan. Lalu bagaimana agar page-page tersebut dapat diakses menggunakan wordpress?
Contohnya mungkin seperti gambar dibawah ini,
Terdapat logo marketplace tersebut serta tampilan preview dari website yang dijual.
Caranya adalah dengan modifikasi .htaccess dan membuat folder untuk halaman preview di document root misal disini kita buat folder /preview/
Modifikasi .htaccess
Tambahkan RewriteCond %{REQUEST_URI} ^/preview/(.*)$ [OR]
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/preview/(.*)$ [OR]
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress
Buat file index.php di folder /preview
Kemudian kita buat file index.php yang berisi html tag di folder preview yang sudah dibuat tadi. Tulis di dalam <body> tag.
<?php
$dir = $_SERVER['DOCUMENT_ROOT'].'/preview/'.@$_REQUEST['demo'];
// cek apakah query ?demo=direktori yang direquest valid atau tidak
if(@$_REQUEST['demo'] != '' && is_dir($dir)) {
?>
<iframe src="/preview/direktori_demo_anda/<?php echo @$_REQUEST['demo']; ?>" width="100%" height="100%" frameborder="0"></iframe>
<?php } // end if ?>
Baca Juga Template Dokumentasi HTML Gratis
Oke mudah bukan, anda tinggal memanggil demo preview anda di url dengan www.websiteanda.com/preview?demo=namadirektori, agar tampilan lebih menarik anda tinggal menambahkan header atau footer di atas dan bawah tag iframe. Selamat Mencoba.
Comments