Menampilkan Artikel di Halaman 404 GeneratePress

Artikel ini kita akan kembali mengoptimasi dan memodifikasi tema GeneratePress. Sasaran kali ini adalah mengedit halaman 404 supaya menampilkan list artikel. Tujuannya tentu supaya pengunjung mendapatkan rekomendasi artikel di halaman 404 ini.

Pada kondisi standar atau default, halaman 404 atau halaman tidak ditemukan pada tema GeneratePress hanya menampilkan peringatan halaman tidak ditemukan dan kolom pencarian.

Supaya lebih bermanfaat bagi pengunjung, akan lebih ideal jika pada halaman 404 bisa tampil artikel yang ada di blog. Kami akan membagikan caranya di artikel ini.

• Hanya bisa diterapkan di GeneratePress Premium karena akan menggunakan modul elements.
• Menggunakan bantuan plugin WordPress bernama WP Show Posts.
• Jika Anda belum menggunakan GP Premium, bisa membeli di kami dengan lisensi resmi. Klik gambar berikut untuk keterangan lebih lengkap.

Instal dan Setting WP Show Posts

Langkah awal silahkan instal plugin WP Show Posts buatan Tom Usborne. Setelah itu kita akan melakukan setting pada plugin ini.

• WP Show Posts -> Add New > Beri nama Halaman 404.
• Posts -> Post type -> posts, Taxonomy -> category,
• Column -> 1 -> Columns gutter -> 2em.
• Images -> non aktifkan.
• Content -> Content type -> none, Include title -> check, Title element -> p.
• Meta -> non aktifkan semua.
• More settings -> pilih Order by date (untuk menampilkan sesuai urutan terbaru) atau Order by random (menampilkan artikel secara acak).
• Terbitkan dan salin shortcode.

Setting Elements

Silahkan menuju menu Tampilan -> Elements -> Add New Element -> Hook -> Beri nama Halaman 404.

• Hook -> generate_after_content.
• Execute Shortcodes -> check.
• Display Rules -> 404 Template.
• Salin kode berikut dan paste pada element tersebut (sesuaikan dengan shortcode milik Anda).
• Terbitkan.

<p>Berikut ini beberapa artikel menarik lainnya:</p>
[wp_show_posts id="19303"]

Modifikasi Tampilan Dengan CSS

Mari kita modifikasi penampilan artikel yang ditampilkan supaya tidak tampil terlalu standar. Masukkan kode CSS berikut ini.

Masuk menu Tampilan -> Sesuaikan -> CSS Tambahan.

/* Halaman 404 */
.recent404 {
	margin-top: 20px;
}

#wpsp-19303 {
	padding: 5px 0 0 20px;
	font-weight: bold;
	font-size: 18px;
}

#wpsp-19303 p{
	margin: -10px 0;
}

#wpsp-19303 p::before{
	content: "• ";
	color: #1b78e2;
}

Ingat, kode 19303 ganti sesuai dengan angka di shortcode milik Anda sendiri. Jika berhasil, hasilnya seperti berikut ini.

Bagaimana, apakah Anda berhasil menerapkan cara diatas?

Baca juga: Optimasi GeneratePress Supaya Blog Makin Ngebut

Kesimpulan

Menampilkan artikel dalam halaman 404 bisa memberikan keuntungan. Selain meningkatkan page view dan merampingkan bounce rate, harapannya juga pengunjung tidak langsung “kabur” ketika tidak menemukan apa yang dicari dan kemudian membuka artikel lain.

Baca juga:

• Pasang Adsense di GeneratePress Tanpa Plugin
• Cara Menampilkan Tanggal Pembaruan Artikel di GeneratePress
• Membuat Tombol Sembunyikan dan Tampilkan Komentar GeneratePress.