Loncat ke Konten Utama

Cara menampilkan slideshow Slider Revolusi WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.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 Revolution Slider, tetapi kali ini kami akan berbicara tentang tampilan slide di halaman WordPress / artikel, 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 menemukan masalah, saya mengingatkan Anda bahwa Anda dapat bertanya kepada saya, saya akan dengan senang hati menjawabnya.

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

Jika Anda melalui langkah-langkah ini, maka Anda dapat melanjutkan, jika tidak, Anda akan kesulitan 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 pada akhirnya akan 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 bertema Twenty Fourteen misalnya.

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

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

Yang sedang berkata 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 dengan dua cara.

Buat situs web Anda dengan Elementor dengan mudah

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 ini Judul & Kode Pendek Slider Anda akan melihat bidang 3. 3e bidang yang berisi kode pendek yang dimulai sebagai "[rev_slider ..." adalah yang isinya harus Anda salin.

Revolusi-slider-recovery-of-shortcode

Yang harus Anda lakukan sekarang adalah menambahkan kode pendek di artikel atau halaman pilihan Anda.

Menggunakan tombol add slider pada editor visual

Jika Anda tidak ingin kembali ke halaman konfigurasi penggeser setiap saat, Anda dapat menggunakan tombol yang ditambahkan oleh penggeser revolusi di 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

Dengan memilih slider, Anda dapat mengubah urutan slide secara khusus. 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 tata ulang dengan " Drag dan Drop '.

drag-and-drop-revolusi-slider

Apakah Anda mencari tema dan plugin WordPress terbaik?

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

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

shortcode-revolusi-slider

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

Beberapa kiat tentang penggunaan lanjutan dari Slider Revolusi

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. Hasilnya, ini memungkinkan Anda untuk menggunakan beberapa pintasan keyboard yang memungkinkan Anda bekerja lebih cepat.

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

Kuasai alat editor slide

Slide menawarkan alat yang memungkinkan Anda untuk dengan mudah memindahkan elemen Anda. Kami telah berbicara tentang kisi, tetapi Anda juga dapat menggunakan tombol penyelarasan yang diusulkan oleh Revolution Slider.

keselarasan-of-unsur-revolusi-slider

Tombol penyelarasan ini memungkinkan Anda menempatkan elemen, untuk baris pertama dari kiri ke kanan, di ujung kiri Stage, di tengah Stage dan di ujung kanan Stage. Untuk baris kedua, di ujung panggung, di tengah panggung dan di ujung panggung. Dengan menggunakan tombol-tombol ini dengan benar, Anda dapat memusatkan elemen dengan mudah dalam dua klik.

Unsur pusat-revolusi-slider

Gunakan alat navigasi antara elemen adegan

Untuk dengan mudah menemukan item yang tersedia dalam sebuah adegan, Anda dapat menggunakan " waktu Atau penjelajah unsur dari sebuah adegan. Yang terakhir adalah di bagian paling atas dari editor panggung.

explorer-in-slide-revolusi-slider

Buat Toko Online Anda dengan mudah

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

Dengan mengklik daftar penjelajah, Anda akan dapat melakukan berbagai operasi pada item, termasuk:

  • Edit elemen: ikon pensil
  • Ubah ukuran proporsi elemen: ikon dengan panah arah
  • Hapus item: ikon tempat sampah
  • Elemen duplikat: ikon halaman ganda
  • Sembunyikan item: ikon mata
  • Kunci item: ikon gembok

Jika Anda sedikit memperhatikan area yang sama ini, Anda akan melihat tombol uji ekstensibilitas slider, ini akan memungkinkan Anda untuk melihat tampilan slider Anda pada perangkat seluler.

mode-revolusi-responsif-slider

Itu saja untuk tutorial ini. Anda sekarang bersenjata untuk membuat slider mengesankan. JIKA Anda memiliki pertanyaan, jangan ragu untuk bertanya kepada saya.

Artikel ini berisi 1 komentar

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas