Loncat ke Konten Utama

Smart Slider 3: plugin WordPress untuk membuat slider

Divi: tema WordPress termudah untuk digunakan

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]

itu slider adalah elemen yang dapat ditemukan di hampir semua 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 yang Anda cari hanyalah penggeser dasar, Smart Slider 3 tersedia di WordPress.org di direktori plugin. Bahkan versi gratisnya mengesankan dan istimewa dibandingkan dengan beberapa slider lainnya.

Lisensi situs tunggal pribadi hanya berharga $ 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 menunya sendiri di bagian bawah panel admin WordPress.

Jika Anda belum pernah menginstal plugin WordPress, cari tahu 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 Anda dan memilih gaya umum. Ada banyak gaya untuk dipilih (seperti lebar penuh, halaman penuh, carousel, thumbnail, dan lainnya), tetapi kami akan menggunakan slider blok berdasarkan tata letak situs web kami yang ada.

Klik "Membuat" 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 mendemonstrasikan kemudahan penggunaannya.

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

Pintar-Slider-New Slides

Catatan: Anda tidak terbatas pada gambar saat 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 ke antarmuka dan Anda siap untuk menyimpan dan menerbitkan atau mulai menyesuaikan. Namun jika saya mempublikasikan tayangan slide saya, itu akan berfungsi dengan baik tetapi tidak seperti yang saya cari seperti yang Anda lihat pada gambar di bawah ini.

Smart Slider Off Center 1

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]

Untuk memperbaiki ini saya pergi ke menu "Ukuran" dan saya menggulir ke bawah ke bagian tersebut mode responsif. Pilihannya adalah "Lebar penuh", jadi saya memilih "Mobil" dan menyelamatkan kemajuan saya. Dari sana, saya kembali ke " Général "dan pusat keselarasan yang dipilih.

Pintar-Slider-Size-Ganti

Saat saya berbicara tentang kemudahan penggunaan di sini, ingatlah itu seluruh proses ini memakan waktu kurang dari 5 menit untuk yang pertama upaya.

Sekarang saatnya mengerjakan slide itu sendiri. Saat Anda mengarahkan kursor ke slide Anda di viewport, Anda akan melihat bahwa kotak hijau muncul di sudut kiri atas. Seperti yang sudah Anda duga, mengklik akan 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 tempatnya, sudah waktunya untuk menambahkan beberapa konten dan transisi. Untuk melakukan langkah ini, saya cukup mengklik slide yang ingin saya edit yang menuju ke bagian lapisan.

Ada banyak pengaturan individu di panel kanan, tetapi jika Anda menggulir 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

Membuat slide ini adalah sekolah lain. Ada begitu banyak pilihan yang tersedia. Untuk memberi Anda gambaran tentang seberapa fleksibel plugin ini, lihat apa yang dapat dilakukan setiap elemen untuk slider Anda melalui:

  • Menu item
  • 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
  • Spasi huruf dan 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 bilah geser sederhana.

Saya mengandalkan fitur ini saat menambahkan lapisan yang berbeda untuk slide ini nanti.

Pintar-Slider-Timeline

Menambahkan lapisan & animasi

Dengan penggeser kami di tempatnya dan latar belakang terpasang, saatnya untuk memperkenalkan beberapa berbeda elemen dan lapisan. Kami akan mulai dengan menambahkan gambar manusia salju ke 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 memilih dan mengubah ukuran gambar di perpustakaan media.

Pintar-Slider-Image-Element-Resize

Setelah saya memilih, menyisipkan, dan mengubah ukuran gambar saya, inilah saatnya menambahkan beberapa animasi dasar yang dapat diselesaikan hanya dalam beberapa langkah.

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

Smart-Slider-Animasi

Layar berikutnya adalah tempat saya dapat memilih animasi saya serta menyesuaikan jadwal. Untuk slide khusus ini, saya memperkenalkan animasi "KANAN" dan meningkatkan durasinya menjadi 2200ms.

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]

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

Saya juga akan menambahkan penundaan 300ms. Di bagian bawah layar ini terdapat opsi untuk memiliki peristiwa tertentu dan pemicu untuk animasi tersebut, seperti gerakan mouse atau klik di slide. Saya tidak akan memperumit pengaturan ini untuk contoh ini.

Pintar-Slider-In-Animation-Setting

Kemudian saya akan menambahkan beberapa teks. Mengikuti proses yang sama seperti di atas, klik item " menambahkan teks Dan buat penyesuaian yang diperlukan. Saya memasukkan teks dan kemudian pergi ke pengaturan font di mana saya mengubah ukuran dan warnanya.

Saya menambahkan animasi " Fade In Dan menyesuaikan kalender 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 seluler. Ini adalah contoh bagus dari jenis fitur yang membuat plugin ini sangat fleksibel dan ramah pengguna.

Di beberapa penggeser "lainnya", saya akan dipaksa untuk menggunakan kueri media dan CSS khusus.

Pintar-Slider-Text-Layer-Options

Akhirnya, saya menambahkan dua lapisan lagi. Yang pertama adalah lapisan teks dan yang kedua adalah lapisan gambar. Sekali lagi, saya akan melalui proses yang sama persis seperti di atas, tetapi saya telah mengambil sedikit lebih banyak ke dalam pengaturan waktu animasinya. Anda bisa melihat hasil akhirnya di bawah ini.

Secara keseluruhan, membuat slide ini adalah proses menit 20.

Catatan: Konversikan slide ini menjadi GIF akan mengubah tenggat waktu tertentu dari animasi terpilih yang indah yang telah saya susun dengan cermat.

Voila! Setelah mencoba banyak plugin WordPress slider, baik gratis maupun premium, sejujurnya saya dapat mengatakan ini adalah salah satu yang terbaik yang pernah saya uji. Bukan hanya satu karakteristik spesifik yang membuatnya unik. Ini adalah kombinasi dari hal-hal yang menunjukkan betapa hebatnya plugin itu.

Penting untuk dicatat bahwa saya belum membahas setiap fitur individu.

Temukan juga Cara mengetahui tema mana yang digunakan di blog WordPress

Saya yakin jika saya menghabiskan lebih banyak waktu untuk bekerja dengan plugin ini, saya akan menemukan beberapa hal yang ingin saya ubah, dan bahkan mungkin beberapa bug. Saya pikir kemudahan penggunaan membuat orang-orang di sana cukup lama sehingga mereka pada akhirnya dapat memanfaatkan banyak fitur yang ditawarkan. 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 jumlah shortcode yang cukup konsisten dan yang memungkinkan Anda membuat beberapa jenis halaman yang dipersonalisasi (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 membuat situs web e-Commerce unik menggunakan tema WordPress apa pun, dan menghasilkan banyak uang bagi Anda.

Download | Demo | Hébergement Web

2. Elementor

Awalnya diluncurkan pada tahun 2016, plugin Elementor WordPress adalah salah satu pembuat halaman termuda di daftar ini. Meskipun terlambat dimulai, Elementor dengan cepat mengumpulkan lebih dari 1 pemasangan aktif di WordPress.org, menjadikannya salah satunya Pembangun visual halaman WordPress paling populer.

elemen pro e1544277036401
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

3. Popup Ninja

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

Buat Toko Online Anda dengan mudah

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

Plugin wordpress Popup Ninja membuat pilihan popup pop up

Selain sejumlah besar model untuk berbagai penggunaan, ia juga dilengkapi dengan beberapa fitur seperti: pembangun visual Popup, 10 posisi tampilan berbeda untuk popup, 74 efek animasi berbeda, dukungan teknologi anti-pemblokiran untuk melewati pemblokir iklan, berbagai opsi penargetan, statistik di dasbor, pemblokiran konten untuk email opt-in atau berbagi di media sosial, banyak integrasi dengan layanan pemasaran email dan banyak lagi.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Disini adalah ! Itu saja untuk tutorial ini dan saya harap ini akan membantu Anda dengan mudah membuat slider atau slide dengan bantuan file Plugin WordPress Smart-SliderJika Anda menyukainya, 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.

Namun, sementara itu, beri tahu kami tentang file 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 memasukkannya ke dalam sebuah artikel. Ukuran slider tidak sesuai dengan yang saya atur dengan alat. Ini menempati seluruh lebar wadah. Bagaimana kita bisa menyesuaikannya dengan format yang telah ditentukan di halaman atau artikel?
    Cordialement

    1. Halo,

      Saya tidak 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