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.