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 $).

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, WordPress Plugin Slider Smart menempatkan menunya sendiri di bagian bawah panel admin WordPress.

Jika Anda belum pernah menginstal WordPress Plugin menemukan 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.

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 " Pilih Di jendela perpustakaan media.

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.

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.

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.

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.

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.

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

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

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.

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 yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

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

1. Pembuat Halaman WooCommerce

Pembuat Halaman WooCommerce adalah WordPress Plugin sangat populer yang menawarkan jumlah kode pendek yang cukup konsisten dan 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.

Berkat plugin ini, Anda akan memiliki kemungkinan membuat situs web e-Commerce unik menggunakan apapun tema WordPress, dan membuat Anda banyak uang.

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.

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 bintang 000, Popup Ninja adalah salah satu dari plugin WordPress yang paling populer tersedia di Code Canyon.

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.

• Cara membuat kebijakan privasi di WordPress
• Bagaimana memahami struktur file WordPress
• Cara menambahkan menu navigasi ke halaman WordPress
• Cara mengkonfigurasi plugin WordPress Slider Revolution

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-Slider. Jika 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.

...