Perlu membuat galeri gambar tab di Elementor ?

Seperti yang selalu kami katakan, Elementor lebih dari sekadar plugin pembuat halaman. Ini adalah plugin serbaguna yang dapat menggantikan beberapa jenis plugin WordPress pada suatu waktu. Salah satu plugin yang bisa diganti Elementor adalah plugin galeri gambar.

dengan Elementor, Anda tidak perlu menginstal plugin tambahan apa pun untuk buat galeri gambar di situs WordPress Anda. Ada dua widget yang ditawarkan oleh Elementor untuk membuat galeri gambar: Galeri Dasar dan Galeri.

Widget Galeri Dasar - tersedia di Elementor Free - memungkinkan Anda membuat galeri gambar dasar sedangkan widget Galeri memungkinkan Anda membuat galeri gambar yang lebih canggih, termasuk galeri gambar bertab.

Ini bagus jika Anda ingin membuat galeri di situs web fotografi. Pada artikel ini, kami akan menunjukkan cara membuat galeri gambar tab di Elementor.

Cara membuat galeri gambar tab di Elementor

Widget Galeri tersedia di Elementor versi pro. Jadi pastikan Anda telah mengupgrade Elementor Anda ke versi pro jika belum. Banyak keuntungan yang akan kamu dapatkan dengan menggunakan Elementor Pro diantaranya adalah kemampuan untuk membuat tema WordPress tanpa pengkodean.

Baca juga: Cara membuat galeri gambar tab di Elementor

Dalam contoh ini, kita akan membuat galeri foto landscape. Foto-foto tersebut dibagi menjadi tiga jenis: gunung, laut dan air terjun. Kami akan membuat tiga tab untuk menampung setiap jenis lanskap ditambah tab untuk menampilkan semua foto.

Untuk memulai, buat halaman baru dan edit dengan Elementor. Anda juga dapat mengedit halaman yang ada. Tambahkan bagian dan seret widget Galeri ke dalamnya.

Cara membuat galeri gambar tab di Elementor

Di bawah blok Settings di bawah tab Kandungan, atur opsi Tipe di kelipatan.

Secara default, galeri Anda hanya berisi satu tab. Untuk menambahkan tab baru, cukup klik tombol TAMBAHKAN ELEMEN.

Lihat juga: Cara membuat bilah kemajuan gradien di Elementor

Buka salah satu item (tab). Tentukan label tab di bidang Judul. Klik tombol plus untuk memilih gambar yang ingin Anda tambahkan ke tab.

Pilih gambar dari perpustakaan media WordPress Anda. Jika Anda tidak memilikinya, unduh saja. Klik pada tombol Buat galeri baru -> Sisipkan galeri untuk menambahkan galeri ke tab.

Cara membuat galeri gambar tab di Elementor

Buka item lain (tab) dan ulangi langkah di atas untuk mengatur label tab dan menambahkan gambar.

Sesuaikan galeri

Setelah menambahkan gambar ke setiap tab, Anda dapat menyesuaikan galeri Anda. Di blok Pengaturan, Anda dapat mengatur tata letak, tinggi baris, ruang antara gambar dan ukuran gambar. Ada juga opsi untuk mengaktifkan fitur Lazy Load.

Buka blok Bilah Filter untuk menentukan label tab utama (tab "Semua"), penunjuk dan animasi.

Buka blok Hamparan untuk mengaktifkan hamparan. Anda dapat menampilkan judul dan deskripsi gambar saat mengarahkan kursor ke gambar dengan mengatur judul dan deskripsi.

Jika Anda ingin menampilkan judul dan deskripsi dengan mouse, Anda perlu mengedit gambar individual di galeri dan menambahkan parameter yang Anda tetapkan (teks alt, judul, keterangan atau deskripsi).

Buka tab Gaya untuk menyesuaikan galeri Anda. Ada 4 blok yang dapat Anda buka: Gambar, Hamparan, Konten, dan Bilah Filter.

Gambar

Blok ini memungkinkan Anda untuk mengatur warna batas gambar, warna batas penunjuk, lebar batas, radius batas, filter CSS, dan animasi penunjuk.

Cara membuat galeri gambar tab di Elementor

Hamparan

Blok ini memungkinkan Anda untuk mengatur warna overlay, warna overlay hover, blend mode, dan animasi hover.

Konten

Blok ini memungkinkan Anda untuk menyesuaikan konten gambar. Konten mengacu pada judul dan deskripsi gambar. Anda dapat mengatur perataan, posisi vertikal, isian, warna teks, dan tipografi (gaya font, jenis font, dan ukuran font).

Bilah Filter

Blok ini memungkinkan Anda untuk menyesuaikan filter. Anda dapat mengatur perataan, warna normal, warna penunjuk, warna aktif, warna teks, spasi antar tab dan tipografi.

Anda dapat memanipulasi pengaturan ini sampai Anda puas dengan hasilnya. Setelah selesai, klik tombol PUBLIKASIKAN / PERBARUI di bagian bawah panel kiri untuk memublikasikan atau memperbarui halaman Anda.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat galeri gambar tab di Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...