Cara Mendesain Situs WordPress Anda dengan Konten Dinamis

Cara Mendesain Situs WordPress Anda dengan Konten Dinamis

Bagaimana saya bisa membuat situs web saya terlihat profesional? Ini adalah pertanyaan banyak calon pembuat situs web bertanya pada diri sendiri ketika mereka merencanakan proyek mereka. Jawaban yang jelas akan mencakup peningkatan desain atau menambahkan banyak fitur mewah.


Namun pada kenyataannya, salah satu cara paling efektif untuk benar-benar meningkatkan situs web dasar Anda dan menjadikannya situs web profesional dan khusus adalah dengan menambahkan konten dinamis. Konten dinamis akan memberi pengguna Anda pengalaman yang jauh lebih memuaskan di situs web Anda.

Intro Konten Dinamis

Apa itu Konten Dinamis??

Konten dinamis mengacu pada konten web interaktif yang berubah tergantung pada waktu, lokasi, dan pengguna. Ketika seorang pengguna menavigasi situs web dinamis WordPress akan menarik informasi yang benar dari database untuk ditampilkan kepada pengguna tergantung pada halaman apa mereka berada.

Dengan konten statis, apa yang Anda lihat di front-end tidak akan berubah. Bahkan, Anda kemungkinan besar akan membutuhkan bantuan pengembang jika Anda ingin mengubahnya. Namun, dengan konten dinamis, pemilik situs web dapat mengedit semuanya di back-end secara instan tanpa coding. Ini berarti bahwa informasi dapat berubah sesuai dengan apa yang dilihat pengguna, memberikan pengalaman yang jauh lebih interaktif.

Sebagai ilustrasi, jika Anda berada di situs web gym, Anda mungkin ingin melihat berbagai gym yang tersedia. Tentu saja, setiap gym akan memiliki informasi yang berbeda seperti nama, alamat, dan daftar fasilitasnya sendiri. Karena itu, ketika Anda mengklik pada setiap gym Anda akan melihat konten berbeda yang terkait dengan itu yang tidak akan Anda temukan di halaman lain.

Balance Gym

Klub Energi

Keuntungan Konten Dinamis

Konten dinamis membawa banyak keuntungan bagi situs web Anda yang tidak bisa ditawarkan oleh konten statis.

  • Pengalaman pengguna yang lebih baik. Pengguna akan dapat melihat konten yang disesuaikan dengan mereka seperti berbagai penawaran yang akan berubah sesuai dengan perilaku mereka.
  • Tingkatkan KPI Anda. Dengan konten dinamis, Anda dapat meningkatkan konversi dan mengurangi rasio pentalan di situs web Anda dengan membuat konten khusus.
  • Navigasi yang lancar. Konten dinamis memberikan pengalaman yang mulus melalui situs web dibandingkan dengan konten statis karena Anda dapat dengan mudah menemukan konten yang Anda cari.
  • Mudah diperbarui. Anda cukup mengedit halaman Anda di WordPress back-end tanpa perlu menyewa seorang pengembang ahli.
  • Menanggapi ukuran layar. Situs web yang dinamis mudah beradaptasi dengan berbagai ukuran layar dibandingkan dengan yang statis.

Ada dua cara yang kami sarankan agar Anda membuat konten dinamis. Di bawah ini kami akan menunjukkan kepada Anda dua opsi dan bagaimana Anda bisa membuat situs web dengan keduanya.

1. Buat Konten Dinamis dengan Blok Toolset & Gutenberg

Toolset

Info & Unduh

Peluncuran Blok Toolset menawarkan cara baru untuk membuat konten dinamis di WordPress menggunakan editor bloknya, Gutenberg.

Sejak diluncurkan setahun yang lalu, Gutenberg telah meningkat secara signifikan untuk menawarkan cara yang sederhana dan intuitif bagi Anda untuk merancang dan mengimplementasikan situs web Anda. Bagian terbaiknya adalah non-coders sekarang dapat dengan mudah membangun apa yang mereka pikirkan dengan menggunakan Gutenberg dan plugin terintegrasi.

Ini termasuk konten dinamis yang dapat dibuat oleh pembuat situs web dengan Gutenberg berkat Blok Toolset.

Bagaimana Cara Kerja Toolset Blok?

Blok Toolset adalah plugin baru yang dapat Anda gunakan di dua bidang:

  1. Buat kustom, fitur canggih seperti templat konten, arsip dan Tampilan.
  2. Mendukung sumber dinamis untuk blok yang membuat bidang khusus dan taksonomi tersedia untuk ditampilkan pada halaman Anda.

Oleh karena itu, Anda dapat menggunakan Blok Toolset untuk menambahkan konten dinamis dengan mudah ke posting, halaman, atau template apa pun tanpa pengkodean apa pun.

Di bawah ini saya telah membuat contoh templat konten untuk situs web demo gym yang memastikan setiap posting gym memiliki desain yang sama tetapi konten yang berbeda berkat konten dinamis.

Templat Konten Toolset

Cara Membuat Template Konten dengan Konten Dinamis menggunakan Blok Toolset

Mari kita buat templat untuk jenis posting khusus Gym di situs web kami.

Kamu akan membutuhkan instal Blok Toolset sebelum Anda mulai dan pastikan Anda tahu dasar-dasar penggunaan editor Gutenberg.

Ada dua sumber utama dari mana Anda dapat menggambar konten dinamis menggunakan Blok Toolset. Anda dapat menggunakan sumber dari pos saat ini atau dari bidang khusus. Di bawah ini kita akan melihat kedua opsi untuk menunjukkan kapan Anda mungkin perlu menggunakannya.

Menampilkan Konten Dinamis dari Posting Saat Ini

Menuju ke Toolset> Dasbor dan klik Buat Template Konten opsi di sebelah jenis posting yang Anda inginkan untuk membuat templat konten.

Buat Template Konten

Kami sekarang dapat mulai menambahkan blok kami untuk membuat templat konten kami. Coba bayangkan saya ingin menambahkan gambar. Pertama Anda memilih + opsi di kiri atas untuk menambahkan blok.

Toolset, Buat Blok

Gulir ke bawah hingga Anda menemukan daftar blok Toolset dan tambahkan Blok gambar.

Blok Gambar Toolset

Anda sekarang akan melihat pertanyaan yang mendorong Anda jika Anda ingin menggunakan Sumber Dinamis atau tidak. Klik Iya.

Sumber Gambar Dinamis Toolset

Pilih sumber untuk gambar Anda. Ini menentukan konten apa yang akan ditarik WordPress, tergantung pada opsi apa yang Anda pilih. Saya ingin menampilkan gambar unggulan setiap gym di dalam blok jadi saya akan memilih Data Gambar Unggulan pilihan.

Toolset Menampilkan Gambar Gambar

Di bilah sisi kanan Anda dapat menyesuaikan gambar lebih jauh jika Anda ingin mengubah sumber konten dinamis atau gaya gambar, misalnya.

Pengaturan Gambar Toolset

Menampilkan Konten Dinamis dari Bidang Kustom

Kami dapat menggunakan templat konten yang sama seperti sebelumnya untuk membuat blok dengan konten dinamis dari bidang khusus. Kali ini saya akan menambahkan bidang khusus untuk peringkat setiap gym sebagai konten dinamis.

Kepala ke daftar blok Toolset dan tambahkan Blok bidang tunggal.

Toolset Blok Bidang Tunggal

Di bilah sisi di kanan bawah Sumber Lapangan, pilih menu Tanah adat jenis bidang.

Di bawah Grup Bidang Kustom pilih menu Gyms jenis posting. Perhatikan bahwa ini akan menjadi jenis pos kustom mana pun yang ingin Anda tarik bidangnya.

Di bawah Tanah adat tarik turun pilih bidang khusus yang ingin Anda tampilkan. Saya telah memilih Peringkat pilihan.

Toolset Posting Bidang Kustom

Jika Anda beralih di antara berbagai posting gym di front-end, Anda akan melihat bahwa setiap posting menampilkan harga yang benar untuk gym tersebut berkat konten dinamis. Perhatikan bagaimana kami tidak perlu menggunakan pengkodean apa pun untuk membuat konten dinamis kami.

Saya menambahkan beberapa blok lain dengan konten dinamis ke template konten saya. Lihat bagaimana tampilannya sekarang di front-end.

Contoh Gym Toolset

2. Membuat Konten Dinamis dengan Total

Cara lain yang sama efektifnya untuk membuat konten dinamis adalah dengan menggunakan tema Total untuk membuat templat posting dinamis bawaan.

Apa Fitur Yang Total Menawarkan?

Total adalah salah satu tema terpopuler di WordPress dan dilengkapi dengan sejumlah fitur yang dapat Anda atur dengan mudah tanpa harus mengunduh banyak plugin untuk melakukan tugas-tugas ini..

  • Pengimpor demo yang mudah – Ubah situs kosong Anda menjadi situs web yang berfungsi penuh dengan konten dalam satu klik saat Anda memilih untuk mengimpor salah satu dari total 40+ demo pra-bangun.
  • Seret & letakkan pembuat halaman – Total terintegrasi dengan pembuat halaman WPBakery populer untuk memberi Anda pembangun drag & drop yang intuitif sehingga Anda dapat membangun situs web Anda dengan mudah.
  • 100-an elemen pembangun halaman – Manfaatkan total ratusan elemen pembangun halaman untuk menyesuaikan halaman Anda.
  • Mudah dikustomisasi – Gunakan pengaturan penyesuai langsung untuk mengubah sejumlah elemen di situs Anda termasuk warna, font, lebar dan banyak lagi.
  • Ramah pengembang – Total hadir dengan sejumlah kait dan filter bawaan sehingga memudahkan Anda untuk memodifikasi tema Anda dengan 450+ cuplikan yang tersedia dari dokumentasi online.

Dan, tentu saja, Anda dapat membuat konten dinamis menggunakan Total. Di bawah ini mari kita tunjukkan contoh dari apa yang dapat Anda capai dengan membuat item portofolio sederhana menjadi dinamis.

Cara Membuat Template Konten Dinamis dengan Total

Menuju ke Komposer Visual> Templat dan klik Tambah baru. Selanjutnya beri nama templat Anda.

Tata Letak Posting Portofolio Total

Pertama saya akan menambahkan Media Posting elemen yang akan menampilkan media apa pun yang Anda tambahkan ke posting Anda. Untuk portofolio, ini bisa berupa gambar unggulan, galeri, video dll.

Selanjutnya, saya akan memasukkan Posting Konten modul yang akan menampilkan konten apa pun yang ditambahkan ke posting di editor.

Total Media Posting

Dengan Total Anda dapat memasukkan sejumlah elemen posting dalam template dinamis Anda. Tambahkan judul posting, data meta, item terkait, tag, tautan sosial, dan lainnya. Setelah selesai klik Menerbitkan.

Kita sekarang perlu menetapkan template dinamis untuk jenis posting kustom portofolio kami. Untuk melakukan ini, navigasikan ke WordPress Penyesuai, lalu pergi ke Portofolio dan pilih templat yang baru saja Anda buat Template dinamis (Lanjutan).

Template Dinamis Total

Anda sekarang dapat melihat media Anda beraksi. Klik Simpan & Terbitkan dan konten dinamis Anda harus siap.

Frontend Template Dinamis Total

Membuat template dinamis adalah opsi yang sangat bagus jika Anda membangun situs web untuk klien. Dengan menggunakannya, Anda dapat membuat templat sekali dan menetapkannya ke semua item portofolio Anda secara instan. Tidak hanya itu tetapi jika Anda perlu mengubah tata letak yang perlu Anda lakukan adalah mengedit template dan semua item portofolio Anda juga akan diperbarui.


Ceritakan pengalaman Anda membuat konten dinamis! Anda sekarang memiliki dua metode untuk membuat konten dinamis. Anda dapat mengunduh Blok Toolset atau Total Theme hari ini dan mulailah dengan membawa situs web Anda dari dasar ke khusus.

Sudahkah Anda menggunakan alat apa pun untuk menambahkan konten dinamis ke situs web Anda? Beri tahu kami cara kerjanya bagi Anda dalam komentar di bawah!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map