Kembali ke Dukungan Konten dan Media Blok Blok Slideshow

Blok Slideshow

Panduan ini berisi cara menggunakan blok Slideshow untuk menambahkan slideshow gambar interaktif pada pos atau halaman.

Di situs terlihat seperti ini:

Menambahkan Blok Slideshow

Untuk menambahkan blok Slideshow, klik ikon + Penyisip Blok dan cari “slideshow”. Klik untuk menambahkan blok ke pos atau halaman.

Tangkapan layar yang memperlihatkan cara menambahkan blok Slideshow dengan tombol "+ Penyisip Blok" di kiri atas editor blok.
Tambahkan blok baru dan cari Slideshow.

💡

Dengan keyboard, Anda juga dapat mengetikkan /slideshow pada baris baru dan menekan enter untuk menambahkan blok Slideshow baru dengan cepat.

Tangkapan layar yang memperlihatkan cara menambahkan blok Slideshow dengan mengetikkan / dan Slideshow di blok baru dalam area editor utama.
Ketik /slideshow di blok baru.

Instruksi selengkapnya tentang cara menambahkan blok terdapat di sini.

Menambahkan Gambar

Saat pertama kali menambahkan blok Slideshow, Anda mendapatkan dua pilihan: Unggah dan Pilih Gambar.

Contoh cara mengunggah atau menambahkan gambar dari Pustaka Media, Google Photos, Pexels Free Photos, atau Openverse di Blok Slideshow.
Mengunggah atau memilih gambar di blok Slideshow.

Pilih Unggah, untuk mengunggah satu atau lebih gambar baru dari komputer ke situs Anda.

Pilih Pilih Gambar untuk memilih gambar yang sudah diunggah sebelumnya di Pustaka Media, atau dari Google Photos, pustaka Pexels Free Photos, atau Openverse.

Menambahkan Gambar Lain

Anda dapat menambahkan gambar lain pada slideshow dengan menggunakan pilihan Unggah gambar di bawah slideshow yang telah Anda buat:

Tangkapan layar yang memperlihatkan penambahan gambar lain pada slideshow dengan pilihan Unggah gambar.
Menambahkan gambar lain pada slideshow.

Menyunting Slideshow

Anda dapat menggunakan tombol Sunting Slideshow di bilah peralatan untuk menambahkan atau menghapus gambar, atau menyusun ulang urutan tampilannya.

Tangkapan layar yang memperlihatkan pilihan Sunting Slideshow di bilah peralatan blok Slideshow.
Tombol Sunting Slideshow di bilah peralatan blok.

Mengurutkan Ulang Gambar

Gambar ditambahkan ke slideshow dengan urutan yang Anda pilih saat membuat slideshow. Anda dapat mengubah urutan gambar dengan pilihan Sunting Slideshow. Anda akan melihat nomor di sebelah tiap gambar ketika memilihnya. Nomor ini menunjukkan urutan tampilan gambar di blok Slideshow Anda.

Mengurutkan ulang gambar di blok Slideshow

Bilah Peralatan Blok

Jika Anda mengeklik blok, bilah peralatan berisi berbagai pilihan akan muncul di atasnya:

Tangkapan layar yang memperlihatkan bilah peralatan blok Slideshow
Bilah peralatan blok Slideshow

Blok Slideshow menyediakan pilihan berikut di bilah peralatannya:

Pengaturan Blok

Saat mengeklik blok, Anda akan menemukan pengaturan blok tambahan di bilah sisi kanan. Jika tidak melihat bilah sisi, Anda mungkin perlu mengeklik ikon ⚙️ (roda gigi) di ujung kanan atas untuk membuka pengaturan.

Tangkapan layar yang memperlihatkan pengaturan blok Slideshow di bilah sisi kanan.
Klik ikon⚙️ untuk membuka pengaturan blok

Blok Slideshow memiliki banyak pengaturan yang dapat Anda sesuaikan di bilah sisi Pengaturan Blok.  

Pengaturan blok Slideshow
Putar otomatis

Aktifkan pilihan ini untuk membuat slideshow Anda beralih antargambar secara otomatis.

Jika diaktifkan, tombol pause akan muncul di slideshow agar pengunjung dapat menjeda slideshow. Anda juga dapat memilih lamanya (dalam detik) penundaan antartransisi otomatis:

Tangkapan layar yang memperlihatkan tombol Putar Otomatis dan tombol pause di blok Slideshow untuk mengatur lamanya penundaan antartransisi.
Tombol pause di blok Slodeshow yang mengaktifkan Putar Otomatis.
Efek

Di tab Efek, Anda dapat memilih antara efek Slide dan Fade untuk transisi slide Anda.

Tangkapan layar yang memperlihatkan efek Transisi Slide dan Fade di blok Slideshow.
Efek Transisi di blok Slideshow.
Pengaturan Gambar

Di tab Pengaturan Gambar, Anda dapat memilih ukuran gambar untuk blok Slideshow, dengan pilihan Gambar Mini, Sedang, Besar, dan Ukuran Penuh.

Tangkapan layar yang memperlihatkan pengaturan gambar di blok Slideshow.
Ukuran Gambar di blok Slideshow.
Lanjutan

Tingkat Lanjut

Tab Tingkat Lanjut memungkinkan Anda menambahkan kelas CSS ke blok, sehingga Anda dapat menulis CSS khusus dan mengatur gaya blok sesuai keinginan.

Bagian lanjutan memungkinkan Anda menambahkan kelas CSS ke blok.
Bagian lanjutan memungkinkan Anda menambahkan kelas CSS ke blok.
Copied to clipboard!