Cara Menambahkan URL Dinamis ke CTA Anda dengan Divi & ACF

Saat membuat struktur situs web Anda, kemungkinan besar Anda ingin menyertakan CTA yang sama di beberapa halaman, posting, dan proyek. Tentu saja, Anda dapat menjaga agar URL tetap dekat dan menyalin-tempelnya saat Anda menggunakannya, tetapi itu belum tentu merupakan cara termudah untuk dilakukan. Sebelum Anda mulai membuat halaman, posting, dan proyek, Anda dapat menyiapkan daftar semua URL yang mungkin Anda perlukan, menetapkan nilai default untuknya, dan menggunakan nilai default pada item baru yang Anda buat.

Jika karena alasan apa pun URL berbeda pada halaman, pos, atau proyek tertentu, Anda dapat mengubahnya di dalam item itu sendiri tanpa menerapkannya ke seluruh nilai default bidang. Nilai default yang dilampirkan ke URL akan membantu Anda memulai saat membuat halaman, postingan, atau proyek baru. Dalam tutorial ini, kami akan menunjukkan kepada Anda langkah demi langkah bagaimana menuju ke sana!

Mari kita lakukan!

Ikhtisar Tutorial

• Pendekatan ini berfungsi paling baik jika Anda menambahkan grup bidang khusus ke situs web baru, tepat sebelum Anda mulai menambahkan halaman, posting, dan proyek
• Instal plugin Bidang Kustom Tingkat Lanjut di situs web WordPress Anda
• Di dalam plugin, Anda akan dapat mengatur grup bidang yang akan muncul di semua halaman, posting, dan proyek Anda
• Buat bidang URL terpisah untuk semua kemungkinan URL yang mungkin Anda perlukan di seluruh situs web Anda
• Tetapkan nilai default untuk masing-masing bidang; Nilai default ini akan secara otomatis muncul pada setiap halaman baru, posting atau proyek
• Pada halaman, posting, dan proyek yang ada, nilainya hanya akan muncul setelah Anda memasukkan backend dan menyimpan URL default
• Gunakan bidang URL di seluruh desain Divi Anda sebagai konten tautan dinamis (halaman, posting, proyek, templat)
• Jika Anda mengubah URL default di pengaturan bidang, URL default lama akan tetap berlaku di halaman, posting, dan proyek yang mewarisi nilai default sebelumnya

1. Instal & Aktifkan Plugin ACF

Hal pertama yang harus Anda lakukan adalah menginstal plugin Bidang Kustom Lanjutan di situs web Anda. Anda dapat mengunduh plugin di sini, atau hanya mencarinya di dalam dasbor WordPress Anda. Setelah Anda menginstal plugin, pastikan Anda mengaktifkannya juga sehingga Anda dapat segera memulai.

2. Siapkan Grup Bidang di Semua Posting, Halaman & Proyek

Sekarang, setelah plugin ACF diinstal, saatnya untuk membuat grup bidang URL. Grup ini akan berisi semua CTA yang akan Anda gunakan beberapa kali di halaman, postingan, dan proyek Anda. Buka Dasbor WordPress > Bidang Kustom > Tambah Baru .

Beri judul grup Anda dan lanjutkan dengan mengatur aturan. Kami memastikan grup bidang muncul di setiap jenis posting di situs web kami. Namun, jika Anda ingin tautan hanya muncul pada satu jenis posting tertentu, Anda dapat menyesuaikan aturan dengan kebutuhan Anda.

Tampilkan grup bidang ini jika:

• Jenis Posting – sama dengan – Posting atau
• Jenis Posting – sama dengan – Halaman atau
• Jenis Postingan sama dengan – Proyek

3. Tambahkan Bidang URL Berbeda dengan Nilai Default

Kami akan melanjutkan dengan menambahkan bidang URL yang berbeda. Seperti yang disebutkan sebelumnya, Anda memerlukan bidang URL terpisah untuk setiap URL yang Anda gunakan beberapa kali di seluruh jenis posting Anda. Untuk mengilustrasikan cara kerjanya, kita akan menambahkan tiga bidang URL yang berbeda. Salah satu bidang akan mengarahkan pengunjung ke halaman arahan galeri Divi, yang kedua akan mengarahkan pengunjung ke halaman kontak dan yang lainnya akan mengarahkan pengguna ke area anggota.

Jadi, katakanlah kita memulai dengan CTA yang mengarahkan orang ke halaman arahan galeri Divi. Kami akan menambahkan bidang baru untuk itu dan memberinya nama bidang yang dapat dikenali. Dengan begitu, begitu kita berada di dalam pembuat Divi, tidak ada kebingungan dalam memilih URL yang tepat.

Kami akan melanjutkan dengan menggulir ke bawah pengaturan bidang dan memilih 'URL' sebagai jenis bidang.

Hal berikutnya dan terakhir yang perlu Anda lakukan adalah menambahkan nilai default ke bidang. Di sinilah Anda akan menempatkan URL yang Anda inginkan untuk mengarahkan CTA Anda. Segera setelah Anda menambahkan nilai default ini, itu akan diterapkan secara otomatis ke setiap halaman, posting, dan proyek baru yang Anda tambahkan.

Ulangi langkah-langkah di atas untuk setiap bidang CTA yang Anda butuhkan di situs web Anda. Untuk contoh khusus ini, itu berarti kita membuat dua bidang tambahan; sekali untuk halaman kontak dan satu untuk area anggota.

Setelah semua bidang URL Anda ditambahkan, pastikan Anda menyimpan semua perubahan yang dibuat ke grup bidang Anda.

4. Tautkan Tombol Tautan ke URL Dinamis

Sekarang, saat memasukkan posting, halaman, atau proyek, Anda akan melihat grup bidang URL di bagian bawah. Jika karena alasan apa pun Anda ingin menggunakan URL yang berbeda pada halaman, pos, atau proyek tertentu, Anda dapat menambahkan URL lain di bidang tersebut. URL yang Anda tambahkan hanya akan berlaku untuk halaman, pos, atau proyek tertentu yang sedang Anda kerjakan. Di inti grup bidang, URL default akan tetap sama dengan yang Anda tambahkan saat membuat bidang.

Jika Anda menggunakan URL default, alihkan ke Visual Builder untuk mulai menautkan tombol dalam desain Anda ke URL yang benar.

Menambahkan URL dinamis ke tombol Divi Anda sangat sederhana. Buka tombol mana pun yang dapat Anda temukan di halaman Anda, buka pengaturan tautan, dan klik ikon konten dinamis.

Setelah Anda mengklik ikon dinamis, Anda akan menemukan daftar konten dinamis untuk dipilih. Dalam daftar itu, Anda juga akan melihat berbagai bidang URL muncul. Pilih bidang URL yang benar yang ingin Anda tautkan.

Ulangi langkah-langkah untuk setiap tombol di halaman Anda. Jika URL pada halaman, posting, atau proyek karena alasan apa pun berubah, Anda dapat kembali ke halaman, posting, atau proyek tertentu dan mengubah konten dinamis URL di backend.

Pendekatan yang sama juga diperhitungkan untuk menambahkan URL dinamis ke template Anda. Jika Anda ingin menambahkan URL dinamis ke tombol di templat posting blog Anda, misalnya, Anda dapat membuka pembuat tema situs web Anda dan membuka editor templat isi posting.

Lanjutkan dengan membuka pengaturan modul tombol, buka pengaturan tautan dan klik ikon konten dinamis.

Sekali lagi, menu tarik-turun akan muncul di mana Anda dapat memilih konten dinamis URL yang cocok dengan CTA.

Pastikan Anda mengubah semua perubahan pembuat tema setelah menambahkan URL dinamis juga!

Pikiran Akhir

Dalam posting ini, kami telah menunjukkan kepada Anda cara membuat URL dinamis, dan membuatnya tersedia di setiap halaman, posting, atau proyek di situs web Anda. Kami menggunakan konten dinamis Divi dalam kombinasi dengan plugin ACF. Kami dapat menetapkan nilai default dan menerapkan nilai URL tersebut ke CTA kami. Tutorial ini difokuskan untuk memungkinkan Anda menjadi seefektif mungkin saat membuat situs web dengan Divi! Jika Anda memiliki pertanyaan atau saran, jangan ragu untuk meninggalkan komentar di bagian komentar di bawah.

Jika Anda ingin mempelajari lebih lanjut tentang Divi dan mendapatkan lebih banyak gratisan Divi, pastikan Anda berlangganan buletin email dan saluran YouTube kami sehingga Anda akan selalu menjadi salah satu orang pertama yang mengetahui dan mendapatkan manfaat dari konten gratis ini.