Cara Membuat Halaman Kesalahan 404 WordPress Kustom

Kemungkinan besar Anda telah mendarat di halaman 404 dan segera meninggalkan situs web karena itu kurang membantu. Halaman 404 adalah apa yang ditampilkan WordPress ketika seseorang memasukkan atau mengklik URL yang tidak ada di situs web Anda. Halaman ini adalah kesalahan umum yang hanya memberi tahu pengunjung bahwa halaman tidak ditemukan. Pada artikel ini, kita akan mengeksplorasi cara membuat halaman 404 kustom untuk WordPress. Sepanjang jalan, kita akan melihat desain baik dan buruk.

Mengapa Membuat Halaman 404 Kustom untuk WordPress?

Sangat menggoda untuk melewatkan mendesain halaman 404 karena Anda berharap tidak ada yang melihatnya. Namun, itu harus bermanfaat bagi pengunjung Anda. Ini bisa sama pentingnya dengan halaman lainnya. Pesan umum adalah pengalaman pengguna yang buruk. Itu tidak terlihat bagus dan tidak memberi mereka alasan untuk tetap berada di situs web Anda.

Pertama, mari kita lihat halaman umum yang coba kita hindari.

Halaman 404 Umum

Halaman 404 standar yang ditampilkan WordPress hanyalah pesan kesalahan. Itu ditempatkan di dalam area konten isi dan menunjukkan header, footer, dan sidebar Anda jika Anda memilikinya.

Sayangnya, itu tidak membantu. Ini seperti bertanya kepada pekerja toko apakah sesuatu yang Anda cari ada di lorong tempat Anda berada dan mereka hanya mengatakan tidak. Anda ingin mereka mengarahkan Anda ke lorong yang benar. Anda ingin informasi lebih lanjut.

Halaman 404 akan memberi Anda lebih banyak informasi. Ini harus membantu. Itu harus menyediakan alat, tautan, saran, atau beberapa bentuk bantuan. Anda tidak ingin ditinggal sendirian di lorong tidak tahu ke mana harus pergi selanjutnya.

Contoh Halaman 404 Kustom

Ada ribuan halaman 404 yang menakjubkan di seluruh web. Ada yang lucu, ada yang serius. Beberapa lebih bermanfaat daripada yang lain. Beberapa polos, sementara yang lain cantik. Berikut ini beberapa halaman 404 untuk mendapatkan gambaran tentang bagaimana mereka dirancang. Beberapa sederhana dan membosankan sementara yang lain membantu dan tampak hebat.

1. Google

Halaman 404 Google (bukan WordPress) sederhana. Ini adalah area kecil konten di tengah layar. Pesan itu hanya memberi tahu Anda bahwa ada kesalahan dan memberikan grafik robot yang terpotong-potong. Itu tidak memberikan informasi lain, tapi itu Google, jadi yang harus Anda lakukan adalah mengetik sesuatu yang lain di bilah pencarian.

2. WordPress.org

Halaman 404 WordPress.org menampilkan header dan footer standar mereka. Isinya mencakup judul untuk menunjukkan bahwa halaman tidak ditemukan, penjelasan singkat dengan sentuhan humor, dan kemudian daftar tautan untuk membantu memandu Anda. Tautan fokus untuk membantu.

3. WordPress.com

Halaman 404 WordPress.com menghapus header dan footer. Ini menunjukkan grafik, judul, deskripsi dengan tautan yang dapat diklik, kotak pencarian, dan logo WordPress.com. Tautan sangat membantu.

4. Tema Elegan

Halaman 404 Elegant Themes (karena saya tahu Anda akan tetap melihat) menunjukkan header ET, judul besar dengan penjelasan kecil, dan tombol sebagai CTA. Anda memiliki akses ke hampir semuanya dari sini.

5. Dua Puluh Dua Puluh Satu

Tema Twenty Twenty-One WordPress memiliki halaman 404 yang menggunakan menu utama dan footer Anda. Ini memiliki judul besar. Tubuh memiliki deskripsi singkat dan kotak pencarian. Garis digunakan untuk penataan. Latar belakang cocok dengan situs.

6. Dua Puluh Dua Puluh

Tema Twenty Twenty WordPress menampilkan header dan footer. Isinya menunjukkan judul besar di tengah, penjelasan, dan kotak pencarian. Semua menggunakan warna tema.

7. Lemas

Halaman 404 Slack (non WordPress) menunjukkan kotak di tengah dengan informasi tentang kesalahan dengan tautan ke pusat bantuan. Semua menu juga ada disini. Yang menarik adalah latar belakangnya. Ini adalah latar belakang kartun yang menggulir ke kanan atau kiri untuk mengikuti mouse Anda. Hewan animasi bergerak melintasi layar.

8. Amazon

Halaman 404 Amazon (juga bukan WordPress) menyertakan logo Amazon dengan kotak pencarian, pesan besar, pesan yang lebih kecil dengan tautan ke beranda, dan foto binatang dengan tautan untuk mempelajari lebih lanjut. Ini mencakup banyak foto berbeda yang dapat ditampilkan. Mereka dipilih secara acak.

404 Konten Halaman

Jadi, apa yang dibutuhkan halaman 404? Kami melihat beberapa elemen umum dalam contoh di atas.

Pertama, itu perlu membantu. Seharusnya tidak hanya memberi tahu pengunjung bahwa ada kesalahan. Itu harus memberi tahu apa arti kesalahan itu. Bayangkan lampu kesalahan menyala di mobil Anda. Pertanyaan pertama Anda adalah "apa artinya?" Tidak memberikan informasi yang berguna tentang kesalahan itu membuat frustrasi.

Pengunjung perlu tahu apakah mereka melakukan sesuatu yang salah atau jika kontennya tidak ada. Jika mereka tidak tahu, mereka akan terus mencari konten sampai mereka mati-matian meninggalkan situs web, bersumpah untuk tidak pernah kembali. Ini paling baik dilakukan dengan pesan sederhana dan mungkin gambar yang menarik perhatian. Sesuatu yang menonjol dari konten normal Anda yang akan menarik bagi audiens Anda.

Selanjutnya, perlu memberikan beberapa arahan tentang apa yang harus dilakukan selanjutnya. Ini bisa berupa daftar artikel, kotak pencarian, daftar kategori, posting paling populer, posting terbaru, cara menghubungi Anda, dll.

Sesederhana itu. 404 halaman tidak membutuhkan banyak konten. Cukup membantu.

Contoh di atas meliputi:

• Warna dan pola latar belakang yang cocok dengan situs web/
• Judul dengan pesan singkat tentang kesalahan.
• Teks besar yang menunjukkan bahwa ini adalah halaman 404.
• Beberapa tombol memberikan pengunjung beberapa arah.

Ini sederhana namun bergaya dan bermanfaat. Itu saja yang Anda butuhkan.

Mari kita lihat cara membuat halaman 404 kustom untuk WordPress menggunakan ide konten yang baru saja kita bahas.

Cara Membuat Halaman 404 Kustom di WordPress dengan Divi Theme Builder

Divi Theme Builder memudahkan untuk membuat dan menetapkan halaman 404. Elegant Themes memiliki beberapa halaman 404 premade yang dapat Anda unduh secara gratis. Anda dapat menyesuaikannya dengan cara apa pun yang Anda inginkan. Mereka adalah cara yang bagus untuk memulai desain halaman 404. Jika mau, Anda dapat membangunnya dari awal.

Contoh di atas adalah dari paket tata letak Pembuat Tema Keempat. Ada banyak 404 halaman yang tersedia di blog ET. Untuk menemukannya, cari "paket tata letak pembuat tema" atau lihat di sini:

• Unduh Paket Pembuat Tema GRATIS Pertama Untuk Divi
• Unduh Paket Pembuat Tema GRATIS Kedua Untuk Divi
• Unduh Paket Pembuat Tema GRATIS Ketiga Untuk Divi
• Unduh Paket Pembuat Tema GRATIS Keempat untuk Divi
• Unduh Paket Pembuat Tema GRATIS Kelima untuk Divi
• Unduh Paket Pembuat Tema GRATIS Keenam untuk Divi

Mengimpor Halaman 404 Kustom ke Pembuat Tema Divi

Anda akan menemukan Divi Theme Builder di dasbor WordPress dengan membuka Divi > Theme Builder . Ini akan membuka halaman tempat Anda dapat membuat atau mengimpor template dan menetapkannya. Di sudut kanan atas, Anda akan melihat ikon impor. Klik ikon ini untuk mengimpor template halaman 404 Anda.

Catatan – untuk tutorial menggunakan Divi Theme Builder, cari “theme builder” di sini di blog Elegant Themes.

Sebuah modal terbuka di mana Anda dapat mengimpor template Anda. Pilih Impor dan navigasikan ke file Anda di bawah Pilih File . Opsi untuk menimpa default dan penetapan dipilih secara default. Saya sarankan membiarkan mereka dipilih. Klik untuk mengimpor template di bagian bawah modal. Saya mengimpor halaman 404 untuk Paket Tata Letak Crowdfunding.

Dengan mengimpor halaman 404, itu ditetapkan secara otomatis. Selanjutnya, klik ikon edit untuk membuka builder.

Sekarang, lakukan pengeditan dalam setiap modul dengan menambahkan tautan, gambar, warna, teks, dll. Simpan tata letak dan klik x di sudut kanan atas untuk menutup pembuat.

Terakhir, simpan perubahan untuk menerapkan template. Anda sekarang memiliki halaman 404 khusus.

Membuat Halaman 404 Kustom dengan Divi Theme Builder

Di Pembuat Tema, pilih untuk menambahkan template baru.

Ini akan membuka pengaturan template. Gulir ke bawah dan pilih 404 Halaman di bawah Lainnya . Selanjutnya, klik Buat Template . Pengaturan template akan ditutup.

Sekarang, Anda dapat membuat halaman 404. Kebanyakan tidak menggunakan header atau footer. Pilih Tambahkan Badan Khusus .

Ini menunjukkan dua pilihan yang memungkinkan Anda membuat badan kustom atau menambahkan dari perpustakaan. Pilih Bangun Badan Kustom .

Bangun halaman 404 dengan Divi Builder seperti biasa. Simpan dan keluar.

Terakhir, simpan perubahan Anda. Kamu sudah selesai.

Mengakhiri Pemikiran tentang Membuat Halaman 404 Kustom untuk WordPress

Itulah tampilan kami tentang cara membuat halaman 404 khusus untuk WordPress. 404 halaman perlu membantu. Sayangnya, halaman WordPress 404 generik tidak membantu, dan memberikan pengalaman pengguna yang buruk. Untungnya, Anda dapat membuat halaman 404 Anda sendiri menggunakan Divi Theme Builder.

Dengan menggunakan informasi yang kami berikan di sini, Anda sedang dalam perjalanan untuk membuat halaman 404 yang indah yang memberi pengguna pengalaman hebat dan tampak luar biasa saat melakukannya.

Kami ingin mendengar dari Anda. Sudahkah Anda membuat halaman 404 khusus untuk situs web WordPress Anda? Beri tahu kami tentang pengalaman kami di komentar.

Gambar Unggulan melalui Letters-Shmetters / shutterstock.com