HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Wordpress

Cara Membuat Halaman HTML Static WordPress

Static website merupakan sebuah kumpulan item misalnya gambar, teks, dan elemen multimedia lainnya yang terdiri dari konten marked up yang dibuat menggunakan HTML (Hyper Text Markup Language) yang disimpan di server website. Jika anda menggunakan static website, maka data website tersimpan di server akan disimpan dalam satu halaman yang sama.

Berikut adalah cara untuk mengubah situs anda menjadi situs statis (static website).

1. Copy Situs WordPress Anda

Anda harus membuat salinan situs WordPress anda ke lokasi staging yang baru. Dapat dilakukan secara offline di komputer lokal anda, atau di cloud server web yang sama dengan situs anda.

2. Menginstal Simply Static

Selanjutnya anda menginstal plugin simply static. Plugin ini akan menjadikan seluruh situs WordPress anda menjadi file HTML. Pada waktu yang bersamaan, plugin ini juga akan mengganti URL dasar di database WordPress dengan URL dengan tujuan anda.

3. Persiapkan Simply Static dan Lakukan Uji Situs

Cara untuk melakukan uji situs sebagai berikut: Buka Simply Static -> Settings di admin WordPress anda. Masukan URL subdirektori situs anda, yaitu “http://yoursite.com/test”. Untuk metode pengiriman anda pilih “Local Directory”. Lalu anda klik Simply Static -> Generate dan tekan tombol biru yang tersedia.

4. Tambahkan Halaman yang Tertinggal

Anda bisa menambahkan halaman yang tertinggal saat proses static dengan mudah. Untuk menambahkan halaman ini secara manual dengan memasukkan URL ke dalam plugin Simply Static di Simply Static -> Settings -> Include / Exclude. Tambahkan URL halaman yang hilang ke tab “Additional URLs”. Ada cara lainnya, yaitu anda bisa kembali ke situs WordPress Anda dan mengubah link relatif ke link absolut. Pastikan untuk menggunakan URL situs staging WordPress anda, bukan URL produksi.

5. Launch Situs Anda

Setelah semua halaman sudah dirender dengan benar oleh HTML statis, selanjutnya anda bisa memindahkan data-data yang ada di situs WordPress lama anda dari root ke temporary subdirectory, kemudian anda coba dorong file staging WordPress anda ke root .

Keuntungan Menggunakan Static Website

1. Waktu loding yang lebih cepat

Saat anda menggunakan halaman HTML statis, waktu loading situs anda bisa dikatakan sangat cepat. Bahkan kecepatan loading website anda bisa dalam waktu satu detik.

2. Meningkatkan waktu uptime website

Jika anda menggunakan HTML statis, kemungkinan besar nda tidak akan mengalami server error. Web statis bisa dibilang lebih dapat diandalkan dari pada web dinamis.

3. Mengurangi waktu loading server

Saat anda menggunakan website statis, maka server anda akan memiliki beban server yang jauh lebih rendah. Anda bisa menggunakan hosting murah dengan sedikit memori dan daya CPU tanpa mempengaruhi kerja server anda.

4. Keamanan yang lebih terjaga

Website statis tidak terpengaruh dengan ancaman dari injeksi SQL atau SQL karena tidak ada database yang bisa dihack. Dengan menggunakan HTML statis, website anda juga tidak memerlukan kode PHP yang harus dijalankan. Hal ini membantu memastikan bahwa tidak ada plugin yang bisa dihack.

5. Staging server gratis

Staging server adalah sebuah tipe server yang digunakan untuk mengetes sebuah software, website, atau layanan di lingkungan produksi yang serupa sebelum disajikan secara langsung.

6. Mudah untuk dipindahkan ke URL yang berbeda

Plugin Simply Static memungkinkan anda untuk mengirim situs anda ke URL yang berbeda hanya dengan beberapa pengaturan dan beberapa klik saja.

5/5 - (2 votes)
teko

Recent Posts

Ingin Membuat Website E-Commerce Yang Menarik? Perhatikan Tips Ini

Design website toko online tidak hanya soal estetika, tapi juga UX yang bagus secara keseluruhan.…

10 hours ago

Apa Saja Jenis Proyek yang Bisa Dikerjakan UX Designer? Yuk Simak Di Sini

Sebelum memulai karir Anda sebagai desainer UX, Anda harus membuat portofolio yang mencakup semua pengalaman…

1 day ago

Aktifkan Keep-Alive Untuk Meningkatkan Performa Website Anda

Keep-Alive memungkinkan browser pengunjung Anda mendownload semua konten (JavaScript, CSS, gambar, video, dll) melalui koneksi…

2 days ago

Baca Ini Untuk Pelajari Apa Saja Job Description Web Developer

Job description seorang web developer adalah membuat situs web menggunakan berbagai bahasa pemrograman. Tanggung jawab…

3 days ago

Rekomendasi Tools A/B Testing untuk Meningkatkan Conversion Rate

Secara default, WordPress tidak mendukung A/B testing. Tapi jangan khawatir. Di bawah ini, kami telah…

4 days ago

Ingin Menjadi UX Designer? Coba Pelajari Apa Saja Tugasnya!

UX design merupakan singkatan dari User Experience design atau desain pengalaman pengguna. Istilah ini sering…

6 days ago