Panduan Responsive Metabox WDP Link Post di Editor Undangan
Responsive Metabox WDP Link Post adalah antarmuka kontrol per-postingan yang tertanam di editor WordPress (Gutenberg & Elementor) untuk mengatur pemetaan domain spesifik setiap undangan pernikahan. Dilengkapi validasi ketersediaan nama secara real-time (Live AJAX Check), metabox ini memastikan proses penerbitan subdomain klien berlangsung cepat dan bebas kesalahan.
Integrasi Native di Editor Modern WordPress
Saat mendesain undangan pernikahan digital, vendor membutuhkan antarmuka yang menyatu secara alami dengan alur kerja desain:
- Tidak perlu berpindah ke menu admin lain hanya untuk menentukan nama link pengantin.
- Kompatibel penuh dengan kanvas layar penuh (Full Canvas) Elementor tanpa memicu error loading iframe.
- Menampilkan visualisasi tautan aktif secara transparan sehingga vendor dapat langsung menyalin tautan siap sebar segera setelah postingan diperbarui.
Anatomi Elemen Kontrol Metabox
Metabox WDP Link Post terdiri dari 4 kontrol utama yang tersusun secara ergonomis:
1. Toggle Pengaktifan (_wdplp_enable_subdomain)
- Fungsi: Menentukan apakah postingan ini akan diintersepsi oleh router domain atau dibiarkan menggunakan URL standar WordPress.
- Nilai:
'1'(Aktif) atau'0'(Non-aktif). - Rekomendasi: Nyalakan toggle ini untuk setiap postingan undangan yang ingin dipasangi subdomain atau custom domain pribadi.
2. Pemilih Tipe Mapping (_wdplp_mapping_type)
Menentukan tingkatan domain yang akan diterapkan pada postingan:
- Subdomain (Tier 1 & Tier 2): Menggunakan pola subdomain
{slug}.{base_domain}. - Custom Domain Pribadi (Tier 3): Memetakan domain mandiri pengantin
{custom_domain}ke postingan ini.
3. Bidang Input Slug & Live AJAX Verification
- Input Subdomain Slug (
_wdplp_subdomain_slug): Tempat mengetikkan nama tautan pengantin (contoh:andy-zhea). - Dropdown Base Domain (
_wdplp_base_domain): Memilih domain induk dari daftar Primary Base Domain atau Multi-Base Domain Pool yang aktif. - Indikator Ketersediaan AJAX:
- Lencana Hijau (Available): Menandakan slug tersedia dan belum pernah digunakan oleh postingan lain.
- Lencana Merah (Already Taken): Menandakan slug sudah digunakan oleh undangan lain, sehingga vendor perlu menambahkan variasi nama (misal:
andy-zhea-wedding).
4. Bilah Tautan Aktif & Pratinjau Cepat
Di bagian bawah metabox, sistem menampilkan alamat URL kanonikal yang terbentuk:
- Disertai tombol Copy Link untuk menyalin tautan ke clipboard dengan satu kali klik.
- Disertai tombol Buka di Tab Baru ↗ untuk langsung menguji tampilan undangan di peramban web.
Daftar Lengkap Metadata Postingan (wp_postmeta)
WDP Link Post mengisolasi seluruh data pengaturan ke dalam tabel metadata resmi WordPress tanpa mengubah struktur tabel basis data:
Meta Key (meta_key) | Tipe Nilai | Contoh Nilai | Deskripsi Teknis |
|---|---|---|---|
_wdplp_enable_subdomain | String (0 / 1) | 1 | Status aktif intersepsi router pada postingan. |
_wdplp_mapping_type | String | subdomain | Pilihan mode: subdomain atau custom_domain. |
_wdplp_subdomain_slug | String | andy-zhea | Slug nama subdomain pengantin. |
_wdplp_base_domain | String | websiteundangan.com | Domain induk yang dipilih untuk subdomain. |
_wdplp_custom_domain | String | andy-zhea.com | Nama domain pribadi pengantin untuk Tier 3. |
_wdplp_redirect_parent | String (0 / 1) | 1 | Proteksi pengalihan rute lama ke subdomain baru. |
Studi Kasus Nyata: Pengaturan Undangan Pasangan Andy & Zhea
Saat merancang undangan digital pasangan Andy & Zhea di Elementor:
- Langkah Kerja: Vendor membuka editor Elementor, menyelesaikan tata letak visual kanvas, lalu membuka panel WDP Link Post di bilah pengaturan halaman.
- Penyetelan: Vendor menyalakan toggle aktif, memilih tipe Subdomain, mengetikkan
andy-zhea, dan memilih base domainwebsiteundangan.com. - Verifikasi: Indikator AJAX seketika menyala hijau (Slug Tersedia). Vendor menekan tombol Update, lalu mengklik tombol Buka di Tab Baru. Halaman undangan langsung tampil elegan di alamat
https://andy-zhea.websiteundangan.com/.
Tips & Praktik Terbaik
Manfaatkan Tombol Copy Link untuk Diserahkan ke Klien: Gunakan tombol salin link langsung dari metabox untuk membagikan tautan preview kepada calon mempelai sebelum pengumuman resmi ke para tamu.
Hindari Mengetik Titik di Bidang Slug: Jangan mengetikkan
andy.zhea pada bidang input slug, karena titik akan membentuk subdomain bertingkat ganda yang membutuhkan konfigurasi SSL multi-level terpisah. Gunakan tanda strip andy-zhea.Pertanyaan yang Sering Diajukan (FAQ)
Di mana letak kotak pengaturan WDP Link Post di editor postingan WordPress?
Metabox WDP Link Post disematkan secara terintegrasi pada panel bilah samping kanan (Document Inspector) dan di bagian bawah area kerja editor Gutenberg maupun Elementor.
Apa fungsi tombol toggle Aktifkan Domain Mapping?
Toggle ini mengaktifkan meta key _wdplp_enable_subdomain. Jika dimatikan (OFF), postingan undangan akan diakses melalui URL standar WordPress (/nama-postingan/).
Bagaimana cara kerja validasi ketersediaan slug (Live AJAX Check)?
Saat Anda mengetikkan nama slug di metabox, sistem secara otomatis mengirimkan request AJAX ke REST API internal untuk memastikan nama subdomain tersebut belum pernah digunakan oleh postingan lain.
Apakah pengaturan metabox otomatis tersimpan saat menekan Update di Elementor?
Ya. Data metabox otomatis tersimpan ke dalam tabel wp_postmeta setiap kali Anda menekan tombol Publish, Update, atau Save Draft pada editor WordPress dan Elementor.
Bisakah saya mengubah tipe mapping dari Subdomain ke Custom Domain kapan saja?
Bisa. Anda cukup mengubah pilihan radio button di metabox, memasukkan custom domain baru pengantin, lalu memperbarui postingan.