Blog ini akan membahas pentingnya WordPress Lightbox dan prosedur penerapannya.
Apa itu Lightbox di WordPress?
Lightbox berhubungan dengan jendela pop-up yang ditampilkan pada postingan/halaman untuk menampilkan gambar yang lebih kecil dalam ukuran penuh. Sedemikian rupa sehingga bertindak sebagai galeri untuk mengimpor/mengunggah beberapa item media dan menyebarkannya ke situs. Selain itu, setelah penerapan, ketika media diklik, media tersebut akan dimaksimalkan dan muncul dengan jelas di layar. Aplikasi Lightbox yang paling umum adalah menampilkan gambar berkualitas tinggi di blog dengan mempertahankan ukurannya.
Bagaimana Mengimplementasikan Lightbox di WordPress?
LightBox dapat diimplementasikan/diterapkan dengan bantuan berbagai plugin. Dalam hal ini, “ Lightbox & Galeri Responsif plugin ” akan digunakan.
Manfaatkan langkah-langkah berikut untuk mengimplementasikan lightbox di WordPress.
Langkah 1: Instal Pluginnya
Pertama-tama, instal “ Lightbox & Galeri Responsif ” plugin dari “ Plugin->Tambahkan Baru ”:
Setelah instalasi dan aktivasi selesai, picu tombol “ Mulai Tur tombol ” untuk mulai menggunakan plugin:
Langkah 2: Tambahkan Gambar
Sekarang, tambahkan galeri baru dari “ Galeri->Tambahkan Baru ”:
Setelah itu, tetapkan nama khusus untuk galeri dan gunakan tombol “ Perpustakaan Media ” opsi dan pemicu “ Pilih gambar ” untuk mengunggah gambar baru atau menambahkan gambar yang sudah ada dari “Perpustakaan Media”:
Di sini, tandai gambar yang akan digunakan dan tekan tombol yang disorot:
Langkah 3: Edit Gambar yang Diunggah
Untuk mengedit atau menghapus gambar, arahkan kursor ke gambar target untuk menampilkan opsi baru, sebagai berikut:
Di sini, dapat divisualisasikan bahwa setelah mengklik tombol “ Sunting gambar ”, berbagai pilihan pengeditan seperti Alt Teks, Judul, Caption, dan Deskripsi menjadi jelas yang dapat diisi sesuai kebutuhan. Setelah mengedit, pastikan untuk menekan tombol “ Simpan perubahan ' tombol:
Menyesuaikan Lightbox
Untuk menyesuaikan Lightbox, ada beberapa tab yang dialokasikan dan masing-masing memiliki fungsi khusus. Tab ini akan dijelaskan satu per satu.
Tab Konfigurasi (Konfigurasi): Tab ini memungkinkan Anda memilih gaya galeri. Ini mencakup empat opsi yang disebutkan sebagai tombol radio untuk konfigurasi galeri:
Tab Desain: Ini mencakup beberapa opsi untuk memodifikasi thumbnail, judul, latar belakang, dan batas, masing-masing:
Tab Halaman: Tab ini memungkinkan pengembang untuk mengaktifkan penomoran halaman, menentukan jenis, posisinya, dll.:
Tab Kotak Cahaya: Di sini, ukuran gambar dapat disesuaikan dengan pengaturan judul dan keterangannya:
Tab Lain-Lain: Ini memungkinkan untuk menambahkan “ Deskripsi Galeri ' Dan ' Kelas Khusus ' dll.:
Menambahkan Lightbox ke Halaman/Postingan WordPress
Setelah mendesain galeri, postingan atau halaman juga dapat ditambahkan sebagai lightbox. Untuk melakukannya, tempelkan kode pendek ke layar edit postingan/halaman target melalui langkah-langkah yang diberikan di bawah ini:
Langkah 1: Navigasi ke Semua Galeri
Beralih ke ' Galeri > Semua Galeri ” dan salin kode pendek dari “ Kode pendek ” kolom:
Langkah 2: Tempel Kode
Di sini, buka halaman (dalam hal ini) atau postingan yang akan dimodifikasi dengan lightbox dan tempelkan kode pendek ke blok editor teks secara langsung, seperti yang ditentukan di bawah ini:
Tampilan Situs Web Terakhir
Di bawah ini adalah tampilan akhir website setelah penerapan gambar lightbox di halaman beranda:
Gambar-gambar ini ketika diklik, bertindak sebagai carousel dalam ukuran penuh tanpa melibatkan fungsi lainnya:
Kesimpulan
A ' Kotak lampu ” berhubungan dengan jendela pop-up yang berfungsi sebagai galeri untuk mengimpor beberapa item media dan menyebarkannya ke situs. Itu dapat diterapkan dengan bantuan berbagai plugin. Selain itu, ini terdiri dari beberapa opsi penyesuaian yang dapat diterapkan pada gambar target dan pada akhirnya diintegrasikan dengan fungsi situs. Tulisan ini membahas cara kerja “ Kotak lampu ” dan metodologi untuk mengimplementasikannya.