Panduan Pemformatan Tanggal dan Waktu di Divi

Menampilkan Tanggal dan Waktu di situs web Anda adalah salah satu hal yang kebanyakan orang tidak benar-benar pikirkan. Kami cenderung tetap menggunakan format default untuk tanggal publikasi pada metadata postingan. Dan, jika kami punya waktu, kami akan menambahkan tahun ini secara dinamis ke bilah footer di sebelah teks hak cipta.

Namun, memahami cara memformat tanggal dan waktu sangat berguna. Ini memberi Anda kebebasan untuk membuat tanggal lebih mudah dibaca oleh pengguna. Misalnya, "Pada hari Senin tanggal 23 Mei 2020" sedikit lebih hangat (dan lebih manusiawi) daripada tampilan tanggal minimal seperti "23/5/20". Meskipun yang terakhir memang memiliki tempatnya. Hal yang sama berlaku untuk memformat waktu saat ini di situs web. Beberapa situs mungkin mendapat manfaat dari tampilan 12 jam seperti "20:30" sementara yang lain (seperti situs militer atau medis) lebih suka tampilan 24 jam seperti "20:30".

Divi dan WordPress memberi Anda kontrol yang mengejutkan atas pemformatan tanggal dan waktu yang tersedia di PHP. Dalam tutorial ini, kami akan membantu Anda memahami cara menampilkan, memformat, dan menata tanggal dan waktu di Divi. Anda akan dapat memberikan posting blog format khusus untuk tanggal penerbitan atau bahkan menambahkan elemen dinamis ke ajakan bertindak untuk sentuhan yang lebih pribadi (yaitu "Selamat Senin ! Lihat kesepakatan baru kami.").

Mari kita mulai!

Unduh Panduan Pemformatan Tanggal dan Waktu Tata Letak Divi GRATIS

Untuk membantu mendapatkan lompatan pada pemformatan tanggal dan waktu di Divi, unduh tata letak Panduan Pemformatan Tanggal dan Waktu yang bermanfaat ini. Ini mencakup contoh setiap format tanggal/waktu yang digunakan sebagai konten dinamis dalam modul teks Divi sehingga Anda dapat melihat langsung bagaimana masing-masing berfungsi pada halaman langsung.

Untuk mengetahui panduan pemformatan tanggal dan waktu, Anda harus mengunduhnya terlebih dahulu menggunakan tombol di bawah. Untuk mendapatkan akses ke unduhan, Anda harus berlangganan daftar email Divi Daily kami dengan menggunakan formulir di bawah ini. Sebagai pelanggan baru, Anda akan menerima lebih banyak kebaikan Divi dan paket Tata Letak Divi gratis setiap hari Senin! Jika Anda sudah ada dalam daftar, cukup masukkan alamat email Anda di bawah ini dan klik unduh. Anda tidak akan "berlangganan ulang" atau menerima email tambahan.

Unduh File

Unduh Gratis

Bergabunglah dengan Divi Newsletter dan kami akan mengirimkan email kepada Anda salinan Paket Tata Letak Halaman Arahan Divi terbaik, ditambah banyak sumber daya, tip, dan trik Divi yang luar biasa dan gratis. Ikuti dan Anda akan menjadi master Divi dalam waktu singkat. Jika Anda sudah berlangganan cukup ketik alamat email Anda di bawah ini dan klik unduh untuk mengakses paket tata letak.

UNDUH

Anda telah berhasil berlangganan. Silakan periksa alamat email Anda untuk mengonfirmasi langganan Anda dan dapatkan akses ke paket tata letak Divi mingguan gratis!

Untuk mengimpor tata letak bagian ke Perpustakaan Divi Anda, navigasikan ke Perpustakaan Divi.

Klik tombol Impor.

Di popup portabilitas, pilih tab impor dan pilih file unduhan dari komputer Anda.

Kemudian klik tombol impor.

Setelah selesai, tata letak bagian akan tersedia di Divi Builder.

Langsung saja ke tutorialnya ya?

Karakter Format yang Tersedia untuk Menampilkan Tanggal dan Waktu

Seperti disebutkan sebelumnya, Divi memanfaatkan format tanggal dan waktu bawaan WordPress. Tetapi sebelum kita masuk ke cara memformat tanggal dan waktu di Divi, ada baiknya untuk memahami karakter pemformatan yang tersedia bagi kita.

Di bawah ini adalah daftar karakter format yang tersedia yang dapat digunakan bersama (atau digabungkan) untuk membuat format tanggal dan waktu kustom. Ini akan berguna ketika bereksperimen dengan format unik untuk tanggal dan waktu di situs Divi Anda.

Pemformatan Tanggal

Karakter format HARI

• d = Hari dalam sebulan, 2 digit dengan nol di depan (“02”, “22”)
• D = Hari dalam sebulan dalam tiga huruf (“Jun”, “Jul”)
• l (huruf kecil “L”) = Hari dalam seminggu, kata lengkap (“Senin”, “Selasa”)
• N = ISO-8601 numerik hari dalam seminggu (“1” untuk Senin dan “7” untuk Minggu)
• S = akhiran untuk hari dalam sebulan; gunakan dengan j ("nd", "st", "rd")
• w = Numerik hari dalam seminggu (“0” untuk hari Minggu dan “6” untuk hari Sabtu)
• z = Hari dalam setahun, mulai dari 0 (mis. “173” atau “ini adalah hari ke-173 dalam setahun”)

Karakter format WEEK

• W = 26 (jumlah minggu dalam setahun, minggu yang dimulai pada hari Senin; yaitu. "ini adalah minggu ke-26 dalam setahun")

Karakter format BULAN

• F = Representasi tekstual lengkap dari satu bulan (“Januari” atau “Maret”)
• m = Bulan numerik, dengan nol di depan (Juni ditampilkan sebagai “06”)
• M = Bulan dalam tiga huruf (Maret ditampilkan sebagai “Mar”)
• n = Bulan numerik, tanpa nol di depan (Juni ditampilkan sebagai “6”)
• t = Jumlah hari dalam bulan tertentu (Jika Juni akan menampilkan “30”)

Karakter format TAHUN

• Y = 2020 (4 digit tahun numerik; mis. “2020”)
• y = 20 (2 digit angka tahun; mis. “20”)

Contoh String Format Tanggal

• Mj, Y = 22 Jun 2020
• F d, Y = 22 Juni 2020
• m/d/Y = 22/06/2020
• mdY = 22-06-2020
• j M, Y = 22 Juni 2020
• l, M d = Senin, 22 Juni
• l, F jS, Y = Senin, 22 Juni 2020
• m · d · y = 06 · 22 · 20

Pemformatan Waktu

Karakter format WAKTU

• a = (huruf kecil “am” atau “pm”)
• A = PM (huruf besar “AM” atau “PM”)
• g = Jam, 12-jam, tanpa nol di depan (“1-12”)
• h = Jam, 12-jam, dengan nol di depan (“01-12”)
• G = Jam, 24 jam, tanpa nol di depan (“0-23”)
• H = Jam, 24 jam, dengan nol di depan (“00-23”)
• i = 10 (Menit, dengan nol di depan (“00-59”)
• s = 52 (Detik, dengan nol di depan (“00-59”)
• T = Zona Waktu (“CDT”, “EST”)

Contoh String Format Waktu

• g:ia = 16:10
• g:i:sa = 16:10:52 sore

String Format Tanggal + Waktu

• Y/m/dg:i:s A = 22/06/2020 16:10:52
• Mj, Y @ G:i = 22 Jun 2020 @ 16:10

Keluar dari String Format dengan "\" untuk Menggabungkan Teks/Karakter Tambahan

Ini adalah trik yang sangat membantu untuk menyesuaikan tampilan tanggal dan waktu. Cukup tambahkan “\" sebelum setiap karakter/huruf yang ingin Anda sertakan dalam format string dan karakter tersebut akan ditampilkan seperti biasanya (di luar string). Jadi, "/T/h/e" akan membuat kata "The" dalam format string alih-alih elemen tanggal/waktu yang sebenarnya seperti Timezone ("T") atau jam ("h").

• D \a\t ga = Sen jam 4 sore
• \T\h\e dS \d\a\y \o\f F = Tanggal 22 Juni

Memformat Tanggal dan Waktu dengan Divi

Mengubah Format Tanggal Default di Seluruh Situs

Jika Anda ingin mengubah format tanggal dan waktu default di seluruh situs, WordPress memiliki opsi bawaan untuk ini. Dari Dasbor WordPress Anda, navigasikan ke Pengaturan> Umum. Di sana Anda akan melihat opsi untuk mengubah zona waktu default, format tanggal, dan format waktu.

Divi sebenarnya menggunakan format default yang sama ketika Anda menambahkan tanggal atau waktu menggunakan konten dinamis dengan Divi Builder (seperti tanggal publikasi posting dan tanggal saat ini).

Jika Anda menggunakan tata letak posting blog default Divi (bukan tata letak khusus yang dibuat dengan Divi Builder), Anda dapat memasukkan string format tanggal khusus yang akan digunakan untuk semua posting blog di seluruh situs. Anda dapat menemukan opsi format tanggal dengan menavigasi ke Divi > Opsi Tema dan gulir ke bawah halaman di bawah tab Umum.

Menariknya, Anda bahkan dapat memasukkan karakter format waktu untuk menampilkan waktu posting diterbitkan.

Menggunakan Konten Dinamis Divi untuk Memformat dan Menampilkan Tanggal dan Waktu

Saat menggunakan Divi Builder, Anda memiliki opsi untuk menambahkan tanggal saat ini atau tanggal publikasi posting sebagai konten dinamis ke modul apa pun. Ini adalah cara yang bagus untuk mengganti format tanggal dan waktu default berdasarkan kasus per kasus, serta menambahkan gaya kustom teks tanggal/waktu.

Untuk menambahkan tanggal publikasi posting atau tanggal saat ini sebagai konten dinamis ke halaman Anda di Divi, cukup tambahkan modul teks ke halaman.

Kemudian pilih ikon konten dinamis sambil mengarahkan kursor ke kotak konten.

Setelah tanggal dinamis ditambahkan ke konten modul, Anda dapat mengklik untuk mengedit tanggal dinamis untuk penyesuaian lebih lanjut. Pengaturan tambahan ini mencakup opsi untuk menambahkan konten sebelum dan sesudah ke tampilan tanggal serta opsi untuk menyesuaikan format tanggal.

Format Tanggal Bawaan Divi

Di bawah tarik-turun format tanggal, Anda akan menemukan format tanggal yang telah dibuat sebelumnya yang dapat Anda pilih.

• Mj, Y = 22 Jun 2020
• F d, Y = 22 Juni 2020
• m/d/Y = 22/06/2020
• mdY = 22-06-2020
• j M, Y = 22 Juni 2020
• l, M d = Senin, 22 Juni

Menambahkan Format Tanggal/Waktu Kustom

Untuk membuat format tanggal/waktu kustom, pilih opsi kustom dari dropdown. Setelah Anda memilih opsi khusus, Anda akan memiliki kotak input yang tersedia di mana Anda dapat mengerjakan keajaiban Anda dengan menambahkan kombinasi karakter format yang tersedia untuk membuat string format yang sempurna untuk tanggal, waktu, atau keduanya.

Proses yang sama ini dapat digunakan untuk menambahkan waktu saat ini atau waktu publikasi posting. Cukup tambahkan karakter pemformatan waktu di dalam kotak Format Tanggal Kustom.

Setelah Anda memiliki konten, Anda dapat menggunakan pengaturan desain bawaan Divi, di bawah tab desain modul teks, untuk menyesuaikan teks isi sesuka Anda. Format tanggal/waktu dinamis akan mengadopsi gaya teks isi.

Contoh yang Lebih Bermanfaat

Tahun Hak Cipta

Pemformatan Tanggal dan Waktu berguna untuk membuat tahun hak cipta yang dinamis untuk footer global situs Divi Anda. Berikut adalah format khusus yang dapat Anda gunakan untuk menampilkan info hak cipta dengan tahun dinamis dalam satu modul teks.

Tambahkan tanggal saat ini sebagai konten dinamis ke modul teks. Kemudian edit konten dinamis dengan yang berikut:

• Sebelumnya: ©
• Setelah: Perusahaan | Seluruh hak cipta.
• Format Tanggal Kustom: Y

Ajakan Bertindak Dinamis

Anda juga dapat menambahkan format tanggal atau waktu dinamis (sebaris) ke ajakan bertindak atau judul di situs web Divi Anda. Untuk melakukan ini, tambahkan tanggal saat ini sebagai konten dinamis ke modul teks. Kemudian perbarui yang berikut ini:

• Sebelum:

  <h1>It's

• Setelah:

  ... <br>Time to Design!</h1>

• Format Tanggal Kustom: l … \a\f\t\e\rga

Perhatikan bahwa header h1 ditambahkan ke elemen menggunakan tag html di input sebelum dan sesudah. Kata "Selasa" ditampilkan oleh "l" di kotak format tanggal khusus, diikuti oleh kata "setelah" menggunakan "\" untuk keluar dari string format. Kemudian "g" dan "a" digunakan untuk menampilkan "6 sore"

Anda kemudian dapat menyesuaikan gaya heading h1 di bawah tab desain.

Pikiran Akhir

Semoga posting ini memiliki (dan terus menjadi) panduan yang bermanfaat tentang cara memformat tanggal dan waktu di Divi. Jika Anda seperti saya, mata Anda telah terbuka pada beberapa opsi pemformatan mengejutkan yang dapat Anda capai tanpa plugin dan dengan kode khusus!

Saya berharap untuk mendengar dari Anda di komentar.

Bersulang!