3 Cara Berbeda untuk Menampilkan Tanggal Hari Ini Secara Otomatis di WordPress
Diterbitkan: 2017-07-02Pernah berharap Anda bisa menampilkan tanggal hari ini di situs WordPress Anda? Menampilkan tanggal saat ini membantu pembaca mengetahui bahwa Anda masih hidup dan bersemangat. Dan jika pembaca Anda pelupa seperti saya, itu bahkan mungkin membantu mereka mengingat tanggal jatuh tempo yang akan datang!
Meskipun beberapa tema WordPress menyertakan opsi bawaan untuk menampilkan tanggal hari ini di situs Anda, sebagian besar tema tidak. Jadi jika Anda ingin menampilkan tanggal saat ini di suatu tempat di situs WordPress Anda, Anda harus menanganinya sendiri.
Dalam posting ini, saya akan menjelaskan tiga metode berbeda tentang cara menampilkan tanggal hari ini di WordPress. Pertama, saya akan menunjukkan kepada Anda salah satu dari beberapa plugin yang berfungsi dengan fungsi ini. Kemudian, saya akan memberikan tutorial singkat tentang cara membuat kode pendek Anda sendiri. Dan akhirnya, saya akan melengkapinya dengan dua cuplikan kode berbeda yang dapat Anda gunakan untuk menambahkan tanggal hari ini secara langsung ke file template tema Anda.
Mari kita menggali…
Cara Menampilkan Tanggal Hari Ini Dengan Plugin WordPress
Ada beberapa plugin berbeda yang dimaksudkan untuk memungkinkan Anda menampilkan tanggal hari ini di situs WordPress Anda. Tapi, yang membuat saya kecewa, tidak banyak dari mereka yang benar-benar berfungsi lagi. Setelah menguji beberapa yang tidak berfungsi dengan baik, akhirnya saya menemukan yang berfungsi dalam bentuk Widget Tanggal dan Waktu.
Tidak mengherankan, Widget Tanggal dan Waktu memberi Anda widget baru yang dapat Anda gunakan untuk memasukkan tanggal dan waktu saat ini ke area widget apa pun. Jika Anda lebih suka kode pendek daripada widget, saya akan menunjukkan cara membuat kode pendek tanggal hari ini sendiri di bagian berikutnya.
Plugin ini bagus karena memungkinkan Anda mengatur pemformatan, font dan ukuran font, serta beberapa warna khusus.
Untuk menggunakan plugin, Anda hanya perlu menginstal dan mengaktifkannya. Kemudian, buka Penampilan → Widget dan seret widget Tanggal dan Waktu baru seperti yang Anda lakukan lainnya:

Kemudian, Anda hanya perlu melalui dan mengonfigurasi setiap opsi:
- Format Waktu: Anda dapat memilih dari beberapa format waktu yang berbeda atau memilih Tidak Ada untuk menonaktifkan bagian ini (dan hanya menampilkan tanggal).
- Format Tanggal: pilih format yang ingin Anda gunakan untuk tanggal.
- Keluarga Font: pilih keluarga font fallback (widget harus mewarisi font tema Anda sebagai pilihan pertama).
- Ukuran Font: cukup jelas.
- Warna Teks: warna untuk semua teks dalam widget.
- Warna Latar Belakang: latar belakang untuk teks.
Saya akan membuat latar belakang menjadi hitam dan warna teks menjadi putih agar Anda dapat melihat bagaimana kedua elemen tersebut berfungsi.
Setelah Anda menyimpan widget Anda, Anda akan melihat tanggal hari ini di front-end:

Sangat mudah! Tetapi sebenarnya hampir sama mudahnya untuk membuat kode pendek Anda sendiri yang menampilkan tanggal saat ini. Berikut caranya:
Cara Membuat Kode Pendek untuk Menampilkan Tanggal Hari Ini di WordPress
Jika Anda lebih suka pendekatan yang lebih manual, Anda sebenarnya dapat membuat kode pendek Anda sendiri hanya dengan menggunakan beberapa baris kode. Secara pribadi, ini adalah metode pilihan saya karena memberi Anda fleksibilitas untuk memasukkan tanggal saat ini di bagian mana pun dari konten Anda, bukan hanya area widget.
Anda dapat menempatkan kode ini di:
- File functions.php dari tema anak Anda
- Plugin khusus yang Anda buat sendiri
Saya akan menunjukkan kepada Anda bagaimana melakukannya menggunakan functions.php karena itu adalah metode paling sederhana – Anda hanya perlu ingat untuk menyalin kode ini jika Anda pernah mengubah tema.
Untuk membuat kode pendek, Anda hanya perlu menambahkan kode ini ke file functions.php Anda:

function displayTodaysDate( $atts )
{
return date(get_option('date_format'));
}
add_shortcode( 'datetoday', 'displayTodaysDate');
Kode pendek akan menggunakan format tanggal yang sama dengan yang Anda atur di Pengaturan → Umum .
Setelah Anda menambahkan kode, Anda dapat menggunakan kode pendek [datetoday] di Editor WordPress atau Modul Kode Divi:

Dan itu akan menunjukkan tanggal saat ini di front-end mengikuti format di pengaturan WordPress Anda:

Anda juga dapat menambahkan pemformatan dasar ke tanggal Anda dengan menggunakan Editor TinyMCE. Misalnya, jika Anda menebalkan kode pendek, tanggal juga akan muncul dalam huruf tebal di bagian depan situs Anda.
Catatan – kode ini adalah versi koreksi dari kode Ben Poland dari Today's Date , sebuah plugin yang tidak lagi berfungsi karena ruang yang salah dalam fungsi kode pendek. Saya menemukan plugin Ben di direktori WordPress.org dan bermaksud menggunakannya untuk tutorial ini. Tetapi dalam pengujian, saya menemukan bahwa itu hanya berfungsi jika saya mengedit kode secara manual untuk menghapus spasi dari kode pendek.
Cara Menampilkan Tanggal Hari Ini Dengan Kode
Catatan – bagian ini benar-benar hanya ditujukan untuk orang-orang yang setidaknya agak akrab dengan kode dan tema WordPress. Jika Anda seorang pemula, saya sarankan Anda tetap menggunakan dua metode sebelumnya.
Terakhir, jika Anda ingin mengotori file template tema Anda, Anda juga dapat menggunakan satu baris PHP untuk memasukkan tanggal hari ini di mana saja di situs WordPress Anda.
Ada dua cuplikan kode berbeda yang dapat Anda pilih:
<?php echo date(get_option('date_format')); ?>Cuplikan di atas menampilkan tanggal saat ini sesuai dengan pengaturan WordPress Anda, seperti kode pendek.
Tetapi Anda juga dapat menentukan format tanggal yang unik dengan menggunakan sedikit kode ini:
<?php echo date('l jS F Y'); ?>Anda dapat mengetahui apa saja berbagai formatnya di artikel Codex WordPress ini.
Misalnya, jika Anda menambahkan kode tepat di bawah tag penutup </header> di file header.php Anda seperti ini:

Kemudian tanggal saat ini akan ditampilkan tepat di bawah header Anda di situs front-end Anda:

Anda mungkin perlu bermain-main dengan penentuan posisi – tetapi ini adalah cara mudah lain untuk menampilkan tanggal hari ini di situs WordPress Anda.
Untuk mendapatkan kontrol lebih, Anda dapat menempatkan kode di <div> dan kemudian menggunakan CSS untuk menata dan/atau memposisikan <div> itu di situs Anda.
Membungkus Semuanya
Meskipun bukan perubahan besar, menampilkan tanggal hari ini di situs WordPress Anda dapat berguna tergantung pada topik situs Anda.
Jika Anda ingin menampilkan tanggal hari ini di sidebar Anda (atau area widget lainnya), plugin Widget Tanggal dan Waktu akan menjadi pilihan terbaik Anda.
Jika tidak, saya sarankan membuat kode pendek Anda sendiri atau, jika Anda memiliki setidaknya beberapa keterampilan pengkodean dasar, menggali file template tema Anda.
Apakah kami melewatkan cara favorit Anda untuk menambahkan tanggal hari ini ke WordPress? Jangan ragu untuk membagikan saran Anda di bawah ini.
Gambar thumbnail artikel sebesar 32 piksel / shutterstock.com
