Cara Menggunakan Modul Konten Postingan di Divi Theme Builder
Diterbitkan: 2019-11-01Modul Konten Postingan adalah modul khusus yang tersedia saat membuat Tata Letak Area Tubuh untuk template di Divi Theme Builder. Memahami apa itu Modul Konten Postingan dan bagaimana menggunakannya akan sangat membantu saat mendesain Template kustom dengan Divi Theme Builder.
Dalam tutorial ini, kita akan membahas cara kerja Modul Konten Postingan dan cara terbaik menggunakannya saat mendesain template di Divi.
Mari selami!
Berlangganan Saluran Youtube Kami
Tentang Modul Konten Posting Divi
Fungsi utama Modul Konten Postingan adalah untuk menampilkan (dan menata) konten postingan atau halaman dalam Template Post atau Halaman tertentu. Modul ini dirancang secara eksklusif untuk bekerja dengan Pembuat Tema sehingga tidak akan tersedia menggunakan Divi Builder untuk mengedit halaman atau posting biasa.
Di Pembuat Tema, Modul Konten Postingan membuat area untuk Pembuat Divi untuk digunakan dalam Area Tubuh dari Templat Pembuat Tema. Itu juga dapat digunakan untuk menampilkan dan menata konten posting atau halaman yang dibuat menggunakan editor WordPress default juga. Ini membuatnya sangat bagus untuk membuat template posting blog.
Modul dapat ditambahkan ke tata letak area tubuh template apa pun menggunakan proses normal menambahkan modul baru di Divi. Cukup klik ikon tambahkan modul dan pilih modul konten posting dari daftar.
Ini akan memunculkan modal pengaturan konten posting yang mencakup semua opsi desain yang tersedia untuk menambahkan elemen gaya default untuk diwarisi oleh posting atau halaman yang ditetapkan ke template.
Konten tiruan ada untuk memberi kita visual yang bermanfaat tentang bagaimana elemen-elemen itu akan terlihat di halaman atau pos langsung.
Sekarang kita memiliki pengenalan singkat tentang modul konten posting, mari kita jelajahi bagaimana kita dapat menggunakannya di situs Divi kita sendiri.
Menggunakan Modul Konten Postingan untuk Template Posting
Menggunakan Modul Konten Postingan untuk menampilkan konten postingan yang dibuat dengan editor klasik atau default (bukan Divi)
Aplikasi modul konten posting yang sangat praktis adalah dengan menggunakan modul untuk menambahkan gaya pada konten posting pada template untuk memposting konten yang telah dibuat dengan editor posting default WordPress (tanpa menggunakan Divi Builder).
Misalnya, kami dapat membuat template baru yang ditetapkan untuk semua posting di situs Divi kami.
Kemudian gunakan Template Layout Editor untuk mendesain template posting blog menggunakan elemen desain statis dan konten dinamis.
Identifikasi area template di mana Anda ingin konten posting aktual dari satu posting ditampilkan. Kemudian tambahkan modul Post Content ke layout template.
Selanjutnya, buka pengaturan modul konten posting untuk menambahkan gaya yang ingin Anda terapkan ke konten posting apa pun yang ditambahkan ke posting baru atau yang sudah ada di situs Anda. Modul Konten Postingan memiliki konten tiruan bawaan dengan berbagai elemen yang dapat ditata. Konten tiruan ini akan diganti dengan konten postingan aktual saat melihat postingan di situs web.
Dengan modul konten postingan ditambahkan ke template dengan gaya yang ditambahkan ke pengaturan modul postingan, template postingan siap digunakan oleh postingan blog kita di situs langsung.
Kita bisa membuat postingan baru atau edit dan postingan yang sudah ada menggunakan editor default atau editor klasik di WordPress.
Jika kita menggunakan editor klasik, konten apa pun yang ditambahkan ke kotak konten menggunakan editor wysiwyg akan mengisi area template yang ditata oleh Modul Konten Posting.
Jika kita menggunakan editor WordPress default (atau editor blok), konten apa pun yang kita buat dengan editor blok akan mengisi (dan mewarisi gaya) area Modul Konten Posting dari Template.
Blogger yang lebih memilih editor default/klasik tidak perlu khawatir tentang gaya konten karena akan mewarisi gaya yang diatur dalam modul konten posting pada template. Jadi penulis bisa lebih berkonsentrasi pada konten yang sebenarnya. Plus, template postingan akan memiliki desain tambahan dan konten dinamis di sekitar konten postingan untuk melengkapi keseluruhan desain postingan.
Berikut adalah tampilan backend dari posting tiruan yang dibuat dengan editor default/klasik.
Ini adalah posting yang sama ketika melihatnya di ujung depan.
Selain desain dan konten dinamis yang ada pada template, perhatikan gaya konten postingan menggunakan template
Menggunakan Modul Konten Postingan untuk menampilkan konten postingan yang dibuat dengan Divi.
Saat menggunakan templat posting untuk posting blog, kami dapat memutuskan untuk menggunakan pembuat Divi untuk mendesain satu atau beberapa posting blog kami daripada menggunakan editor default. Ini akan memberi kita kontrol yang lebih besar atas desain setiap elemen konten posting dibandingkan dengan hanya mengandalkan editor default dan gaya modul konten posting di dalam template.
Ingatlah bahwa meskipun kita menggunakan Divi Builder untuk mendesain postingan, total ruang dari desain konten postingan akan berada di dalam area yang ditentukan oleh modul konten postingan di dalam template postingan.
Untuk info lebih lanjut, lihat dokumentasi kami tentang cara membuat templat posting blog di seluruh situs.
Menggunakan Modul Konten Postingan untuk Template Halaman
Terlepas dari namanya, Modul Konten Posting dapat digunakan untuk posting dan halaman yang sama. Jadi, jika kita ingin membuat kerangka tubuh untuk satu atau lebih halaman di situs web kita, kita perlu menggunakan modul konten posting untuk memastikan konten halaman ditampilkan.
Dalam kebanyakan kasus, membuat template isi untuk satu atau lebih halaman tidak diperlukan karena setiap halaman biasanya terdiri dari konten statis unik yang dibuat berdasarkan halaman demi halaman. Namun, mungkin ada saatnya template body akan berguna untuk halaman juga. Mungkin berguna untuk menambahkan desain tingkat template dan konten yang ingin kita tampilkan di halaman secara otomatis.
Misalnya, kami mungkin ingin menyertakan desain judul halaman yang sama untuk semua halaman di seluruh situs kami. Atau, kami mungkin ingin menyertakan CTA seperti Email Optin di bagian bawah semua (atau sebagian) halaman kami.
Berikut adalah contoh bagaimana ini akan bekerja di situs web.
Pertama, buka Divi Theme Builder dan buat template baru. Kemudian tetapkan template ke semua halaman dan tambahkan area badan kustom ke template. Setelah itu, klik untuk mengedit custom body area.
Di Editor Tata Letak Template, gunakan Divi Builder untuk mendesain bagian judul halaman menggunakan konten dinamis. Kami menyarankan menggunakan modul teks dan menarik elemen konten dinamis Judul Postingan/Arsip untuk konten isi modul teks. Judul Post/Arsip juga akan menampilkan judul halaman.
Kemudian buat bagian baru untuk modul konten posting. Sekali lagi, ini perlu karena tanpa modul konten posting, template tidak akan menampilkan konten atau desain halaman individual.
Karena modul konten postingan ini akan menjadi wadah induk untuk konten halaman kita, sebaiknya biarkan modul konten postingan menjangkau lebar penuh halaman. Kami selalu dapat menyesuaikan jarak saat mendesain konten halaman individual saat menggunakan Divi Builder.
Selanjutnya, kita dapat menambahkan bagian di bagian bawah template yang akan ditampilkan di semua halaman. Karena kita ingin konten ditampilkan di bawah konten postingan/halaman yang sebenarnya, kita perlu menambahkannya di bawah bagian yang berisi modul konten postingan.
Berikut adalah contoh bagian yang dibuat di bawah konten posting yang berisi ikon sosial dan optin email.
Catatan: Karena kita akan menggunakan Divi Builder untuk mendesain halaman sebenarnya di Divi, kita tidak perlu menambahkan gaya ke modul konten postingan.
Sekarang dengan template halaman kami di tempat, kami dapat membuat halaman baru di Divi dengan masuk ke Pages > Add New. Kemudian tambahkan judul dan gunakan Divi Builder. 
Kemudian klik untuk membangun di ujung depan.
Anda dapat mendesain konten halaman di bagian depan menggunakan Divi. Tapi perhatikan bagaimana front end (visual) builder akan ditampung di dalam area modul konten posting dari templat halaman yang ditetapkan ke halaman. Saat mengedit posting atau halaman di Divi Builder, seluruh UI Divi Builder ditampilkan di kolom tempat Modul Konten Postingan berada. Segala sesuatu yang lain di luar modul ini bersifat statis dan tidak dapat dimodifikasi di luar Theme Builder.
Jadi untuk contoh ini, halaman terdiri dari area berikut:
- Global Header (Ditambahkan ke area Custom Header dari template halaman)
- Bagian Judul (Ditambahkan ke tata letak Area Tubuh Kustom dari templat halaman di atas konten halaman)
- Bagian Konten Postingan (Ditambahkan ke tata letak Area Tubuh Kustom dari templat halaman; terdiri dari Modul Konten Postingan yang menentukan ruang bangunan untuk Divi Builder)
- Bagian CTA (Ditambahkan ke tata letak Area Tubuh Kustom dari templat halaman di bawah konten halaman)
- Global Footer (Ditambahkan ke area Custom Footer dari template halaman)
Beginilah tampilannya saat mengedit halaman di ujung depan dengan Divi Builder.
Modul Konten Posting berfungsi dengan baik untuk mendesain Halaman WooCommerce yang Dihasilkan oleh Kode Pendek.
Modul Konten Postingan juga akan tersedia setiap kali kita membuat templat halaman untuk Halaman WooCommerce. Halaman WooCommerce menghasilkan konten halaman menggunakan kode pendek. Kode pendek ini ada di dalam kotak konten halaman WooCommerce.
Inilah tampilan halaman akun secara default saat mengedit halaman di Divi.
Untuk mendesain template untuk Halaman WooCommerce ini, kita tidak perlu menggunakan Divi Builder pada editor halaman. Kita dapat membuat template di Divi Theme Builder dan menargetkan desain konten halaman yang dihasilkan oleh kode pendek (setidaknya sebagian) menggunakan modul konten posting.
Saat Anda membuat template, pastikan untuk menetapkan template ke halaman WooCommerce.
Penting: Modul konten postingan tidak akan menampilkan konten halaman arsip/kategori. Pastikan Anda tidak menetapkan halaman toko ke template yang bergantung pada modul konten posting untuk menampilkan konten. Halaman toko tidak akan menampilkan konten apapun. Jadi, karena kami berencana untuk menggunakan modul konten posting di template, kami perlu membatasi penugasan template kami untuk menyertakan halaman keranjang, checkout, dan atau Akun Saya saja.
Sekarang kita dapat menambahkan area tubuh khusus ke template dan membuatnya menggunakan editor tata letak template.
Kemudian sesuaikan templat halaman menggunakan Divi Builder. Saat Anda menambahkan Modul Konten Posting, pastikan untuk memperbarui pengaturan desain untuk menargetkan desain elemen halaman WooCommerce yang dihasilkan oleh kode pendek.
Dan inilah tampilan Halaman Akun Saya di bagian depan dengan penataan modul konten posting.
Sayangnya, modul konten posting tidak akan dapat secara langsung menata setiap elemen dari konten yang dihasilkan Halaman WooCommerce. Tapi ini akan memberikan bonus yang bagus saat mendesain template halaman woocommerce.
Bukan untuk Template Halaman Indeks/Arsip/Kategori
Karena Modul Konten Posting dirancang untuk menampilkan konten halaman atau postingan tertentu yang dibuat di Divi, modul ini tidak akan berfungsi dengan templat halaman indeks (arsip). Jika template digunakan pada halaman indeks (arsip), modul tidak ditampilkan di bagian depan dan oleh karena itu tidak ada konten yang ditampilkan.
Jika modul ini ada di Area Tubuh, tetapi tidak ada konten posting (atau jika templat digunakan pada halaman indeks (arsip), modul tidak dirender di ujung depan.
Singkatnya, jangan gunakan konten modul posting untuk menampilkan konten halaman arsip, termasuk halaman hasil pencarian dan halaman 404.
Gunakan Modul Blog untuk Template Halaman Arsip.
Jika kita ingin membuat template untuk halaman arsip, modul blog Divi menyertakan opsi untuk menampilkan konten halaman saat ini. Ini akan menghasilkan konten yang terkait dengan kategori atau halaman arsip.
Untuk info lebih lanjut, lihat posting ini tentang cara membuat template halaman kategori untuk blog Anda.
Bukan untuk Template Halaman Produk
Saat membuat templat Halaman Produk untuk Produk WooCommerce di Divi, sebaiknya jangan bergantung pada modul konten posting untuk menampilkan informasi Produk di area tubuh templat. Divi memiliki semua Modul Woo yang kita butuhkan untuk menarik info produk secara dinamis di tingkat template. Menggunakan Modul Konten Posting pada template yang ditetapkan ke halaman produk hanya akan menampilkan konten yang disertakan dalam kotak konten (yang secara default, hanya deskripsi produk).
Untuk info lebih lanjut, lihat cara membuat template halaman produk.
Peringatan jika Modul Konten Postingan Hilang
Jika modul Konten Postingan tidak disertakan dalam badan Template Pembuat Tema dan kami memilih untuk "Gunakan Divi Builder" untuk mengedit posting menggunakan template itu, kami akan disajikan dengan kotak sembulan peringatan yang memberi tahu kami bahwa kami kehilangan Pasang Modul Konten pada template yang digunakan. Ada juga tombol untuk membawa kita langsung ke pembuat tema untuk membuat perubahan yang diperlukan pada template.
Pikiran Akhir
Saat mendesain template baru untuk situs Divi, penting untuk memahami cara menggunakan Modul Konten Postingan. Modul ini mungkin paling baik digunakan bersama dengan elemen konten dinamis untuk membuat template untuk posting blog, yang dapat merampingkan alur kerja pembuatan untuk membuat posting blog tanpa harus menggunakan Divi Builder. Tetapi modul konten posting juga dapat berguna untuk templat halaman, bahkan halaman WooCommerce.
Apa pengalaman Anda dengan Modul Konten Postingan sejauh ini?
Saya berharap untuk mendengar dari Anda di komentar.
Bersulang!