Loncat ke Konten Utama

Smart Slider 3: plugin WordPress untuk membuat slider

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]

itu slider adalah elemen yang dapat ditemukan di hampir setiap beranda situs web. Slider Smart 3 adalah plugin yang kuat yang tersedia dalam versi gratis dan premium.

Fitur utama dari plugin ini

Sebagai fitur, ia menawarkan antara lain:

  • Antarmuka pengguna yang intuitif
  • Pembuat Halaman Video Drag-and-Drop dengan Live Preview / 8
  • Slide dinamis yang dapat dibuat menggunakan artikel dan difilter berdasarkan ID, atau halaman khusus
  • Pembuatan slide (Dinamis) dari berbagai jejaring sosial (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube, dan lainnya).
  • Bilah kontrol yang dapat disesuaikan
  • Animasi geser di latar belakang (Ken Burns)

Gratis vs Premium

Jika semua yang Anda cari adalah slider dasar, Smart Slider 3 tersedia di WordPress.org di direktori plugin. Bahkan versi gratisnya mengesankan dan istimewa dibandingkan dengan beberapa slider lainnya.

Lisensi pribadi satu situs hanya biaya $ 25 (perpanjangan di 15 $).

Pintar-Slider-Template

Ada beberapa perbedaan utama antara versi gratis dan premium dalam hal konten dan fitur. Inilah yang akan Anda dapatkan dengan versi premium:

  • Generator slide dinamis yang tidak terbatas
  • Perintah lanjutan
  • Mode ahli
  • Animasi di latar belakang
  • Penampil dan editor gambar
  • Demo slider 43

Tutorial: Membuat slider dasar

Jika Anda belum pernah menginstal WordPress, temukan Cara menginstal blog WordPress di langkah 7 et Cara mencari, menginstal dan mengaktifkan tema WordPress di blog Anda.

Setelah diaktifkan, plugin WordPress Slider Smart menempatkan menu sendiri di bagian bawah panel admin WordPress.

Jika Anda belum pernah menginstal plugin WordPress temukan Cara menginstal plugin di WordPress

Klik pada menu Smart Slider, antarmuka utama terbuka di mana opsi pertama yang akan Anda lihat adalah tombol hijau besar: " Buat Slider » yang membuka jendela konfigurasi awal seperti yang Anda lihat di bawah ini.

Pintar-Slider-Buat-Slider

Dari sana, Anda dapat memberi nama slider dan memilih gaya umum. Ada banyak gaya untuk dipilih (seperti lebar penuh, halaman penuh, korsel, gambar mini, dan lainnya), tetapi mari kita gunakan slider blok berdasarkan tata letak situs web kami yang ada.

Klik "Buat" dan Slider Smart akan mulai merancang model slider dasar Anda. Setelah beberapa detik, Anda akan menemukan diri Anda pada halaman yang menyediakan semua detail dasar tentang plugin.

Menemukan Cara membuat kebijakan privasi di WordPress

Hal pertama yang perlu diperhatikan di sini adalah bagian " Publikasikan Slider". Anda harus menggunakan salah satu dari tiga metode ini (Kode pendek, editor Halaman atau Posting, atau kode PHP) ketika tiba saatnya untuk mempublikasikan slide Anda (n ° 1 di bawah). Sebelum kita bisa melakukan itu, kita perlu membuat slide.

Di sinilah plugin benar-benar menunjukkan kemudahan penggunaannya.

Yang perlu Anda lakukan hanyalah mengklik tombol hijau Tambah Gambar geser "(n ° 2 di bawah) dan perpustakaan media Anda akan terbuka. Dari sini Anda dapat memilih gambar sebanyak yang Anda inginkan, atau mulai dengan hanya satu, lalu klik " memilih Di jendela Media Library.

Pintar-Slider-New Slides

Catatan: Anda tidak terbatas pada gambar saat memilih slide Anda. Anda juga dapat menggunakan video atau artikel serta membuat slide yang kosong, statis, atau bahkan dinamis.

berkonsultasi Cara menduplikasi (menyalin) halaman Anda di WordPress: Tutorial

Smart Slider memuat slide Anda di antarmuka dan Anda siap untuk menyimpan dan menerbitkan atau memulai kustomisasi. Namun, jika saya mempublikasikan slideshow saya, itu akan bekerja dengan baik tetapi tidak cukup apa yang saya cari seperti yang Anda lihat pada gambar di bawah.

Untuk memperbaiki ini, saya pergi ke menu "Ukuran" dan aku berjalan ke bagian mode responsif. Pilihannya adalah "Fullwidth", jadi saya pilih "Otomatis" dan menyelamatkan kemajuan saya. Dari sana, saya kembali ke tab " Umum Dan pusat keselarasan yang dipilih.

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]

Pintar-Slider-Size-Ganti

Ketika saya berbicara tentang kegunaan di sini, ingat itu seluruh proses ini memakan waktu kurang dari 5 menit untuk yang pertama upaya.

Sekarang saatnya bekerja pada slide itu sendiri. Saat Anda mengarahkan kursor ke slide di jendela tampilan, Anda akan melihat bahwa kotak hijau muncul di sudut kiri atas. Seperti yang Anda duga, dengan mengklik Anda menandai slide ini sebagai yang pertama dalam urutan.

Lihat juga 5 plugin WordPress premium yang sangat baik untuk menambahkan slider

Dengan slider saya dibuat dan latar belakang di tempat, sudah waktunya untuk menambahkan konten dan transisi. Untuk melakukan langkah ini, saya cukup mengklik slide yang ingin saya edit yang mengarahkan saya di bagian lapisan.

Ada banyak pengaturan individual di panel kanan, tetapi jika Anda gulir ke bawah Anda akan menemukan gambar slide Anda. Anda kemudian dapat mengklik salah satu item di panel kiri untuk menempatkannya di slide Anda.

Pintar-Slider-Elements

Penciptaan slide ini adalah sekolah lain. Ada begitu banyak opsi yang tersedia. Untuk memberi Anda gambaran tentang fleksibilitas plugin ini, pertimbangkan apa yang dapat dibawa setiap elemen ke slider Anda melalui:

  • Sebuah menu artikel
  • animasi
  • Pengaturan lapisan

Di masing-masing menu ini, ada beberapa sub-menu. Misalnya, saat Anda membuat elemen teks, Anda dapat menyesuaikan pengaturan font seperti:

  • Keluarga polisi
  • Warna teks
  • ukuran font
  • Ketinggian garis
  • Dekorasi dari teks
  • penjajaran
  • Jarak huruf dan kata-kata
  • Pengaturan edit teks
  • Bayangan teks

Setiap elemen teks pada slider Anda dapat memiliki pengaturan unik, animasi unik, dan pengaturan sinkronisasi sendiri. Bahkan ada bagian untuk CSS Khusus.

Saat Anda menambahkan elemen dan animasi ke slide Anda, pada versi pro Anda juga akan melihat fungsi kalender, yang memungkinkan Anda untuk melakukannya mengontrol waktu tampilan dari masing-masing elemen dan durasi animasinya menggunakan slide bar sederhana.

Saya mengandalkan fitur ini ketika menambahkan lapisan yang berbeda untuk slide ini beberapa saat kemudian.

Pintar-Slider-Timeline

Menambahkan lapisan & animasi

Dengan slider kami terpasang dan latar belakang terpasang, saatnya untuk memperkenalkan beberapa berbeda elemen dan lapisan. Kami akan mulai dengan menambahkan gambar manusia salju di slide. Untuk melakukan ini, saya pergi ke menu Lapisan dan klik "Gambar". Ini akan menempatkan gambar fiksi pada slide.

Temukan juga Cara mengkonfigurasi plugin WordPress Slider Revolution

Dari sana, Anda dapat mengklik gambar dummy di kiri bawah, lalu pilih dan ubah ukuran gambar di perpustakaan media.

Pintar-Slider-Image-Element-Resize

Setelah saya memilih, memasukkan, dan mengubah ukuran gambar saya, saatnya untuk menambahkan animasi dasar yang dapat diselesaikan dalam beberapa langkah.

Yang pertama adalah memilih tab "Animasi" seperti yang terlihat di bawah ini. Setelah selesai, kita akan klik tombol animasi hijau "In".

Smart-Slider-Animasi

Layar selanjutnya adalah tempat saya dapat memilih animasi dan mengatur kalender. Untuk slide khusus ini, saya memperkenalkan animasi "KANAN" dan menambah durasinya ke 2200 ms.

Apakah Anda mencari ftp untuk mengelola file dan folder WordPress Anda, temukan Cara menggunakan FTP pada Windows 10

Saya juga akan menambahkan penundaan 300 ms. Di bagian bawah layar ini ada opsi untuk memiliki acara dan pemicu khusus untuk animasi ini, seperti melayang di atas mouse atau mengklik di slide. Saya tidak akan mempersulit hal-hal dengan parameter ini untuk contoh ini.

Buat Toko Online Anda dengan mudah

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

Pintar-Slider-In-Animation-Setting

Lalu saya akan menambahkan beberapa teks. Mengikuti proses yang sama seperti di atas, klik pada item " menambahkan teks Dan lakukan penyesuaian yang diperlukan. Saya memasukkan teks, lalu pergi ke pengaturan font di mana saya mengubah ukuran dan warna.

Saya menambahkan animasi " Fade In Dan menyesuaikan jadwal sehingga dimulai tepat setelah animasi manusia salju.

Anda juga akan melihat di menu ini bahwa ada kemungkinan untuk memilikinya teks khusus untuk tablet dan perangkat mobile. Ini adalah contoh luar biasa dari jenis fitur yang membuat plugin ini begitu fleksibel dan ramah pengguna.

Dalam beberapa slider "lainnya", saya harus menggunakan kueri media dan CSS khusus.

Pintar-Slider-Text-Layer-Options

Akhirnya, saya menambahkan dua layer lagi. Yang pertama adalah lapisan teks dan yang kedua adalah lapisan gambar. Sekali lagi, saya proses yang persis sama dengan yang di atas, tapi saya tetap pada waktu animasi sedikit lebih. Anda dapat melihat hasil akhir di bawah ini.

Secara keseluruhan, membuat slide ini adalah proses menit 20.

Catatan: Konversikan slide ini menjadi GIF akan mengubah beberapa tenggat waktu animasi indah yang dipilih yang saya raih dengan cermat.

Voila! Setelah mencoba banyak plugin WordPress Slider, gratis dan premium, jujur ​​saya dapat mengatakan bahwa ini adalah salah satu yang terbaik yang pernah saya uji. Bukan hanya fitur spesifik yang membuatnya unik. Ini kombinasi dari hal-hal yang menunjukkan betapa luar biasanya itu.

Penting untuk dicatat bahwa saya tidak membahas setiap fitur individu.

Temukan juga Cara mengetahui tema mana yang digunakan di blog WordPress

Saya yakin jika saya menghabiskan sedikit lebih banyak waktu bekerja dengan plugin ini, saya akan menemukan beberapa hal yang ingin saya ubah, dan mungkin bahkan beberapa bug. Saya pikir kemudahan penggunaan membuat orang cukup lama sehingga mereka pada akhirnya dapat memanfaatkan banyak fitur yang tersedia. Dan percayalah, ada banyak.

Unduh Smart Slider 3

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan beberapa plugin WordPress premium di sini yang akan membantu Anda melakukannya.

1. Pembuat Halaman WooCommerce

WooCommerce Page Builder adalah plugin WordPress yang sangat populer yang menawarkan banyak kode pendek dan memungkinkan Anda membuat beberapa jenis halaman khusus (produk, keranjang, checkout, "akun saya") di situs web Anda WooCommerce. Ini merupakan perpanjangan dari Visual Komposer Plugin Anda harus menginstal terlebih dahulu.WooCommerce-halaman pembangun

Berkat plugin ini, Anda akan memiliki kemungkinan buat situs web e-commerce unik menggunakan tema WordPress apa pun, dan Anda menghasilkan banyak uang.

Download | Demo | Hosting Web

2. Elementor

Awalnya diluncurkan di 2016, Elementor plugin WordPress adalah salah satu pembangun termuda dari daftar ini. Meskipun terlambat, Elementor dengan cepat mengakumulasi lebih banyak instalasi aktif 1 000 000 di WordPress.org, menjadikannya salah satu yang tercepat Pembangun visual halaman WordPress paling populer.


Apa yang membuat reputasinya adalah antarmuka visualnya yang cair, pilihan gaya yang berbeda dan fitur kuat lainnya seperti pembuatan lengkap Tema WordPress.

Antarmukanya dibagi menjadi dua bagian utama, dengan zona ketiga untuk parameter tertentu. Versi gratis dari Elementor menawarkan widget gratis 28. Versi Pro menghadirkan sekitar 30 widget lainnya, total widget 58 dalam versi Pro. Versi gratis mencakup sekitar template gratis 40, sedangkan versi Pro membawa ratusan templat tambahan.

Download | Demo |Hosting Web

3. Popup Ninja

Dengan lebih dari 30 000 penjualan dan peringkat bintang 4,4, Popup Ninja adalah salah satu plugin WordPress paling populer yang tersedia di Canyon Code.

Buat blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

Selain berbagai model untuk berbagai kegunaan, ia juga memiliki beberapa fitur seperti: konstruktor visual Popup, 10 posisi tampilan popup yang berbeda, 74 efek animasi yang berbeda, dukungan teknologi anti-lock untuk mem-bypass blocker iklan, berbagai opsi penargetan, statistik dalam dasbor, memblokir konten untuk ikut serta email atau berbagi di jejaring sosial, berintegrasi dengan layanan pemasaran email dan banyak lagi.

Download | Demo |Hosting Web

Sumber Daya yang Disarankan

Temukan sumber daya lain yang direkomendasikan yang akan menemani Anda dalam membuat dan mengelola situs web Anda.

Kesimpulan

Voila! Itu saja untuk tutorial ini dan saya harap ini akan membantu Anda dengan mudah membuat slider atau slide dengan anggun di Plugin WordPress Smart-Slider. Jika Anda suka, jangan ragu untuk melakukannya berbagi dengan teman-teman Anda di jejaring sosial favorit Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda membutuhkan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan berkonsultasi dengan pemandu kami di Pembuatan blog WordPress.

Tetapi sementara itu, beri tahu kami tentang Anda komentar dan saran di bagian khusus.

...

Artikel ini berisi komentar 2
  1. Halo,
    Terima kasih atas penjelasan terperinci Anda tentang 3 slider cerdas.
    Setelah membuat slider saya, saya memasukkan yang ini dalam sebuah artikel. Ukuran penggeser tidak lagi seperti yang saya tetapkan dengan alat. Ini menempati seluruh lebar wadah. Bagaimana kita bisa menyesuaikannya dengan format yang sudah ditentukan di halaman atau artikel?
    Cordialement

    1. Halo,

      Saya belum pernah menguji tema Anda, maaf. Saya mengundang Anda untuk membaca dokumentasi plugin atau menghubungi pengembang.

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.

Tema WordPress Keren yang saya temukan
Dan ada lebih banyak tema dan model 50 000 untuk dipilih!

Kembali ke atas
1 saham
saham
menciak
Register1
Ada apa