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 dengan 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 Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, 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.

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 pergi dengan 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.

Temukan Cara membuat kebijakan privasi di WordPress

Hal pertama yang perlu diperhatikan di sini adalah bagian " Publikasikan Slider". Anda perlu 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 adalah 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 ketika Anda memilih slide Anda. Anda juga dapat menggunakan video atau artikel serta membuat slide 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 penyesuaian. Namun, jika saya menerbitkan rangkai salindia, ini akan berfungsi dengan baik tetapi itu tidak cukup seperti yang saya cari seperti yang Anda lihat pada gambar di bawah ini.

Untuk memperbaikinya, 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 " Général "dan pusat keselarasan yang dipilih.

Pintar-Slider-Size-Ganti

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]

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

Sekarang saatnya untuk bekerja pada slide itu sendiri. Ketika Anda mengarahkan kursor ke slide di jendela tampilan, Anda akan melihat bahwa kotak hijau muncul di sudut kiri atas. Seperti yang sudah Anda tebak, 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 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 elemen individu dan durasi animasinya menggunakan slide bar sederhana.

Saya mengandalkan fitur ini ketika menambahkan lapisan yang berbeda untuk slide ini sedikit 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 Layers 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 "Masuk".

Smart-Slider-Animasi

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]

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 tertentu dan pemicu untuk animasi ini, seperti melayang di atas mouse atau mengklik di slide. Saya tidak akan mempersulit hal-hal dengan parameter ini untuk contoh ini.

Pintar-Slider-In-Animation-Setting

Maka saya akan menambahkan beberapa teks. Dengan mengikuti proses yang sama seperti di atas, klik item tersebut 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 kalender sehingga dimulai tepat setelah animasi manusia salju itu.

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 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 | Hébergement 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 Elementor menawarkan 28 widget gratis. Versi Pro menghadirkan 30 widget lainnya, total widget 58 dalam versi Pro. Versi gratisnya berisi tentang 40 templat gratis, sementara versi Pro membawa ratusan templat tambahan.

Download | Demo |Hébergement Web

Buat Toko Online Anda dengan mudah

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

3. Popup Ninja

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

Selain berbagai model untuk berbagai penggunaan, 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 dalam email pilihan atau berbagi di jejaring sosial, banyak integrasi dengan layanan pemasaran email dan banyak lagi.

Download | Demo |Hébergement Web

Sumber Daya yang Direkomendasikan

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 memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan 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.

Kembali ke atas
1 saham
saham
menciak
Register1