Cara Membuat Template Posting Blog Elementor Kustom

Diterbitkan: 2022-01-14

Halaman posting tunggal yang terbentuk dengan baik memberi pembaca Anda perasaan yang baik ketika mereka membaca posting Anda. Ini juga membantu menarik pengunjung baru atau yang sudah ada ke situs Anda, mengurangi rasio pentalan, membantu meningkatkan tampilan halaman situs Anda, dan banyak lagi. Inilah sebabnya mengapa Anda perlu fokus pada desain halaman posting tunggal Anda.

Jika Anda mencari panduan ideal untuk membuat halaman posting tunggal khusus menggunakan Elementor maka panduan berikut ini akan menjadi yang sempurna untuk Anda.

Dalam panduan ini, kami akan menunjukkan cara mendesain template atau halaman posting blog Elementor dari awal. Sebelum itu, Anda harus memiliki gagasan yang jelas tentang mengapa Anda perlu membuat halaman posting tunggal khusus.

Mari kita mulai:

Mengapa Anda Perlu Mendesain Template Posting Blog Elementor Kustom Anda

How To Create Custom Elementor Blog Post Template

Tema WordPress yang paling populer memiliki kerangka desain posting tunggal mereka sendiri. Tetapi format desain posting tunggal default dari tema Anda mungkin tidak memenuhi kebutuhan Anda. Misalkan Anda perlu menambahkan sembulan khusus ke halaman posting tunggal Anda tetapi tema yang Anda gunakan untuk mendesain situs Anda tidak memungkinkan Anda melakukannya.

Apa yang Anda lakukan selanjutnya? Dari sudut pandang itu, Anda perlu merancang halaman posting tunggal khusus untuk menambahkan fitur yang Anda butuhkan. Namun, ada beberapa aspek penting lainnya yang dapat Anda pertimbangkan untuk membuat halaman posting blog khusus untuk situs web Anda. Fakta penting adalah:

  • Pastikan pengalaman pengguna yang lebih baik
  • Kurangi rasio pentalan
  • Tingkatkan desain halaman posting tunggal
  • Tambahkan fitur khusus
  • Pastikan tampilan posting yang lebih baik

2 Cara Membuat Template Posting Blog Elementor Kustom

Anda dapat membuat templat posting blog Elementor khusus dengan dua cara sederhana-

  1. Metode 1: Buat Template Posting Blog Elementor Dari Awal
  2. Metode 2: Buat Halaman Posting Tunggal Menggunakan Template Elementor Premade

Pastikan Anda telah menginstal dan mengaktifkan plugin Elementor (Gratis) & Elementor Pro ke situs web Anda.

Jika Anda baru mengenal Elementor, periksa blog praktis ini tentang Cara menggunakan Elementor dengan benar.

Metode 1: Buat Template Posting Blog Elementor Dari Awal

Jika Anda ingin mendesain template posting tunggal Anda sendiri dari awal, Anda dapat melakukannya menggunakan widget Elementor.

Langkah 1: Tambahkan Kolom & Bagian

Pertama, Anda perlu menambahkan bagian dan menyisipkan kolom berdasarkan kebutuhan Anda. Untuk melakukan ini, Anda harus mengklik ikon (+) dan kolom ke bagian tersebut.

Add Column

Langkah 2: Tambahkan Widget Gambar Fitur

Setelah itu, Anda dapat menambahkan widget yang diperlukan ke dalam kolom. Di sini, kami menambahkan widget Featured Image untuk menampilkan gambar fitur posting kami. Anda dapat menemukan widget dari menu sisi kiri dan drag & drop widget ke tempat yang tepat.

Add Feature Image Widget

Konten Gambar Fitur

Anda dapat mengelola gambar fitur di area Konten . Anda dapat mengubah Ukuran Gambar , mengatur Perataan , menambahkan Caption dan menyisipkan Tautan jika Anda mau.

Content of Feature Image

Gambar Fitur Gaya

Anda dapat menyesuaikan desain gambar menggunakan opsi Gaya. Pergi ke area Style , Anda mengubah pengaturan yang diperlukan untuk membuat gambar fitur Anda lebih menarik.

Style Feature Image

Langkah 3: Tambahkan Kolom Baru & Atur Tata Letak

Setelah menambahkan Feature Image, kita ingin menambahkan widget lainnya. Sebelum itu, kami ingin menambahkan kolom baru dan mengatur tata letak menggunakan pengaturan Lanjutan . Periksa gambar di bawah, Anda melihat bahwa kami mengatur Content Width->Boxed dan mendefinisikan Width sebagai 850px .

Mari tambahkan widget lain ke dalam kolom ini.

Add New Column & Set Layout

Langkah 4: Tambahkan Widget Info Posting

Kami menambahkan widget Post Info untuk menampilkan metadata posting kami. Temukan widget dan letakkan di kolom.

Add Post Info Widget

Isi Widget Info Posting

Di Konten, Anda dapat mengontrol Meta Data dari widget Info Posting.

Content Post Info Widget

Setel Perataan Widget Info Posting

Jika Anda ingin menyesuaikan desain info posting, Anda dapat melakukannya di sini di area Gaya . Di sini, kami mengatur Alignment konten meta postingan.

Style Post Info Widget

Ubah Warna & Ukuran Ikon Info Posting

Kami juga mengubah warna dan ukuran Ikon. Anda dapat mengubah desain Teks dengan masuk ke area Style->Text . Tapi kami baik-baik saja dengan desain teks default.

Style Post Info Widget

Langkah 5: Tambahkan Widget Judul Posting

Tambahkan widget Judul Postingan dan tampilkan judul blog. Anda dapat menambahkan widget dengan mengikuti prosedur di atas.

Add Post Title Widget

Judul Postingan Gaya

Anda juga dapat mengelola gaya Judul dengan masuk ke area Gaya . Di sini, Anda dapat menyesuaikan Warna Teks, Tipografi, Bayangan Teks, dan Blend Mode Judul Postingan.

Style Post Title

Catatan: Jika Anda telah menginstal plugin Happy Addons ke situs Anda, maka Anda akan mendapatkan opsi Text Stroke .

Langkah 6: Tambahkan Widget Konten Posting

Sekarang saatnya untuk menambahkan seluruh konten posting ke halaman kita. Untuk melakukan ini, kami menambahkan Widget Konten Posting ke halaman.

Add Post Content Widget

Gaya Konten Posting

Anda dapat mengatur Perataan konten, Warna Teks, dan Tipografi konten.

Style Post Content

Langkah 7: Tambahkan Widget Berbagi Sosial

Kami telah menambahkan tombol Bagikan Sosial untuk membagikan kiriman.

Add Social Share Widget

Langkah 8: Tambahkan Widget Info Penulis

Kami juga telah menambahkan widget Info Penulis untuk menampilkan detail penulis postingan.

Add Author Info Widget

Kotak Penulis Gaya

Sesuai dengan kebutuhan Anda, Anda dapat mengubah desain default Info Penulis menggunakan opsi Gaya. Di sini, Anda mendapatkan opsi berbeda untuk menyesuaikan Gambar, Teks, dan Tombol .

Style Author Box

Langkah 9: Tambahkan Widget Pagination Posting

Untuk membuat navigasi posting, kami telah menambahkan widget Post Pagination . Sekarang orang dapat dengan mudah menavigasi posting.

Add Post Pagination

Langkah 10: Tambahkan Posting Terkait

Ini adalah fitur yang sangat umum yang sering Anda lihat di bagian bawah satu posting blog. Itu sebabnya kami memutuskan untuk menambahkan widget Related Posts ke halaman kami. Kami juga telah mengatur Tata Letak dan mendefinisikan Kolom, Posting Per Halaman, dan pengaturan posting lain yang diperlukan dari widget.

Add Related Posts

Langkah 11: Tambahkan Widget Komentar Posting

Anda dapat dengan mudah menerapkan opsi komentar ke halaman posting Anda dengan menambahkan widget Posting Komentar . Anda dapat mengatur Skin komentar dan Sumber komentar menggunakan opsi Konten .

Add Post Comment Widget

Pratinjau Akhir dari Elementor Single Post Design

Setelah menambahkan semua widget yang diperlukan dan menyesuaikan desain, ini adalah desain halaman posting tunggal kami saat ini.

Final Preview of Elementor Single Post Design

Metode 2: Buat Halaman Posting Tunggal Menggunakan Template Elementor Premade

Di bagian blog kita ini, kita akan menunjukkan cara membuat template posting tunggal menggunakan Elementor Theme Builder.

Mari kita mulai:

Pergi ke Pembuat Teme Tempalte

Pertama, Anda harus pergi ke Templates->Theme Builder untuk membuat template posting tunggal baru.

Go to Tempalte Teme Builder

Tambahkan Postingan Tunggal Baru

Pada halaman berikut, Anda mendapatkan beberapa opsi. Klik tab Posting Tunggal . Kemudian klik tombol Add New Single Post .

Add New Single Post

Buat Template Posting Tunggal

Setelah itu, Anda menemukan opsi untuk membuat template Anda. Tulis Nama Template dan klik tombol Buat Template dan tunggu halaman berikutnya.

Create Single Post Template

Pilih Template Posting Pra-Desain yang Cocok

Sekarang saatnya untuk memilih template blog pra-dibuat yang cocok untuk halaman blog Anda. Cukup Instal template dan gunakan.

Choose a Suitable Pre-Designed Post Template

Catatan: Anda juga dapat menyesuaikan template yang sudah jadi sesuai dengan kebutuhan Anda.

Itu dia.

Tingkatkan Kemampuan Kustomisasi Anda dengan Widget Posting Happy Addons

Happy Addons salah satu addon Elementor yang ringan dan berkembang pesat memungkinkan Anda mendesain halaman posting tunggal khusus menggunakan widget posting yang kuat. Saat ini, ia hadir dengan 8 widget posting lanjutan yang mudah digunakan dan sepenuhnya dapat disesuaikan.

Mari kita beri penjelasan singkat tentang widget ini sehingga Anda dapat memahami mengapa Anda harus mencobanya.

Daftar Posting (Gratis)

Ingin menampilkan posting blog Anda dalam daftar? Widget gratis Daftar Posting baru dari Happy Addons memungkinkan Anda untuk menampilkan pot blog Anda secara berurutan. Coba widget ini dan buat desain postingan Anda eksklusif.

Post List Demo HappyAddons

Lihat dokumentasi widget Daftar Pos.

Tab Pos (Gratis)

Anda mungkin memperhatikan bahwa banyak situs web menampilkan posting mereka menggunakan tab. Dan jika Anda ingin melakukannya maka widget Post Tab gratis dari Happy Addons akan menjadi alat yang sempurna untuk desain ini.

Post-Tab Demo HappyAddons

Baca dokumentasi widget Tab Postingan dan pelajari cara menggunakannya.

Taksonomi (Gratis)

Ingin memodernisasi taksonomi pos Anda? Coba widget Taksonomi gratis dari Happy Addons mulai sekarang Anda dapat menghias Taksonomi pos Anda secara efisien dengan cara yang lebih teratur.

Taxonomy Widget Demo

Periksa dokumentasi lengkap widget Taksonomi.

Kotak Pos (Pro)

Jika Anda mencari alat yang solid untuk menampilkan posting blog Anda dalam tata letak grid, maka Anda harus mencoba widget Post Grid Happy Addons. Widget kreatif ini menghemat waktu Anda yang berharga untuk mendesain elemen web tersebut dan membuat halaman blog Anda lebih menarik.

Post Grid Widget Demo

Baca dokumentasi lengkap widget Post Grid.

Ubin Posting (Pro)

Widget Ubin Posting Happy Addons adalah alat canggih lainnya yang memungkinkan Anda menampilkan posting dengan cara yang lebih terorganisir. Anda dapat menambahkan beberapa posting sekaligus dan mengatur lebar dan tingginya. Sangat mudah digunakan dan sepenuhnya dapat disesuaikan.

Post Tiles Widget Demo

Ikuti dokumentasi widget Post Tiles dan pelajari cara menggunakan alat luar biasa ini.

Daftar Pos Cerdas (Pro)

Dengan widget Smart Post List eksklusif ini, Anda dapat lebih efisien membuat daftar posting blog di situs Elementor Anda daripada sebelumnya. Anda dapat menambahkan posting tempel Anda dengan kemampuan untuk menampilkan daftar posting yang dikategorikan.

Smart Post List Widget Demo

Lihat dokumentasi Smart Post List.

Posting Korsel (Pro)

Widget Happy Addons yang unik ini memungkinkan Anda menampilkan posting blog Anda dalam tata letak carousel. Coba widget Post Carousel dan buat desain postingan Anda lebih menarik bagi pengunjung Anda.

Post Carousel Widget Demo

Baca dokumentasi Post Carousel dan pelajari cara menggunakannya.

Daftar Penulis (Pro)

Coba widget Daftar Penulis New Happy Addons untuk membuat daftar penulis Anda yang indah dan menunjukkan berapa banyak posting yang mereka tulis.

Author List Widget Demo

Pelajari lebih lanjut tentang widget Daftar Penulis dengan membaca dokumentasi.

Apakah Anda Siap Mendesain Template Posting Blog Elementor Kustom Anda?

Sekarang saatnya Anda membuat halaman posting tunggal Anda sendiri menggunakan Elementor.

Jika Anda mengikuti petunjuk di atas, Anda akan mendapatkan ide yang akurat tentang cara mendesain halaman posting tunggal Elementor kustom dari awal. Kami juga telah membahas cara menambahkan nilai lebih ke halaman posting Anda menggunakan Widget Postingan HappyAddons.

Jika Anda masih memiliki pertanyaan tentang desain template posting blog Elementor, Anda dapat bertanya melalui kotak komentar di bawah. Kami akan mencoba untuk memecahkan masalah Anda sesegera mungkin.

Jika Anda menyukai panduan bermanfaat ini, bagikan di saluran sosial Anda. Dan bergabunglah dengan buletin kami untuk mendapatkan panduan yang lebih menarik tentang WordPress dan Elementor.

Berlangganan newsletter kami

Dapatkan berita & pembaruan terbaru di Elementor