Setelah berhasil menambahkan dan menyimpan custom field ke dalam database saat pendaftaran pengguna di WordPress, langkah berikutnya adalah menampilkan custom field di halaman profil pengguna.
Dengan begitu, admin dan pengguna dapat melihat dan mengedit informasi tambahan yang dimasukkan selama pendaftaran.
Dengan bantuan hook WordPress, kita dapat menambahkan atau menampilkan informasi di halaman profil pengguna. Dua hook yang paling umum digunakan untuk tujuan ini adalah show_user_profile dan edit_user_profile.
Dengan bantuan hook WordPress, kita dapat menambahkan atau menampilkan informasi di halaman profil pengguna.
Dua hook yang paling umum digunakan untuk tujuan ini adalah show_user_profile dan edit_user_profile. Ini akan membahas cara menampilkan kolom khusus di halaman profil pengguna, serta apa yang harus kamu lakukan untuk memastikan bahwa itu berfungsi dengan baik.
Menampilkan custom field di halaman profil pengguna berguna untuk berbagai keperluan, seperti:
Baca Juga : 10 Cara Mendapatkan User ID Pada WordPress
show_user_profileKamu dapat menggunakan hook show_user_profile dan edit_user_profile untuk menampilkan field pribadi pada halaman profil pengguna. Hook ini memungkinkan kita untuk menambahkan field tambahan ke halaman profil pengguna di dashboard WordPress.
Sebagai contoh, berikut adalah cara menampilkan field "Nama Depan" (first_name) yang sebelumnya telah disimpan ke dalam database:
show_user_profile dan edit_user_profile: Kedua hook ini digunakan untuk menampilkan custom field di halaman profil pengguna. Hook show_user_profile digunakan untuk menampilkan field saat pengguna melihat profil mereka sendiri, sedangkan edit_user_profile digunakan saat admin mengedit profil pengguna lain.get_the_author_meta(): Fungsi ini digunakan untuk mengambil nilai meta pengguna yang disimpan di database. Dalam hal ini, kita mengambil nilai first_name yang disimpan di tabel usermeta.esc_attr(): Fungsi ini digunakan untuk memastikan bahwa data yang ditampilkan aman dari karakter berbahaya, mencegah potensi serangan injeksi HTML atau JavaScript.Baca Juga : Meningkatkan Kecepatan Website Elementor Kamu
Jika kamu ingin menampilkan lebih dari satu custom field di halaman profil, seperti "Nama Belakang" (last_name) dan "Nomor Telepon" (phone_number), berikut adalah contoh kode yang lebih lengkap:
Dengan kode ini, Kamu dapat menampilkan beberapa field sekaligus di halaman profil, memberikan fleksibilitas lebih untuk menyimpan dan mengelola informasi pengguna.
Setelah menampilkan kolom khusus di halaman profil, langkah penting berikutnya adalah memastikan bahwa data dapat disimpan kembali jika pengguna atau administrator mengeditnya. Untuk melakukan ini, kamu perlu menggunakan hook personal_options_update dan edit_user_profile_update.
Berikut adalah contoh kode untuk menyimpan perubahan yang dilakukan pada custom field:
Kode di atas memastikan bahwa ketika profil pengguna diperbarui, data yang dimasukkan ke dalam custom field akan disimpan ke database menggunakan fungsi update_user_meta().
Langkah penting dalam memanfaatkan data tambahan yang dimasukkan selama pendaftaran adalah menampilkan kolom khusus di halaman profil pengguna WordPress.
Kamu dapat menambahkan field seperti "Nama Depan", "Nama Belakang", atau "Nomor Telepon" ke halaman profil dengan menggunakan hook show_user_profile dan edit_user_profile.
Kamu juga dapat memastikan bahwa hook personal_options_update dan edit_user_profile_update tersimpan dengan baik di database.
Referensi :
Sumber Photo : Pankaj Patel on Unsplash