Design Terbaik Halaman WordPress 404 Error

10

Setiap pengguna di web telah mendarat di setidaknya satu halaman 404 dalam keseluruhan pengalaman berselancar. Yang benar adalah bahwa jumlah pengguna yang menempati 404 halaman secara signifikan lebih tinggi daripada hanya satu. Seringkali ketika pengguna tiba di halaman 404, mereka akhirnya meninggalkan situs Anda. Rasiopengembalian tinggi dapat berdampak negatif pada situs web Anda dengan mengurangi pendapatan Anda dari pengiklan dan banyak lagi. Anda dapat mengurangi rasio ini dan meningkatkan tampilan halaman dengan hanya mengoptimalkan 404 Error Page Anda. Pada artikel ini, kami akan menampilakn halaman terbaik WordPress 404 Error Designs, dan saya akan memberi Anda wawasan untuk menciptakan desain halaman 404 yang indah dan sangat bermanfaat untuk WordPress Anda.

Showcase untuk Inspirasi

Sebelum saya menunjukkan kepada Anda bagaimana Anda bisa merancang desain halaman 404 Anda sendiri untuk WordPress, saya akan menampilkan beberapa Desain Halaman Kesalahan 404 terbaik yang digunakan di WordPress untuk mendapatkan inspirasi Anda. Kriteria yang saya gunakan untuk memilih desain ini adalah kreativitas dan kegunaan. Beberapa desain memiliki keduanya, dan beberapa hanya memiliki satu aspek.

1. Catalyst Studios

2. Jamie Huskisson

3. 45royale Inc.

4. Carsonified

5. CSS Tricks

 

6. Techkultura

7. Inspiration Bit

8. Catswhocode

9. Ba.pe

10. Cut and Taste

11. CSS Remix

12. Ateaseweb

13. Koller Media

14. Expansion Broadcast

15. Function

16. Retard Zone

17. Kidmondo

18. Devlounge

19. Chris Jennings

20. WPbeginner

Praktik Terbaik dan Pelajaran yang Harus Anda Pelajari dari ini

Dalam showcase di atas Anda mungkin melihat beberapa 404 halaman yang sangat kreatif, sedangkan yang lainnya hanya aneh tapi mudah diingat, dan beberapa di antaranya sederhana namun elegan dan bisa digunakan. Saat membuat halaman 404 Anda perlu ingat untuk menggabungkan ketiga elemen tersebut: kreativitas, kegunaan, dan kemampuan untuk meninggalkan kesan abadi.

Struktur yang baik yang dapat Anda ikuti adalah:

  • Gambar kreatif
  • Daftar Tulisan Populer
  • Daftar posting terbaru
  • Daftar Arsip
  • Kolom Pencarian
  • Tawarkan lebih banyak bantuan dengan memberikan pilihan kontak

Sekarang Anda tidak perlu memiliki semuanya, tapi Anda pasti harus memiliki lebih dari dua pilihan ini di halaman 404 Anda.

Sekarang kita mengerti bahwa tidak semua orang adalah seniman hebat dan tidak dapat menemukan beberapa ilustrasi dan kartun di atas, namun Anda dapat melihat contoh Devlounge atau contoh Fungsi di atas untuk melihat bagaimana kesederhanaan juga dapat bekerja. Devlounge memiliki halaman 404 yang sangat terorganisir, tidak ada gambar, tidak ada apa-apa, tapi sangat teratur dan bermanfaat. Fungsi memiliki ikon sederhana dan sumber daya lainnya, namun tidak ada yang super grafis.

Saat membuat halaman 404 Anda sendiri, ingatlah itu.

Cara Membuat Halaman 404 di WordPress

Di direktori tema WordPress Anda ada sebuah file bernama 404.php, jika Anda tidak memiliki file itu maka Anda mungkin ingin membuatnya. Anda dapat menambahkan HTML dalam file tersebut agar sesuai dengan kebutuhan Anda. Tapi disarankan agar Anda menggunakan parameter default, jadi halaman terlihat seperti itu adalah bagian dari desain.

<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Sekarang bungkus HTML styling disekitarnya. Jika Anda mau, Anda bahkan bisa menyalin konten page.php Anda di 404.php dan hanya menghapus area konten dan menambahkan tag yang Anda pilih.

Berikut adalah beberapa tag yang dapat Anda gunakan:

Tampilkan Arsip menurut Bulan:

<?php wp_get_archives(‘type=monthly’); ?>

Kode ini akan menampilkan arsip berdasarkan bulan, namun akan mencantumkan semua bulan.

Tampilkan daftar Kategori

<?php wp_list_cats(); ?>

Kode ini akan mencantumkan semua kategori di blog Anda.

Tampilkan Tag yang Paling Sering Digunakan

<?php wp_tag_cloud(‘smallest=8&largest=12&unit=pt&number=30&format=list&order=RAND’); ?>

Ini akan menampilkan tag yang paling sering digunakan.

Tampilkan Pos Terbaru

<?php get_archives(‘postbypost’, ’17’, ‘custom’, ‘<li>’, ‘</li>’); ?>

Ada lebih banyak kode yang dapat Anda gunakan, Anda hanya perlu mencari dokumentasi dan menemukannya.

Sumber Lainnya:

Daftar ini memiliki lebih banyak contoh halaman 404 error.

404 Error Pages Reloaded

More 404 Pages

60 Creative 404 Page Designs

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini