Galeri gambar sederhana dengan GenerateBlocks

 
Galeri gambar sederhana dengan GenerateBlocks

GenerateBlocks 1.7 dan GenerateBlocks Pro 1.5 telah memasuki kandidat rilis pertama dan akan segera tersedia untuk digunakan di lokasi produksi.

Dengan pembaruan penting dari plugin ini, yang lahir dengan empat blok sederhana, sekarang memiliki delapan blok dengan tambahan, antara lain, blok tab dan blok akordeon.

Tetapi pembaruan ini lebih dari itu, pembaruan ini memperluas kemungkinannya untuk membangun lebih banyak hal yang lebih baik. Dengan 220 perubahan file, dan lebih dari 10.000 baris kode yang diperbarui, editor GenerateBlocks lebih efisien, lebih modular, dan pada akhirnya berkinerja jauh lebih baik. Lebih banyak fitur yang ditambahkan, lebih cepat dan dengan lebih sedikit kode.

Itulah filosofi penciptanya, Tom Usborne:

"Semua yang kami lakukan selalu mengutamakan performa. Jika kami tidak dapat melakukan sesuatu dengan cara yang sederhana/ringan, kami tidak akan melakukannya".

Saya masih berpendapat bahwa set blok ini, jika terus berkembang seperti saat ini, tidak akan ada tandingannya. Setidaknya dari segi performa dan fleksibilitas.

Dan jika Anda meragukan daya tanggap blok GB yang baru, The Admin Bar telah membuat perbandingan performa dengan blok Kadence yang sama, dan blok GB masih lebih ringan. Di akhir perbandingan, ada detail kecil yang lucu tentang bobot dan jumlah permintaan yang berlebihan yang ditambahkan menggunakan judul Elementor yang sederhana.

Langsung ke pekerjaan

Dengan blok tab baru, Anda bisa membuat galeri gambar sederhana yang sangat bagus dan ringan, seperti yang ditunjukkan Mike Oliver, dan karena saya sedang menguji versi RC, saya mengambil kesempatan untuk membuat galeri uji coba dan meninggalkan catatan prosesnya di sini.

1 - Buka editor dan tambahkan blok Tab.

2 - Pilih templat tab yang Anda inginkan.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Tambahkan jumlah tab yang Anda perlukan dengan mengeklik +

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Gulir tab ke bawah atau ke atas, tergantung di mana kita ingin menampilkan gambar mini, untuk melakukannya pilih "Tab Items" dan klik panah gulir.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Dengan tab Tab yang dipilih, kita masuk ke konfigurasi blok di sisi kanan dan di TAB BUTTON TYPE, kita ubah dari "Button" menjadi "Container" karena kita tidak dapat menambahkan gambar di dalam tombol. Setelah melakukan ini, kita akan melihat bagaimana tombol-tombol tersebut berubah ikonnya menjadi ikon kontainer.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Hapus gaya dan teks dari tab.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Terakhir, kita menambahkan gambar ke wadah tab dan kotak konten yang sesuai.

Galeria simple con GenerateBlocks tutorial paso 7

Meskipun Anda memiliki penyesuaian yang bagus untuk desktop, tablet dan seluler, tanpa menyentuh apa pun, galeri ini terlihat sempurna dalam versi selulernya.

Dari sini kita bisa membuat galeri sesuai selera dengan menambahkan elemen lain, menerapkan gaya atau apa pun yang Anda inginkan.

Anda juga dapat mengatur gambar wadah sebagai latar belakang sehingga Anda dapat menambahkan blok lain di atasnya dan menampilkan judul, teks atau tombol lainnya.

Meskipun tidak masuk akal untuk membuat blok yang dapat digunakan kembali, kita selalu dapat menyalin kode struktur dasar galeri tanpa gambar untuk ditempelkan di pos atau halaman lain dan menambahkan gambar baru.

YouTube video

Beberapa tautan dalam artikel ini adalah tautan afiliasi


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Suscripción por e-mail

Recibe gratis los artículos completos en tu correo sin publicidad en el momento que se publiquen. Se envía el contenido íntegro del feed sin anuncios a través de un servicio externo.