Loncat ke Konten Utama

Cara menampilkan slideshow Slider Revolusi WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Kami melanjutkan hari ini panduan kami tentang Revolusi Slider, tetapi kali ini kita akan berbicara tentang tampilan slideshow di halaman / artikel WordPress, tetapi juga kami akan melakukan beberapa konfigurasi lanjutan pada slider Anda. Saya berharap bahwa sejak awal panduan ini Anda berlatih di rumah (itu adalah keuntungan yang cukup besar untuk selalu berlatih). Jika Anda menemui masalah, saya mengingatkan Anda bahwa Anda dapat mengajukan pertanyaan kepada saya, saya akan dengan senang hati menjawabnya.

Bagi mereka yang mulai dengan membaca tutorial ini, saya mengundang Anda untuk tidak melewatkan awal tutorial ini tentang Revolution Slider:

Jika Anda melalui langkah-langkah ini, maka Anda dapat melanjutkan, jika tidak, Anda akan memiliki waktu yang sulit mengikuti saya.

Apa yang perlu Anda ketahui tentang Slideshow

Revolution Slider adalah plugin yang tidak bergantung pada tema apa pun. Pada prinsipnya, tayangan slide yang terakhir dapat ditampilkan pada semua jenis tema, tetapi ini tidak selalu benar. Memang, tema apa pun memiliki aturan gaya CSS yang dapat menjadi penghambat tampilan slider yang benar. Terkadang saat Anda memilih slider, tata letak " lebar penuh Ini akan meluap dan tidak akan ditampilkan sebagaimana mestinya.

Daripada mencari tema gratis yang akhirnya kompatibel dengan Revolution Slider, saya sarankan memilih tema premium yang sudah kompatibel dengan Revolutio Slider, dan salah satu tema yang saya lihat pertama adalah " Total Dari WPExplorer.

the-Total-tema-wordpress-framework

Salah satu contoh yang membenarkan fakta bahwa Anda harus mengambil tema premium adalah tampilan slider bertanda Twenty Fourteen sebagai contoh.

Revolusi-slider-tutorial-wordpress-slider-display-revolusi

Anda dapat melihat bahwa pada gambar ini, area merah mewakili semua ruang tema saat ini. Area biru mewakili luapan slider pada tema. Anda mungkin menemukan bahwa tampilan tidak optimal. Anda akan menemukan beberapa tema WordPress yang kompatibel dengan Revolution Slider ThemeForest

Itu dikatakan mari kita cari tahu cara menampilkan slider pada artikel / halaman

Cara menampilkan slider pada sebuah artikel

Revolution Slider menawarkan Anda untuk menambahkan slider ke halaman / artikel Anda dalam dua cara.

Buat Website Anda dengan Mudah dengan Elementor

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Menggunakan shortcode

Anda mengakses halaman konfigurasi dan mengambil kode pendek. Di bagian Slider Judul & Kode pendek Anda akan melihat bidang 3. 3e bidang yang berisi kode pendek yang dimulai "[rev_slider ...]" adalah salah satu dari mana Anda harus menyalin konten.

Revolusi-slider-recovery-of-shortcode

Yang harus Anda lakukan sekarang adalah menambahkan shortcode dalam artikel atau halaman pilihan Anda.

Menggunakan tombol add slider pada editor visual

Jika Anda tidak ingin kembali ke halaman konfigurasi slider setiap waktu, Anda dapat menggunakan tombol yang ditambahkan oleh slider revolusi dalam editor visual.

add-a-slider-wordpress-tutorial

Mengkliknya akan membuka jendela baru di mana Anda dapat memilih slider yang ingin Anda tambahkan ke halaman Anda.

add-a-slider-memiliki-a-halaman-wordpress

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin dan tema WordPress terbaik dari Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Dengan memilih penggeser, Anda dapat mengubah urutan slide. Perubahan ini hanya akan efektif dengan kode pendek khusus yang akan dibuat. Untuk mengubah urutan slide, klik " Memodifikasi Cepat Slider ". Anda akan mengakses daftar slide, yang dapat Anda atur ulang dengan " Drag dan Drop ".

drag-and-drop-revolusi-slider

Setelah selesai, Anda akan melihat kode pendek ditambahkan ke editor visual.

shortcode-revolusi-slider

Yang harus Anda lakukan sekarang adalah melihat artikel Anda. Itu saja, sekarang Anda memiliki dasar-dasar untuk membuat slider di WordPress.

Beberapa tips tentang penggunaan lanjutan dari Revolusi Slider

Sekarang setelah Anda tahu cara menggunakan Revolution Slider, saya akan memberikan beberapa kiat yang akan membantu Anda menjadi lebih produktif dalam menggunakan plugin ini.

Menggunakan cara pintas keyboard

Revolution Slider ingin menjadi editor tampilan slide yang lengkap. Oleh karena itu, Anda dapat menggunakan beberapa pintasan keyboard yang memungkinkan Anda bekerja lebih cepat.

  • CTRL + S : untuk menyimpan pekerjaan Anda
  • Panah arah : untuk memindahkan item di panggung Anda
  • Shift + Panah Arah : memungkinkan Anda memindahkan item lebih cepat
  • Shift + Ubah ukuran : memungkinkan penskalaan proporsional
  • Klik dua kali : buka modifikasi elemen

Kuasai alat-alat editor slide

Slide ini menawarkan alat yang akan memungkinkan Anda untuk dengan mudah memindahkan elemen Anda. Kami sudah memberi tahu Anda tentang grid, tetapi juga, Anda dapat menggunakan tombol penyelarasan yang diusulkan oleh Revolution Slider.

keselarasan-of-unsur-revolusi-slider

Tombol keselarasan ini memungkinkan Anda untuk menempatkan item ke baris pertama dari kiri ke kanan, di ujung kiri dari tempat kejadian, di tengah-tengah panggung dan di ujung kanan dari TKP. Untuk baris kedua, pada akhir tinggi dari panggung di tengah panggung dan akhir dasar TKP. Dengan menggunakan tombol ini dengan benar, Anda dapat memusatkan elemen dengan mudah dalam dua klik.

Unsur pusat-revolusi-slider

Gunakan alat navigasi antar elemen adegan

Agar mudah menemukan item yang tersedia dalam suatu adegan, Anda dapat menggunakan " waktu Atau penjelajah elemen dari sebuah adegan. Yang terakhir ada di bagian paling atas editor panggung.

Buat Toko Online Anda dengan Mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Direkomendasikan]

explorer-in-slide-revolusi-slider

Dengan mengklik pada daftar explorer, Anda akan dapat melakukan berbagai operasi pada elemen, termasuk:

  • Edit item: ikon pensil
  • Ubah rasio aspek: ikon dengan panah arah
  • Hapus item: ikon sampah
  • Duplikat item: ikon halaman ganda
  • Sembunyikan elemen: ikon mata
  • Kunci item: ikon kunci

Jika Anda memberi sedikit perhatian pada area yang sama ini, Anda akan melihat tombol uji kelayakan ekstensi bilah geser, ini akan memungkinkan Anda untuk melihat pratinjau tampilan penggeser di perangkat seluler.

mode-revolusi-responsif-slider

Itu saja untuk tutorial ini. Anda sekarang dipersenjatai untuk membuat penggeser yang mengagumkan. Jika Anda memiliki pertanyaan, jangan ragu untuk bertanya kepada mereka.

Artikel ini berisi 1 komentar

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Kolom wajib ditandai dengan *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari lebih lanjut tentang bagaimana data umpan balik Anda digunakan.

Kembali ke atas
17 saham
saham10
menciak1
Register6