Memiliki ringkasan atau excerpt yang muncul secara otomatis di bawah judul artikel dapat meningkatkan pengalaman pengguna dan memberikan gambaran cepat tentang konten Anda.
WordPress memberikan fleksibilitas tinggi untuk menyesuaikan penampilan situs Anda. Berikut adalah cara untuk menambahkan ringkasan secara otomatis di bawah judul postingan di WordPress.
Langkah Menampilkan Ringkasan dibawah Judul
Tambahkan Kode PHP ini
File functions.php merupakan tempat yang tepat untuk menambahkan fungsi-fungsi kustom di WordPress. Buka file ini dalam tema Anda dan tambahkan kode berikut:
function add_excerpt_under_title($title){
if(is_single()) {
$excerpt = get_the_excerpt();
if($excerpt) {
$title .= '</br><p class="post-excerpt">' . $excerpt . '</p>';
}
}
return $title;
}
add_filter('the_title', 'add_excerpt_under_title');
Kode di atas menambahkan filter ke fungsi the_title(). Saat halaman single diakses, fungsi ini akan mengambil ringkasan dan menambahkannya ke judul.
Kami menyarankan menggunakan WPCode saja untuk menambahkan script ini, supaya lebih aman. Hasil nya nanti akan menjadi seperti ini:
Tambahkan CSS Kustom
Setelah berhasil menambahkan ringkasan di bawah judul, Anda mungkin ingin merubah tampilan dari ringkasan tersebut agar lebih menarik. Untuk melakukan ini, Anda perlu menambahkan CSS kustom.
Ringkasan sekarang dikelilingi oleh tag <p> dengan kelas post-excerpt. Anda dapat menambahkan CSS khusus untuk kelas ini di file style.css dari tema Anda. Berikut adalah contoh bagaimana Anda bisa melakukannya:
.post-excerpt {
font-size: 16px;
font-weight: normal;
color: #777;
}
Anda bisa menyesuaikan nilai-nilai di atas sesuai dengan kebutuhan dan selera Anda. Ini akan mengubah ukuran font, berat font, dan warna font dari ringkasan.
Tampilan penambahan kode nya akan menjadi seperti ini:
Tampilan Hasil Caption dibawah Judul
Berikut adalah tampilan ringkasan artikel yang akan muncul secara otomatis dibawah judul. Jika kolom excerpt kosong, maka caption artikel tidak akan terlihat.
Penutup
Sebelum Anda melakukan perubahan apapun, selalu lakukan backup file asli. Selain itu, sebaiknya Anda mencoba ini pada situs pengembangan atau uji coba sebelum Anda menerapkannya pada situs live.
Selalu ada risiko bahwa perubahan kode bisa merusak situs Anda, jadi pastikan Anda merasa nyaman dengan PHP dan WordPress sebelum mencoba ini.
Semoga tutorial ini dapat membantu Anda dalam menambahkan fitur baru ke situs WordPress Anda. Selamat mencoba!
