Pembuatan aplikasi website company profil juga tentu sangat diperhatikan untuk mengurangi waktu pembuatan program, dan fokus pada fungsi.
Pada presentasi ini menawarkan fitur builder dimana kita tidak perlu lagi untuk membuat CRUD dari awal, semua sudah diproses oleh sistem.
Dinamisnya pembuatan field, taxonomy, integrasi sampai ke ukuran image sudah menjadi fitur dasar untuk menghasilkan menu sesuai dengan komponen apa saja yang didaftarkan.
Kunjungi:
tinjauaja.com
2. To-do
01 Tentang aplikasi
02 Latar belakang aplikasi
03 Apa itu sites builder
04 Pengunaan Site Builder
05 Closing
3/17/2024 2
3. 01
Tentang aplikasi
Aplikasi Compro v1 ini adalah versi awal
sebagai compro generator, yang dimana
aplikasi ini akan membuat suatu halaman
postingan yang bisa dinamis atau
disesuaikan dengan keperluan, seperti
generate field, kategori, tags, mengatur
nama menu, tipe menu, ataupun slug.
3/17/2024 3
5. Di dalam admin kita ingin membuat menu seperti
berita dan disampingnya terdapat keterangan
primary itu merupakan tipe data utama, sebagai
parent menu.
Lalu berita gereja dan mesdinar adalah sub menu
dari berita karena ia bertipe master. Nah disini
saya sudah tidak menuliskan lagi navigasi berita,
berita gereja, dan berita mesdinar, saya buat
langsung dari aplikasi, dan tidak koding lagi.
tinjauaja.com
3/17/2024 5
6. • Side builder berguna untuk membuat segala kostumisasi kita,
dan ini dapat menghasilkan menu secara dinamis.
3/17/2024 6
03
Site
Builder
7. Builder Nav tab menu – untuk konfigruasi posting
01
02
03
04
05
06 Posting Config
Disini kita bisa memilih input field apa
saja yang ada di postingan seperti tipe
text, editor, gutenberg dan validasi tipe
field required atau tidak.
Post icons created by Smashicons -
Flaticon
Taxonomy Config
Kita bisa menambahkan input kategori
berupa select, Dimana kategori juga
bisa disikan secara dinamis.
Category icons created by bayu015 -
Flaticon
Wocommerce
Jika ingin mengintegrasikan
woocomerce pastika sudah memilki
key woccomerce. (Tab ini bersifat
opsional)
Ecommerce icons created by
vectorspoint - Flaticon
Image Config
Kita bisa setting ukuran image untuk
rekomendasi, supaya gambar optimal
dengan bentuk postingan di front end.
Picture icons created by Freepik -
Flaticon
General Setting
Disini kita bisa mengisi menu title, slug
menu, icon untuk menu (muncul di
sidebar) dan pilih tipe menu (Primary
ataupun master)
General icons created by Vectors Tank
- Flaticon
Submit
Apabila sudah mengisi tab yang wajib,
maka kita bisa submit dan menu
beserta konfigurasinya akan terbuat.
Submit icons created by Freepik -
Flaticon
9. 3/17/2024 9
Tampilan tab menu site general, berisi menu title untuk
memberikan judul menu dan muncul pada sidebar, slug untuk
memberikan identitas untuk menu selain id, icon berisi gambar
tampil sebelum tulisan menu, dan tipe berguna untuk mengatur
tipe parent atau child.
10. 3/17/2024 10
Tampilan tab menu site posting, kita bisa mengatur field sesuai
keperluan, disini saya membutkan inputan dengan nama konten
dan tipenya Gutenberg, dan validasi required. Jad nantinya
postingan kita akan muncul editor Gutenberg, nama labelnya
adalah konten kemudian wajib diisi.
11. 3/17/2024 11
Tampilan tab menu taxonomy configuration, jika kita ingin
menampilkan kategori yang sebelumnya kita buat, kita bisa
langsung memilih pada taxonomy configuration, dan kita bisa
tambahkan kategori tersebut secara dinamis di halaman posting
kita nanti.
12. 3/17/2024 12
Tampilan tab menu site image, kita bisa menetapkan
ukuran gambar di saat kita akan posting, nantinya
rekomendasi image ini akan mengoptimalkan ukuran
gambar yang akan terpasang pada front end.
13. 3/17/2024 13
Tampilan tab menu woocommerce configuration, jika ingin
mengintegrasikan dengan woocommerce pastikan sudah
memenuhi dengan syarat dan ketentuan plugin ini, lalu kita
proses pada form untuk validasi.
14. 3/17/2024 14
Tampilan tab menu submit, jika sudah yakin silahkan
simpan konfigurasi maka akan menghasilkan menu sesuai
dengan inputan yang telah kita setup.
15. 3/17/2024 15
Tampilan menu berita gereja, berisi datatables, counter
untuk melacak data posting, lalu untuk membuat posting
yaitu dengan create post.
16. 3/17/2024 16
Hasil dari konfigurasi menu yang telah kita setup pada
menu builder, meliputi konten dengan tipe Gutenberg,
kemudian taxonomy waktu posting di bawah browse,
kemudian image, terakhir validasi.
18. Summary
Terima kasih
Program ini masih jauh dari sempurna, dan akan
Kembali untuk versi 1 yang lebih stabil.
Kritik dan Saran
Silahkan untuk kritik dan saran, supaya ke depan lebih baik.
Blog
Kunjungi blog saya pada tinjauaja.com
3/17/2024 18