Sorotan Produk Divi: Avanti – Divi Multi-Purpose Child Theme

Diterbitkan: 2023-05-15

Avanti adalah tema anak pihak ketiga untuk Divi dengan lebih dari 60 halaman dalam 9 relung untuk membantu Anda membangun hampir semua jenis situs web yang Anda butuhkan. Menggunakan Avanti membantu Anda membangun situs web lebih cepat. Ada juga desain yang berfokus pada WooCommerce yang akan membantu Anda menyiapkan toko online dengan mudah. Dalam posting ini, kami akan membahas beberapa tata letak yang disediakan tema anak Divi ini untuk membantu Anda memutuskan apakah itu produk yang tepat untuk Anda!

Mari kita mulai.

Daftar isi
  • 1 Memasang Avanti
  • 2 Halaman Avanti, Layout, dan Template
  • 3 Halaman Beranda Avanti
    • 3.1 Beranda Restoran Avanti
    • 3.2 Beranda Fotografi Avanti
  • 4 Halaman Avanti Lainnya
    • 4.1 Beranda Toko V1
    • 4.2 Beranda Toko V3
    • 4.3 Keranjang V2
    • 4.4 Keranjang V3
    • 4.5 Pembayaran V3
    • 4.6 Tentang Kami V4
    • 4.7 Tentang Kami V5
    • 4.8 Layanan V3
    • 4.9 Layanan Tunggal V3
    • 4.10 Hubungi Kami V4
    • 4.11 Hubungi Kami V5
    • 4.12 Testimoni V2
    • 4.13 Penetapan Harga V2
  • 5 Elemen Avanti
    • 5.1 Header
    • 5.2 Kotak Layanan
    • 5.3 Testimoni
  • 6 Dokumentasi Avanti
  • 7 Tempat Membeli Avanti
  • 8 Mengakhiri Pikiran

Menginstal Avanti

Menginstal Avanti itu sederhana. Ini bekerja dengan cara yang sama seperti memasang tema WordPress biasa, tetapi memiliki beberapa langkah lagi. Disarankan untuk menginstal Avanti di situs WordPress baru. Karena ini adalah tema anak Divi, Divi diperlukan. Saya menemukan proses instalasi menjadi intuitif.

  1. Pergi ke Penampilan
  2. Pilih Tema
  3. Pilih Tambah Baru

Menginstal Avanti

  1. Klik Unggah Tema
  2. Klik Pilih File
  3. Arahkan ke file zip di komputer Anda, pilih, dan klik Instal Sekarang

Menginstal Avanti

  1. Klik Aktifkan

Menginstal Avanti

  1. Pergi ke Impor Demo Avanti
  2. Klik Impor Demo Mudah
  3. Pilih Impor Konten Demo

Menginstal Avanti

  1. Klik Hapus Konten Demo dan Fungsi Impor

Menginstal Avanti

Halaman Avanti, Tata Letak, dan Templat

Dengan kombinasi halaman dan template, Avanti menyediakan lebih dari 60 halaman dengan lebih dari 30 elemen dalam 9 relung. Ini termasuk situs web lengkap, beberapa desain header dan footer, halaman toko, dll. Saya akan menunjukkan tata letak dengan gambar placeholder untuk beberapa tata letak dan tangkapan layar dengan gambar dari demo penjualan untuk melihat produk jadi dengan lebih baik. Ini beberapa halamannya.

Halaman Avanti, Tata Letak, dan Templat

Berikut adalah beberapa tata letak yang ditambahkan ke Perpustakaan Divi.

Halaman Avanti, Tata Letak, dan Templat

Ini juga mencakup 11 template premade dan preassigned.

Halaman Avanti, Tata Letak, dan Templat

Halaman Beranda Avanti

Avanti menyertakan 11 halaman beranda untuk berbagai jenis bisnis. Mereka termasuk:

  1. Bisnis
  2. Restoran
  3. Fotografi
  4. Konsultasi
  5. Desain web
  6. Dental
  7. Renovasi
  8. Tukang ledeng
  9. Toko V1
  10. Toko V2
  11. Toko V3

Halaman Avanti, Tata Letak, dan Templat

Masing-masing menyertakan banyak elemen bergaya, animasi melayang, animasi gulir, dan bahkan efek Ken Burns untuk gambar latar belakang. Mereka menyertakan gambar tiruan dengan ukuran gambarnya. Beranda Bisnis adalah default. Tema anak Divi ini menerima pembaruan rutin. Kami akan melihat dua halaman beranda terbaru, Restoran dan Fotografi, dan kami juga akan melihat pembaruan WooCommerce terbarunya.

Beranda Restoran Avanti

Tata letak Restoran memiliki 5 halaman, antara lain halaman rumah, tentang, menu makanan, testimonial, dan halaman kontak. Inilah bagian pahlawan di beranda dengan gambar boneka.

Beranda Restoran Avanti

Berikut tampilan halaman beranda dengan gambar dari halaman demo tema anak. Ini termasuk tajuk khusus.

Beranda Restoran Avanti

Ini bagian dari halaman demo. Seperti yang Anda lihat, ini adalah halaman besar dengan banyak elemen. Semua gambar layar penuh tidak bergerak. Ini termasuk bagian pahlawan layar penuh dengan tautan ke menu, bagian tentang dengan efek hover gambar, gambar dengan efek hover yang terhubung ke kategori makanan, CTA ke menu makanan, CTA untuk membuat reservasi, dua -menu makanan kolom dibuat dengan uraian singkat, kartu testimonial khusus, formulir kontak, dan banyak lagi.

Beranda Restoran Avanti

Beranda Fotografi Avanti

Fotografi mencakup 10 halaman, termasuk rumah, tentang, layanan, layanan tunggal, galeri foto, galeri tunggal, testimonial, harga, FAQ, dan kontak. Inilah halaman utama Fotografi. Ini juga termasuk tajuk transparan. Ini adalah bagian pahlawan dengan gambar dari halaman demo tema anak.

Beranda Fotografi Avanti

Inilah halaman beranda demo. Gambar ini diambil dengan efek gulungan paralaks. Ini termasuk bagian pahlawan layar penuh dengan tautan ke galeri, gambar yang terhubung ke kategori, bagian tentang dengan tautan ke cerita lengkap, testimoni bergaya dengan desain khusus, blog dengan kartu blog khusus, formulir kontak dengan gambar di kedua sisi dan footer khusus dengan informasi kontak dan formulir email.

Beranda Fotografi Avanti

Halaman Avanti Lainnya

Selain halaman beranda, Avanti menyertakan 3 halaman beranda toko WooCommerce, 5 Tentang Kami, 3 Layanan, 3 halaman Layanan, 5 Hubungi Kami, 4 halaman Portofolio, dan banyak lagi. Halaman lain termasuk blog, Terima Kasih, Testimonial, FAQ, Harga, 404, dll. Banyak di antaranya juga menyertakan banyak versi.

Beranda Toko V1

Beranda Toko V1 menampilkan penggeser lebar penuh dengan CTA ke toko. Ini adalah halaman dengan gambar placeholder. Ini adalah salah satu tata letak asli, tetapi saya ingin menyertakannya untuk melihat perbandingan tata letak baru.

Halaman Avanti Lainnya

Inilah halaman dari demo. Ini termasuk bagian untuk toko dengan kategori, penjualan terbaik, CTA, dan produk yang dijual. Mengikuti ini adalah CTA layar penuh dalam paralaks dengan efek pengguliran teks, bagian blog untuk berita terbaru, dan CTA langganan email.

Halaman Avanti Lainnya

Beranda Toko V3

Beranda Toko V3 adalah desain toko baru. Inilah bagian pahlawan dengan gambar placeholder.

Beranda Toko V3

Inilah halaman dari demo. Ini termasuk penggeser dengan CTA, uraian dengan informasi, bagian toko dengan produk unggulan dan terbaru, CTA layar penuh dalam paralaks sejati, produk yang dijual dengan gambar bergaya, bagian kesepakatan hari ini dengan penghitung waktu mundur, CTA , produk baru, berita terbaru, dan logo merek.

Beranda Toko V3

Keranjang V2

Keranjang V2 adalah halaman keranjang baru yang menampilkan ikon navigasi di bagian atas halaman untuk menunjukkan kepada pengguna di mana mereka berada dalam proses belanja. Itu juga menampilkan keranjang bergaya, CTA penjualan, dan total keranjang.

Keranjang V2

Keranjang V3

Keranjang V3 juga baru. Ini mencakup gaya yang sama dengan Keranjang V2 tetapi memindahkan total keranjang di sebelah keranjang dan tidak menyertakan CTA penjualan.

Keranjang V3

Pembayaran V3

Checkout V3 adalah halaman checkout baru. Itu termasuk ikon navigasi di bagian atas halaman dan bagian dua kolom dengan formulir pembayaran di sebelah kiri dan kolom yang lebih kecil di sebelah kanan dengan informasi dan testimonial.

Pembayaran V3

Tentang Kami V4

Tentang Kami V4 adalah halaman baru yang dirancang untuk tata letak Restoran baru.

Tentang Kami V4

Ini bagian dari halaman dari demo. Ini mencakup CTA lebar penuh dalam paralaks, bagian tentang dengan efek zoom, CTA menu, dan testimonial bergaya.

Tentang Kami V4

Tentang Kami V5

Tentang Kami V5 dirancang untuk tata letak Fotografi baru.

Tentang Kami V5

Halaman tersebut menyertakan bagian pahlawan dalam paralaks dengan CTA, bagian tentang dengan tautan ke halaman kontak, uraian singkat yang menampilkan informasi, testimonial, blog, dan formulir kontak bergaya. Sebagian besar disertakan di halaman beranda.

Tentang Kami V5

Layanan V3

Layanan V3 adalah halaman baru yang dirancang untuk tata letak Fotografi. Ini termasuk bagian dengan gambar untuk layanan dengan efek hover yang menarik. Gambar berayun ke atas, dan teks berayun ke bawah di dalam kartu untuk membuka foto dan tombol untuk melihat lebih banyak. Ini juga termasuk tabel harga gaya.

Layanan V3

Layanan Tunggal V3

Layanan Tunggal V3 adalah halaman baru untuk tata letak Fotografi. Ini mencakup bagian besar untuk teks dan gambar untuk menggambarkan satu layanan. Ini juga termasuk testimonial, formulir kontak, dll.

Layanan Tunggal V3

Hubungi Kami V4

Hubungi Kami V4 adalah halaman kontak untuk tata letak Restoran yang baru. Ini mencakup bagian dua kolom dengan informasi kontak, jam buka, dan formulir di sisi kiri. Sisi kanan termasuk peta dalam monokrom.

Hubungi Kami V4

Hubungi Kami V5

Hubungi Kami V5 adalah halaman kontak untuk tata letak Fotografi. Ini termasuk bagian uraian singkat dengan informasi kontak. Bagian utama halaman berisi formulir kontak yang besar.

Hubungi Kami V5

Testimoni V2

Testimonial V2 adalah halaman testimonial untuk tata letak Restoran yang baru. Ini menampilkan testimonial dalam kartu bergaya dengan latar belakang gambar.

Testimoni V2

Harga V2

Harga V2 adalah halaman baru untuk tata letak Fotografi. Ini termasuk bagian pahlawan, testimonial, dan bagian kontak yang sama dari halaman lain dan menambahkan tabel harga bergaya. Tabel menampilkan kartu dengan berbagai ketinggian dan warna latar belakang untuk judulnya.

Harga V2

Elemen Avanti

Avanti menyertakan beberapa halaman hanya dengan elemen sehingga Anda dapat mengaksesnya dengan mudah. Mereka termasuk header, footer, slide-in, flip box, service box, tabel harga, opt-in, anggota tim, dan testimonial. Tiga di antaranya termasuk elemen baru. Kita akan melihat ketiganya.

Header

Avanti menyertakan 5 tajuk untuk dipilih. Mereka menyertakan menu dropdown dengan latar belakang yang cocok dengan elemen di dalam header. Header pertama adalah default. Itu diatur di Divi Theme Builder sebagai tajuk global. Semua tajuk ditambahkan ke Perpustakaan Divi, sehingga Anda dapat dengan mudah mengubah ke tajuk lain jika diinginkan.

Header

Kotak Layanan

Kotak layanan Avanti mencakup enam cara berbeda untuk menampilkan layanan Anda. Sebagian besar menyertakan efek hover yang menambahkan teks, mengubah gambar, memperbesar, dll., untuk membuat kartu yang menarik.

Kotak Layanan

Testimonial

Avanti menyertakan 5 desain testimonial. Ini menyajikan kesaksian Anda dalam kartu bergaya. Mereka termasuk desain baru untuk tata letak Restoran dan Fotografi. Kesaksian pertama termasuk efek hover.

Testimonial

Dokumentasi Avanti

Langkah-langkah dokumentasi melalui pengaturan tema anak dan melakukan tugas tertentu seperti menonaktifkan efek Ken Burns, mengubah konten flip box, mengarahkan formulir kontak, mengubah slide-in, menambahkan lencana menu, dan banyak lagi.

Tempat Membeli Avanti

Avanti tersedia di Divi Marketplace seharga $35. Ini mencakup penggunaan tanpa batas, jaminan uang kembali 30 hari, dan dukungan serta pembaruan selama satu tahun.

Tempat Membeli Avanti

Mengakhiri Pikiran

Itulah tampilan tema anak Avanti Divi kami. Saya merasa mudah digunakan, dan jumlah halaman membuatnya sangat serbaguna. Halaman dan elemen baru tampak hebat. Saya terutama menyukai halaman rumah Restoran, Fotografi, dan toko yang baru. Avanti memiliki banyak halaman di banyak ceruk, menjadikannya pilihan tepat untuk hampir semua jenis situs web. Saya merasa nilainya jauh melebihi harganya.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba tema anak Avanti Divi? Beri tahu kami pendapat Anda tentang hal itu di komentar.