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.

Ingin mengonfigurasi plugin WordPress Slider Revolution?

Sejak awal seri tutorial ini didedikasikan untuk plugin WordPress  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.Revolusi slider - plugin WordPress Slider Revolution

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 native mengintegrasikan plugin WordPress yang kuat ini, daftar tema WordPress premium ini akan sempurna.

Pembuatan slider: Konfigurasi pertama

Untuk memulai, Anda harus mengklik menu " slider Revolusi Di dasbor WordPress Anda.

Revolusi slider wordpress

Sekarang klik pada item tersebut baru Slider Dan Anda akan datang ke antarmuka konfigurasi slider.

baru-slider-slider-revolusi-tutorial

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

bar alat-revolusi-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"

konten-sumber revolusi-slider

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
  • Slider pada 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).

judul dan shortcode-du slider

Bagian "Pilih jenis penggeser"

pilih-a-kind-of-slider-slider-revolusi

Bagian ini memungkinkan Anda untuk menentukan struktur dasar slider. Memang, Anda memiliki 3 pilihan untuk dipilih yang memungkinkan Anda:

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda membuat Mudah dan Gratis desain situs web atau blog apa pun dengan tampilan profesional. Berhentilah membayar banyak untuk situs web yang dapat Anda lakukan sendiri.

  • 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.

mengubah-of-jenis-of-slider

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.

thumbs-bottom diri slider-revolusi-tutorial

Bagian "Tata Letak Slide"

slider-layout-revolusi-slider

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.

menyesuaikan-build-Melaksanakan

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"

Apakah Anda ingin menjual produk Anda di internet?

Unduh WooCommerce secara gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress dan dengan mudah membuat toko online Anda. Sempurna untuk pemula.

tata letak-dan-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).

konfigurasi-navigasi-revolusi-slider

Bagian "Setelan Korsel"

Bagian parameter-du carousel-revolusi-slider

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.

save-a-slider-slider-revolusi

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.Plugin Wordpress Layerslider membuat slider 1

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.Plugin wordpress wp1 slide pro membuat tampilan slide slide situs web

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 lainnya.

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.

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.