20 Flexbox Footers untuk Divi 5 (Unduh Gratis!)

Flexbox membuatnya lebih mudah dari sebelumnya untuk membuat footer yang terlihat bersih, beradaptasi dengan indah dengan ukuran layar yang berbeda, dan mudah disesuaikan dalam Divi 5. Dalam paket gratis ini, Anda akan menemukan 20 desain footer flexbox yang unik, masing -masing dibangun dengan sistem tata letak Flex Divi 5 untuk penyelarasan yang tepat dan kontrol responsif. Apakah Anda ingin menggunakan gaya global situs Anda yang ada atau mulai dengan desain yang sudah jadi, Anda akan menemukan kedua opsi di sini.

Pratinjau

Mari kita lihat semua 20 footer flexbox di paket ini. Paket ini gratis untuk Anda unduh lebih jauh ke bawah.

https://youtu.be/xutcua0rccs

Berlangganan saluran YouTube kami

Unduh 20 Flexbox Footers untuk Divi 5

Dapatkan semua 20 footer flexbox gratis, termasuk versi default dan prestyled. Setiap footer siap untuk diimpor ke perpustakaan Divi Anda dan digunakan di pembangun tema. Cukup unduh dan mulailah membangun.

Unduh file

Unduh secara gratis

Bergabunglah dengan The Divi Newsletter dan kami akan mengirimi Anda email salinan paket tata letak halaman pendaratan Ultimate Divi, ditambah banyak sumber daya divi yang luar biasa dan gratis, tips, dan trik. Ikuti bersama dan Anda akan menjadi master Divi dalam waktu singkat. Jika Anda sudah berlangganan cukup ketik alamat email Anda di bawah ini dan klik unduh untuk mengakses paket tata letak.

Unduh

Anda telah berhasil berlangganan. Silakan periksa alamat email Anda untuk mengonfirmasi langganan Anda dan mendapatkan akses ke paket tata letak divi mingguan gratis!

Apa yang termasuk (42 ekspor)

Setelah Anda mengunduh dan membuka ritsleting folder, Anda akan menemukan semua 42 Ekspor Tata Letak yang diatur dengan rapi menjadi versi default dan prestryled sebagai footer individual dan sebagai paket "semua footer" penuh.

Default - Footer Individual (20) → Menggunakan Gaya Global Anda.
Default - Semua footer (1) → paket lengkap menggunakan gaya global Anda.

Prestyled-Individual footer (20) → Termasuk gaya inline untuk tampilan instan dan siap pakai.
Prestyled - Semua footer (1) → Paket lengkap dengan gaya inline diterapkan.

Cara menginstal tata letak

Simpan folder unduhan Anda dekat untuk mulai mengimpornya ke situs web Divi Anda.

1. Impor tata letak ke perpustakaan Divi

Pergi ke Divi → Perpustakaan Divi.

Sesampai di sana, klik tombol Impor & Ekspor untuk menginstal file.

Cari file Flexbox Footer Layouts (ALL) dan klik untuk mengimpornya.

2. Buat template footer baru

Pergi ke Divi → Pembuat Tema.

Buat templat footer baru atau buka yang sudah ada.

3. Unggah tata letak footer

Setelah Anda berada di dalam area footer, Anda dapat menggunakan Perpustakaan Divi untuk memilih tata letak footer pilihan Anda. Klik tombol Tambahkan Tata Letak di sudut kiri atas pembangun tema.

Pilih tata letak yang disimpan .

Klik tata letak footer yang ingin Anda tambahkan ke pembangun tema.

Klik tombol Gunakan tata letak ini untuk memuat footer.

Pastikan untuk menyimpan footer baru dan perubahan pembangun tema Anda.

Default vs Prestyled: Mana yang harus Anda pilih?

Saat Anda membuka folder unduhan, Anda akan melihat dua versi dari setiap footer: ** default ** dan ** prestyled **. Mereka dibangun dengan cara yang persis sama, perbedaannya adalah bagaimana mereka menangani gaya.

Footer default mewarisi tampilan mereka dari gaya global Anda. Warna merek, font, dan gaya tombol Anda diterapkan secara otomatis. Jika Anda sudah mengatur gaya global Anda, default adalah cara tercepat untuk menambahkan footer ini ke situs Anda dan langsung cocok dengan desain Anda.

Footer Prestyled hadir dengan semua gaya yang dipanggang di: warna, font, dan desain tombol sejalan. Mereka terlihat persis seperti pratinjau keluar dari kotak. Ini bagus jika Anda membangun demo cepat, menguji ide, atau Anda ingin mengambil desain persis yang Anda lihat di tangkapan layar tanpa menyentuh variabel Anda.

Singkatnya, pergilah dengan default jika Anda ingin footer menyatu dengan gaya situs Anda yang ada. Pilih Prestyled jika Anda ingin tampilan siap pakai yang ditampilkan dalam pratinjau.

Menyesuaikan footer

Sistem tata letak Flexbox Divi 5 memberi Anda alat yang kuat untuk mengubah tata letak sambil menjaga semuanya responsif. Inilah cara menyesuaikan footer ini agar sesuai dengan gaya situs Anda.

1. Pilih modul untuk kustomisasi

Di pembangun tema, arahkan kursor ke tata letak dan klik pada modul yang ingin Anda edit, seperti modul teks, media sosial mengikuti modul, atau tombol. Panel Pengaturan Modul akan terbuka, memungkinkan Anda untuk memodifikasi konten, desain, atau opsi lanjutan.

Misalnya, Anda dapat mengklik modul teks dan mengubah konten modul, atau menggunakan Divi AI untuk membantu menulis konten yang akan menarik perhatian pengunjung.

Di tab Desain Modul, Anda dapat mengubah font, warna, dan lebih banyak pengaturan agar sesuai dengan branding Anda.

Setiap footer Flexbox sepenuhnya dapat disesuaikan, termasuk gambar, warna latar belakang, font, dan banyak lagi, memungkinkan Anda untuk mengubah desain agar sesuai dengan visi Anda.

2. Sesuaikan Pengaturan Flexbox untuk Kontrol Tata Letak

Setiap footer dirancang menggunakan sistem tata letak Flexbox Divi 5, yang berarti Anda dapat mengubah arah tata letak Anda, menyelaraskan item, atau membungkusnya menggunakan kontrol flexbox yang luas. Di pembuat tema, klik pada bagian atau baris yang ingin Anda sesuaikan. Misalnya, jika Anda ingin menyesuaikan ruang antara elemen desain, pilih kolom di dalam baris, navigasikan ke tab Desain, dan pilih menu tata letak dropdown.

Anda dapat menyesuaikan nilai di bidang celah vertikal untuk mengontrol jarak.

Opsi arah tata letak memungkinkan Anda untuk mengubah arah tata letak Anda. Misalnya, dalam pengaturan baris, Anda dapat menampilkan semua elemen desain dalam satu baris (horizontal), baris terbalik, kolom (secara vertikal), atau terbalik kolom.

Untuk mengontrol penyelarasan item Flex (kolom, baris, atau bagian) di sepanjang sumbu utama, Anda dapat menyesuaikan pengaturan konten yang membenarkan . Opsi yang tersedia termasuk menyelaraskan item ke awal, tengah, akhir, ruang antara, ruang di sekitar, atau ruang secara merata. Pengaturan ini ditentukan oleh arah fleksibel wadah. Misalnya, horisontal jika arah fleksibel diatur ke baris, atau vertikal jika diatur ke kolom.

Di bidang Align Items , Anda dapat menyelaraskan elemen desain dalam wadah dengan awal, tengah, akhir, atau peregangan.

Pengaturan Wrap Flex mengontrol apakah item fleksibel di dalam wadah tetap pada satu baris atau membungkus ke beberapa garis ketika tidak ada cukup ruang agar pas di sepanjang sumbu utama. Saat memilih No Wrap, semua item fleksibel dipaksa untuk tetap pada satu baris, bahkan jika mereka melimpah wadah.

Bungkus memastikan item fleksibel secara otomatis membungkus ke saluran tambahan saat tidak cocok, dan membungkus konten bungkus terbalik dalam urutan terbalik.

3. Tambahkan tautan jika perlu

Meskipun setiap tata letak footer siap keluar dari kotak, Anda masih harus menambahkan tautan. Dalam contoh ini, Anda akan menambahkan tautan ke media sosial Anda, ikuti modul atau kebijakan privasi. Klik untuk memperluas pengaturan modul. Klik pada item pertama di tab Konten untuk mengungkapkan pengaturannya.

Perluas dropdown tautan dan tambahkan tautan ke akun atau halaman Anda di bidang URL tautan akun .

Pastikan untuk menyimpan footer Anda sebelum keluar dari pembangun tema.

Gunakan Divi 5 untuk membangun footer Anda hari ini

20 footer Flexbox ini adalah cara cepat untuk mempercepat pembuatan Divi 5 Anda, apakah Anda bekerja dari gaya global Anda yang sudah mapan atau dimulai dengan tampilan yang telah dirancang sebelumnya. Unduh, masukkan ke dalam pembangun tema, dan buat sendiri. Flexbox menangani perataan sehingga Anda dapat fokus pada desain.