Ingin mengonfigurasi WordPress Plugin Revolusi Slider?
Sejak awal seri tutorial ini didedikasikan untuk WordPress Plugin slider Revolusi, kami belajar untuk unduh dan pasang plugin. Kami kemudian menemukan antarmuka dan fungsi yang berbeda. Sekarang, mari kita lanjutkan dengan menunjukkan kepada Anda konfigurasi a "Slider".
Jika Anda seorang pemula dan sedang mencari sumber daya untuk memulai; Anda akan menemukan di sini semua yang Anda butuhkan untuk memulai. Dan jika Anda menemukan pembuatan blog baca Cara Membuat Blog WordPress dengan Mudah: Panduan & Tuto
Yang mengatakan, mari kita cari tahu apa itu slider.
Apa itu slider dalam praktiknya?
Slider adalah komponen HTML. Ya saya tahu, berkata demikian, itu tidak memberi Anda banyak manfaat. Jadi slider adalah fitur yang memungkinkan Anda untuk menampilkan berbagai informasi dalam satu lingkaran (atau tidak). Informasi ini dikelompokkan berdasarkan " meluncur ", Yang merupakan entitas dari" penggeser "dan yang dapat terdiri dari gambar, teks video, tautan, dll.
yang " slider "Karena itu mengandung" slide (Setidaknya 1), dan slide ini mengandung elemen multimedia (gambar, video, musik, teks) yang dapat dianimasikan atau interaktif (bereaksi terhadap tindakan pengguna).
Ucapan : Anda dapat menerjemahkan " slider Dalam " slide interaktif dan dinamis '.
Slider Revolution memungkinkan kita melakukan itu, dan kita akan mulai tanpa penundaan lebih lanjut.
Jika Anda belum membuat situs web dan sedang mencari tema WordPress yang secara asli mengintegrasikan kekuatan ini WordPress Plugin, daftar tema WordPress premium ini akan sempurna.
Pembuatan slider: Konfigurasi pertama
Untuk memulai, Anda harus mengklik menu " slider Revolusi Di dasbor WordPress Anda.
Sekarang klik pada item tersebut baru Slider Dan Anda akan datang ke antarmuka konfigurasi slider.
Antarmuka konfigurasi slider dapat mengintimidasi, tetapi jika Anda mundur selangkah, Anda akan lebih memahami fungsinya. Anda mungkin memperhatikan bahwa antarmuka ini terdiri dari dua bagian. Yang pertama di sebelah kiri terdiri dari 5 area berbeda, dan yang kedua di sebelah kanan terdiri dari 6 area kecil. Tepat di atas Anda memiliki toolbar, yang memungkinkan Anda:
- Kembali ke daftar slider « semua Sliders »
- Akses pengaturan slider (ini adalah jendela tempat Anda berada)
- Antarmuka pengeditan slide
- Sebuah tombol backup
- Tombol pengeditan slide
- Tombol pratinjau slider
- Tombol peluncur penggeser
- Sebuah tombol untuk kembali (bis) Untuk daftar slider
Sekarang saya akan menjelaskan setiap bagian di kolom kiri.
Plugin WordPress ini memanipulasi banyak gambar, yang dapat memperlambat pemuatan situs web Anda. Menemukan Mengapa Anda perlu mulai mengoptimalkan blog WordPress Anda dengan gambar
Bagian "Sumber Konten"
Bagian ini memungkinkan Anda untuk mengonfigurasi sumber slider. Memang, di sini Anda dapat memutuskan untuk membuat:
- Slider klasik, di mana Anda harus mengkonfigurasi sendiri semua animasi
- Slider artikel, di mana ruang gerak Anda sangat terbatas
- Slider artikel tertentu yang dapat Anda pilih
- Slider dari umpan berita Flickr
- Slider dari feed Instagram
- Penggeser produk WooCommerce
- Sebuah slider pada pakan Twitter
- Penggeser di pos Facebook
- Sebuah slider di YouTube Publikasi
- Dan slider pada publikasi Vimeo
Perlu dicatat secara sepintas bahwa: Slider Revolution adalah plugin yang kuat yang memungkinkan untuk menyorot produk di toko online. Temukan Tema 10 WordPress untuk membuat toko online dan memamerkan pakaian Anda
Yang mengatakan, kita akan puas mempresentasikan cara membuat slider klasik, karena itu adalah yang paling digunakan, yang paling sulit untuk dikuasai dan yang paling luar biasa dalam efeknya. Dengan latihan, Anda akan berhasil membuat konfigurasi sendiri di slider lain. Jika ada masalah, jangan ragu untuk kembali dan memberikan komentar di sini. Jadi tinggalkan pilihan " Slider default "Aktif.
Bagian Slider Title & Shortcode
Anda mungkin bisa menebaknya. Bagian ini memungkinkan Anda untuk menentukan judul slider dan kode pendek yang menyertainya (tidak ada yang terlalu ilmu roket).
Bagian "Pilih jenis penggeser"
Bagian ini memungkinkan Anda untuk menentukan struktur dasar slider. Memang, Anda memiliki 3 pilihan untuk dipilih yang memungkinkan Anda:
- Untuk opsi pertama tentukan slider standar dengan lebar disesuaikan dengan ruang yang tersedia dan memiliki elemen dasar seperti tombol navigasi.
- Untuk opsi kedua, Anda dapat memutuskan untuk menerapkan gaya yang dinamis dan interaktif, tanpa tombol navigasi dan jauh lebih mengesankan daripada opsi sebelumnya. Pilihan ini disebut "hero scene" karena di sini Anda akan lebih menekankan pada animasi dan interaksi.
- Opsi terakhir menawarkan gaya yang jauh lebih klasik dengan pengguliran gambar yang disederhanakan dari kiri ke kanan dalam animasi yang cukup bervariasi.
Ucapan : Setiap kali Anda memilih opsi, Anda memiliki bagian "Muat preset dari Slider Type iniYang menawarkan Anda variasi lanjutan dari jenis slider yang telah Anda pilih.
Saya tidak akan bisa menjelaskan semua variasi, tetapi Anda akan dapat menarik kesimpulan dari gambar yang tersedia. Misalnya, untuk tipe slider " Standar Anda memiliki variasi keempat " Thumbs Bawah diri ", Yang memungkinkan Anda membuat slider dengan gambar mini di bagian bawah dan memiliki animasi gulir otomatis.
Bagian "Tata Letak Slide"
Bagian ini memungkinkan Anda untuk mengatur tata letak untuk slider Anda. Jadi kamu bisa pergi ' Revolusi Slider »Secara otomatis memilih lebar yang akan diterapkan pada slider, pilih untuk menerapkan lebar penuh ke slider atau gunakan slider dalam mode layar penuh.
Tergantung pada opsi mana yang Anda pilih, Slider Anda akan berbeda pada beberapa perangkat. Anda memiliki di bawah bagian konfigurasi grid sesuai dengan perangkat (ponsel, desktop, dll.). Ingatlah bahwa mengonfigurasi kisi memungkinkan Anda mengubah margin internal masing-masing slider.
Baca juga 6 kiat untuk mengoptimalkan desain seluler blog Anda
Di bagian paling bawah dari bagian ini, Anda dapat memilih untuk mengaktifkan visibilitas overflow, mengaktifkan retensi tampilan radio, dan mengatur ketinggian minimum.
Bagian "Sesuaikan, Bangun & Terapkan"
Bagian ini sebenarnya tidak memiliki opsi untuk plugin. Ini menawarkan Anda beberapa tautan cepat ke bagian-bagian penting.
Kami sekarang akan melanjutkan dengan kolom kedua di sebelah kanan.
Bagian Pengaturan Umum
Bagian ini menawarkan Anda beberapa pengaturan yang akan diterapkan ke slider. Beginilah cara Anda dapat:
Di tab "Slideshow"
- Nonaktifkan slider saat flyover
- Hentikan slider setelah jumlah gulungan yang ditentukan
- Perlihatkan slide secara acak
- Lingkarkan slide
- Nonaktifkan atau hentikan slider pada ukuran perangkat tertentu
- Opsi terakhir "Tunggu revapi.revstart ()", tidak akan berguna bagi Anda.
Di tab "Kesalahan"
Anda dapat mendefinisikan:
- Karakter yang dipilih dari lapisan
- Tentukan pengidentifikasi slider (ini dilakukan secara otomatis)
- Durasi minimum antar slide
- Batas waktu sebelum inisialisasi
- Transisi antara slide
- Durasi transisi dinyatakan dalam mikrodetik
- Ukuran gambar
- Posisi CSS dari gambar latar belakang
- Ulangi gambar latar belakang, jika gambar ini tidak cukup besar
- Aktivasi opsi " video Muette Yang memungkinkan Anda untuk menentukan jenis animasi, posisi dalam XY (ya, apa yang Anda pelajari ketika Anda harus menggambar fungsi matematika), dan elemen lainnya.
Tab bilah kemajuan
Semua opsi di bagian ini adalah untuk bilah progres, yang dapat Anda aktifkan dan sesuaikan.
Tab 1er Meluncur
Bagian ini memungkinkan Anda untuk mengaktifkan slide alternatif pertama. Ini akan memungkinkan " slider Untuk memuat " meluncur Dari pilihan Anda terlebih dahulu. Ingat itu " slide Merupakan elemen yang dapat diidentifikasi.
Bagian "Tata Letak & Visual"
Tab "Penampilan"
Bagian ini memungkinkan Anda untuk mengonfigurasi tampilan slider. Secara khusus, Anda dapat menentukan untuk menampilkan bayangan di bawah slider (sangat berguna jika Anda memilih slider standar, dengan margin rendah yang signifikan).
Anda juga dapat memilih untuk menampilkan overlayer yang ditutupi dengan titik-titik transparan (ini akan membuat slider Anda sangat orisinal, tetapi jika Anda ingin menampilkan informasi yang perlu dibaca secara menyeluruh, Anda harus menggunakannya tanpa).
Kemudian Anda memiliki latar belakang slider, margin internal dan gambar di latar belakang (apa yang perlu Anda ketahui di sini adalah bahwa gambar latar belakang pada tingkat ini akan ditampilkan pada semua Anda slide).
tab "Pemintal"
Tab ini memungkinkan Anda untuk menentukan animasi saat memuat slider, tidak lebih.
tab "Seluler"
Tab ini memungkinkan Anda untuk mengelola tampilan slider di ponsel. Anda harus tahu bahwa lalu lintas seluler penting dan karenanya Anda tidak boleh mengabaikannya. Anda akan memiliki kemungkinan untuk menyembunyikan slider jika dimensi ponsel (lebar) kurang dari angka yang telah Anda tentukan (dalam piksel).
tab "Posisi"
Ini memungkinkan Anda untuk menentukan posisi slider relatif terhadap halaman. Saya akan cenderung mengatakan, sehubungan dengan lokasi di mana ia berada. Opsi ini tidak perlu diubah, karena saya kira kita semua ingin slider untuk dipusatkan.
Bagian "Navigasi"
Bagian ini memungkinkan Anda untuk mengaktifkan tombol navigasi di antara slide di "slider" Anda. Anda memiliki 6 opsi navigasi:
- Panah
- kutu
- tab
- thumbnail
- Efek touchdown pada perangkat seluler
- Dan navigasi dengan tombol panah
Setiap opsi, ketika diaktifkan, akan memungkinkan Anda untuk mengonfigurasikan posisi elemen navigasi atau prinsip operasinya (pengaturan standar biasanya cukup).
Bagian "Setelan Korsel"
Bagian ini hanya muncul ketika Anda memilih jenis " Carousel Slider », Dan memungkinkan Anda untuk mengkonfigurasi opsinya. Anda akan sanggup untuk:
- Aktifkan pengguliran tak terbatas
- Tentukan ruang di antara slide, jika Anda tidak ingin slide menyentuh
- Tetapkan batas bulat dalam piksel
- Tetapkan margin atas tinggi (padding-top)
- Tetapkan margin atas rendah (padding-bottom)
- Jumlah elemen yang terlihat oleh "slide"
- « elemen strech", Memungkinkan Anda meregangkan elemen sehingga menempati seluruh lebar" slider »
Keamanan adalah elemen penting dalam uptime situs Anda dan salah satu teknik yang akan melindungi Anda dari serangan atau bug serius adalah dengan mencadangkan blog Anda secara teratur. Temukan kami Plugin Cadangan Blog WordPress 5
Bagian "Paralaks & 3D"
Di sini Anda dapat mengaktifkan opsi " 3D Di slider Anda.
Bagian "Masalah & Penanganan"
Bagian ini memungkinkan Anda untuk mengelola kompatibilitas dengan perangkat lama. Anda dapat menyederhanakan slider pada " IOS4 dan Internet Explorer 8 '.
Jika tidak, Anda dapat memilih untuk menampilkan gambar alternatif, ketika browser tidak mendukung slider.
Bagian "Google Font"
Fungsi ini memungkinkan Anda untuk mengelola font Google Font yang akan Anda unduh dan menerapkannya ke penggeser.
Setelah Anda menentukan parameter slider Anda. Yang harus Anda lakukan adalah mengklik tombol rekam.
Jika plugin WordPress Slider Revolution bukan favorit Anda dalam membuat slider di situs WordPress, di sini kami menawarkan dua alternatif yang dapat menawarkan fungsionalitas serupa.
1. LayerSlider
LayerSlider adalah plugin animasi multiguna WordPress premium. Ini memberi Anda opsi untuk membuat tayangan slide dan galeri gambar dengan efek yang menakjubkan, halaman arahan dan blok halaman yang beranimasi indah, atau bahkan situs web lengkap.
Ini adalah salah satu alternatif yang mampu bersaing ketat dengan Slider Revolution. Editor seret dan lepas visualnya membuatnya sangat intuitif bagi siapa saja untuk mulai menggunakannya. Tidak diperlukan keterampilan teknis atau pengkodean. Pilihan model yang dapat diimpor yang terus berkembang merupakan titik awal yang ideal untuk proyek baru dan mencakup semua kasus penggunaan umum. Mereka dibuat dengan hati-hati, dan dapat dengan mudah disesuaikan untuk memenuhi semua kebutuhan.
Dukungan luar biasa dan pembaruan yang sering dilakukan memastikan Anda mendapatkan hasil maksimal dari pembelian Anda.
Pergi lebih jauh dengan plugin WordPress yang kuat ini dengan membaca artikel ini Layer Slider: Plugin WordPress untuk membuat slider
Download | Demo | Hébergement Web
2. Slider WP1
WP1 Slider adalah plugin WordPress serbaguna. Mudah digunakan dan memiliki semua fitur berguna yang Anda perlukan untuk membuat tayangan slide yang indah. Sebagian besar penggeser penggeser terlalu teknis dan memerlukan banyak waktu untuk mengonfigurasinya, tetapi WP1 Slider dirancang untuk yang bukan pemrogram dan menawarkan opsi yang luar biasa.
Di antara ini Anda akan menemukan:dukungan efek Kenburn, 6 model yang berbeda dari transisi slider, thedukungan shortcode, a conception slide dengan drag dan drop, cpelecehan cepat dan SEO yang sangat baikdukungan untuk berbagi di beberapa jejaring sosial, iintegrasi video YouTube dan Vimeo, tata letak esepenuhnya responsif, dukungan WooCommerce dan lain-lain.
Download | Demo | Hébergement Web
Sumber daya lain yang direkomendasikan
Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.
- Plugin 8 WordPress untuk membuat diagram di blog
- 5 plugin WordPress untuk berbagi artikel Anda
- Plugin 6 WordPress untuk memastikan kepatuhan RGPD terhadap sebuah blog
- 8 plugin WordPress untuk menambahkan sistem terjemahan di blog
Kesimpulan
Voila! Itu saja untuk presentasi ini tentang konfigurasi plugin WordPress Slider Revolusi. Kami akan melanjutkan tutorial di masa mendatang, di mana kami akan membahas desain slide.
Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Tapi, jika Anda memiliki komentar atau saran tentang masalah ini, mereka akan diterima di bagian komentar. Terutama bagikan artikel ini di tempat berbeda Anda jaringan sosial.
Halo,
Saya ingin tahu mengapa font yang saya pasang di slider saya ditampilkan dengan baik saat melihatnya, ketika saya memasukkannya ke situs saya, itu tidak lagi sama?
Halo Steffi,
Kosongkan cache browser Anda atau jelajahi situs web Anda dalam mode pribadi. Ini harus menyelesaikan masalah Anda
Halo, saya telah membuat 2 model berbeda. Sekarang saya ingin beralih dari kursor online saya saat ini. Saya tidak bisa melakukan ini. Adakah yang bisa memberikan nasihat ajaib? Terima kasih sebelumnya!
Saya membuat slider4 dan menempatkan 3 diaspositif di slider ini. Tetapi di beranda saya, revolusi slider hanya menampilkan satu slide dan tidak menampilkan sisanya. Ini hanya menampilkan slide pertama. Ketika saya membawa misalnya slide terakhir ke tempat pertama, revolusi slider menampilkan ini yang terakhir dan meninggalkan yang lain
Bonsoir,
Bisakah Anda membagikan tangkapan layar dari pengaturan Anda? Atau, ekspor slide Anda lalu pulihkan pengaturan slider revolusi.
Halo,
Saya ingin membuat penggeser dinamis, apakah Anda memiliki file terkait pembuatan penggeser dengan efek di atas mouse.
merci
Halo,
Sayangnya tidak.
Halo, saya mengunduh templat penggeser, saya dapat memodifikasi teks dan gambar, saya menggunakan revolusi penggeser premium, namun: kita dapat melihat teks "Revolusi Penggeser…" + tautan ke jejaring sosial mereka di pff slide. Dan saya tidak dapat menemukan atau menghapus teks ini. Terima kasih sebelumnya
Selamat malam, Alicia,
Sudahkah Anda mencoba membuat slider baru daripada menggunakan template?
halo saya punya sedikit masalah ketika saya membuat slider dan saya ingin memodifikasinya di ponsel, teks yang telah saya tambahkan ke slider tidak muncul di slider seluler mengapa (saat memodifikasi) ???
Halo,
Dapatkah Anda ulang kata-kata permintaan Anda?
Halo,
Saya mengalami masalah dengan Revolution Slider. Sepertinya saya tidak dapat menemukan solusi agar foto saya tidak terpotong secara vertikal.
Haruskah dia memiliki kotak centang?
Terima kasih atas kembalinya kamu
Norbert
Selamat malam,
Perlu untuk mengoptimalkan dimensi gambar.
Halo, Revolusi slider saya terpotong karena tema WordPress saya.
Que faire?
merci
Halo,
Cobalah untuk menonaktifkan semua plugin, dan jika masalah tetap ada karena tema, ubah atau hubungi penjual.
Halo,
pada revolusi slider Saya ingin slide saya untuk memulai hanya ketika mouse atau gulir memicu itu. Apakah mungkin?
Parameter mana di penggeser yang diaktifkan?
Merci beaucoup.
dapatkah kita melakukan keduanya, yaitu memulai penggeser dengan mouse / gulir dan juga menempatkan penundaan inisialisasi yang saya lihat dalam parameter umum untuk menangani semua kemungkinan kasus secara bersamaan dan memastikan pengunjung situs melihat bilah geser ini
merci beaucoup
Halo Itu mungkin tetapi saat ini kami tidak memiliki tutorial untuk ditunjukkan kepada Anda.
Merci bien.
Dan dalam beberapa kata karena saya sekarang akrab dengan sliderrevolution.
Itu akan membantu saya
bonjour,
pada revolusi slider Saya ingin slide saya untuk memulai hanya ketika mouse atau gulir memicu itu. Apakah mungkin?
Parameter mana di penggeser yang diaktifkan?
Merci beaucoup.
Bisakah kita melakukan keduanya, yaitu memulai slider dengan mouse / scroll dan juga mengatur penundaan inisialisasi yang saya lihat di parameter umum untuk menangani semua kemungkinan kasus secara bersamaan dan memastikannya bahwa pengunjung situs melihat bilah geser ini
Halo, selamat malam, saya ragu.
Saya memiliki beberapa gambar dalam revolusi Slider dan saya ingin menyembunyikannya di versi seluler kecuali yang pertama. Saya melihat bahwa plugin yang sama memiliki kemampuan untuk menyembunyikan gambar yang Anda inginkan di perangkat yang berbeda, tetapi masalahnya adalah itu hanya menyembunyikan gambar karena terus mendeteksi bahwa ada banyak elemen karena bilah waktu terus dimuat dan membiarkan layar kosong saat yang pertama melompat. Bagaimana cara menyembunyikan gambar?
Terima kasih banyak
Halo,
Sudahkah Anda mencoba menghubungi dukungan untuk plugin slider Revolusi? Anda akan segera menemukan solusi.
Hai, saya ingin bertanya kepada Anda bagaimana menempatkan kursor di bawah bilah menu bar navigasi horizontal saat itu terjadi di situs Apple.com di mana menu di atas dan tepat di bawah kursor berada (menu tampak transparan
merci
andrea
Halo, Bisakah Anda membagikan tangkapan layar sebagai contoh? Saya tidak begitu mengerti masalah Anda.
Halo,
Saya ingin membuat bilah geser yang berisi 2 atau 3 gambar tempat kutipan ditulis. Masalah saya, ketika saya menulis kutipannya terlalu panjang dan menonjol dari foto, sehingga tidak muncul secara lengkap. Namun ada ruang di seluruh gambar. Bagaimana melakukan?
Judul untuk setiap slide diperlukan. Secara default, saya mencantumkan "kutipan 1" dan seterusnya. Tapi judulnya ditampilkan di slide… Misalnya, “Kutipan 1” ditampilkan di kanan kecil di slide pertama saya. Bagaimana cara mencegah judul muncul?
Terima kasih sebelumnya atas jawaban Anda, Anda akan membantu siswa untuk proyek yang dibimbing!
Halo,
Cobalah untuk mengurangi ukuran font. Pastikan juga Anda telah mengaktifkan opsi seluler untuk setiap teks.
Halo,
Saya mengalami masalah kecil dengan slider ini dan meskipun banyak penelitian saya belum menemukan solusinya. Mungkin Anda bisa menyelamatkan saya? 😉
Saya mengonfigurasi penggeser di halaman beranda saya, sangat sempurna dan sangat bagus KECUALI ketika mouse diletakkan di atasnya, tidak mungkin untuk menggulir. Saya harus meletakkan mouse keluar dari slide untuk dapat menggulir ke bawah (ke atas tampaknya berfungsi). Ini sedikit mengganggu saya karena saya khawatir beberapa orang tidak mengerti bahwa Anda harus melepaskan mouse dari slide untuk melakukannya .. (www.sarah-scaniglia.com). Saya mencari melalui semua pengaturan tetapi saya tidak dapat menemukannya… dan saya bukan ahli web.
Jika Anda menemukan solusinya Anda hebat
Halo,
apakah kamu sudah mencoba ini?
1. Nonaktifkan plugin lain kecuali Revolution Slider dan tes lagi.
2. Aktifkan theme Wordpress default lalu test
Ini akan memberi tahu Anda jika masalahnya ada pada tema atau konflik dengan plugin lain.
Juga periksa apakah Anda memiliki plugin versi terbaru.
Terima kasih, saya akan mencoba minggu depan ini dan memberi tahu Anda apakah itu berhasil.
OK sempurna
Halo,
Bisakah Anda menjelaskan kepada saya cara membuat "Slider" dengan hanya satu slide di dalamnya karena ketika saya mencoba semuanya menghilang di akhir animasi. Saya memasukkan "tidak ada transmisi" dalam "animasi slide" tetapi tidak ada yang membantu ...
Merci par avance tuangkan votre aide.
Bonsoir,
Sulit untuk dijelaskan di bagian komentar. Silakan lihat video di Youtube.