Jika teman-teman telah membuat website dengan WordPress sebagai blogger atau pengembang sebelumnya, Teman-teman pasti akan tahu bahwa sebagian situs besar yang dibangun oleh plugin luas yang dimuntahkan shortcode.

WordPress selalu tampak sedikit mudah dihack. Semuanya diperas ke dalam model Post, yang tubuhnya utama berisi lebih banyak jenis konten dan ad hoc jenis data, dan tergantung konten plugins apa yang telah teman-teman instal.

Namun, ini adalah cara kerjanya dan sejumlah besar tema, plugin, dan pengguna harus menjadi bukti keberhasilannya.

Itu adalah shortcode dari dokumentasi WordPress’ Kode pendek API. Shortcode mudah untuk membaca dan memahami. Meskipun sebagian besar dari mereka yang dihasilkan oleh alat UI, siapa pun bisa penulis mereka dengan tangan. Bahkan sebagai seorang blogger.

Ide shortcode adalah mereka menyediakan konten dan tata letak super sederhana bahasa. Ketika saya diminta untuk membantu membangun sebuah proyek yang memanfaatkan shortcode dalam aplikasi Vue.js themeable, saya cukup bersemangat untuk melihat bagaimana teman-teman bisa memetakan shortcode ini ke komponen Vue.js dan tata letak. Konsep ini bisa memberikan alat bagi pemilik situs untuk menyesuaikan situs di luar apa yang dicapai dengan CSS.

Aplikasi kita sedang membangun memiliki jumlah halaman. Setiap halaman memiliki beberapa daerah yang dapat disesuaikan; beberapa memiliki daerah yang lebih disesuaikan daripada yang lain. Misalnya, halaman checkout di toko web biasanya akan memiliki lebih sedikit pilihan kustomisasi dari halaman depan toko, di mana hampir semua konten dan tata letak dapat diubah dalam berbagai cara. Kami menyebutnya daerah slot ini.

Ide umum adalah untuk datang dengan sejumlah komponen dasar yang tema-pengembang dapat gaya dan memberikan tata letak dasar untuk. Struktur aplikasi tetap sama dalam hal halaman, tetapi tata letak dan konten di setiap slot dapat bervariasi. Untuk Part-2 kita akan membahas menghidupkan shortcode ke komponen Vue.js. Semoga bermanfaat.