Tambahkan Slide Cantik dengan MotoPress Slider

MotoPress terkenal di komunitas WordPress karena plugin WordPress editor konten pembuatan halaman mereka. Sejak diluncurkan tahun lalu, MotoPress telah menambahkan lebih banyak produk ke portofolionya termasuk plugin add-on dan tema WordPress.

Pada bulan Februari tahun ini mereka merilis MotoPress Slider; plugin WordPress utama kedua mereka. Plugin ini responsif sehingga slide yang Anda bantu buat tampak bagus di perangkat apa pun. Mari kita lihat lebih dekat apa yang dapat dilakukan MotoPress Slider.

Mengonfigurasi Slider MotoPress Baru

MotoPress Slider sangat mudah diatur. Saat Anda memilih untuk membuat penggeser baru, Anda disajikan dengan tiga halaman pengaturan singkat. Ada tab untuk pengaturan slider, kontrol, dan tampilan.

Di tab pengaturan penggeser, Anda dapat memberi nama penggeser dan alias yang digunakan untuk kode pendek penggeser. Penggeser dapat dibuat lebar penuh atau Anda dapat menentukan ukuran kisi default. Penundaan tayangan slide juga dapat diatur di area ini. Jika Anda mau, tayangan slide dapat dinonaktifkan.

Sembilan kontrol penggeser dapat diaktifkan atau dinonaktifkan di tab berikutnya. Anda dapat mengonfigurasi kontrol seperti panah, tombol putar, penghitung, dan lainnya.

Di tab tampilan, Anda dapat menentukan ukuran piksel default untuk tampilan ponsel, tablet, dan desktop. Pengaturan aslinya adalah apa pun hingga 767 piksel ditampilkan menggunakan tata letak ponsel, antara 768 dan 991 piksel menggunakan tata letak tablet, dan apa pun yang lebih dari 992 piksel menggunakan tampilan desktop.

Kelas CSS khusus dapat diterapkan ke penggeser Anda. Ada juga kotak di mana Anda dapat menambahkan kode CSS khusus.

Halaman pengaturan terpisah terletak di menu admin MotoPress Slider yang memungkinkan Anda menonaktifkan slider untuk grup pengguna tertentu.

Jangan terlalu khawatir tentang pengaturan slider Anda. Nilai defaultnya seharusnya baik-baik saja bagi sebagian besar dari Anda dan terdapat tombol di bagian bawah area pembuatan slider yang memungkinkan Anda untuk kembali dan mengubah pengaturan kapan saja.

Menambahkan Slide ke Slider MotoPress Baru Anda

Di area berikutnya Anda dapat menambahkan slide ke slider Anda. Anda dapat melihat tangkapan layar area ini di bawah. Ini mungkin tampak sedikit menakutkan pada pandangan pertama, namun sangat mudah untuk dipahami setelah Anda mengetahui di mana semuanya berada.

Di bagian atas ada tujuh tab: Umum, warna, gambar, video, tautan, visibilitas, dan lain-lain. Pratinjau penggeser Anda mendominasi bagian tengah halaman dan di bawahnya Anda akan menemukan opsi untuk menambahkan teks, gambar, tombol, dan video. Setiap jenis konten dikenal sebagai lapisan dan lapisan ini ditampilkan di sisi kanan halaman.

Anda dapat mengatur ulang urutan lapisan menggunakan drag and drop. Penempatan lapisan bekerja dengan cara yang sama seperti pada aplikasi grafis seperti Photoshop dengan prioritas diberikan pada lapisan di atas. Dalam contoh saya di atas, saya memiliki dua lapisan: Gambar dan teks. Jika saya harus memposisikan lapisan HTML setelah gambar, teksnya tidak akan terlihat.

Antarmukanya bekerja dengan sangat baik. Saat Anda memilih lapisan di area kanvas utama, pengaturan untuk lapisan tersebut akan ditampilkan di bawahnya. Mengklik hapus pada keyboard Anda akan menghapus lapisan dari slide Anda. Dua tombol hapus juga tersedia: Satu menghapus lapisan yang Anda pilih, yang lain menghapus semua lapisan.

Lapisan dapat diseret di area kanvas. Saat Anda melakukannya, Anda akan melihat koordinat X dan Y berubah. Ini berguna karena berarti Anda dapat memposisikan lapisan di beberapa slide pada posisi yang sama persis (yang sangat berguna untuk memposisikan konten seperti teks). Kotak sembilan kotak juga dapat digunakan untuk memposisikan lapisan, misalnya. kiri atas, tengah, kanan bawah, dll.

Lusinan animasi dapat digunakan untuk memudarkan dan memudarkan lapisan. Ini termasuk memudar, memperbesar, membalik, dan memantul. Lapisan dapat ditampilkan dan/atau disembunyikan pada titik waktu tertentu (dalam milidetik). Menurut pendapat saya, ini adalah salah satu fitur terbaik dari plugin karena memungkinkan Anda menampilkan lapisan tepat pada saat Anda ingin menampilkannya.

Gaya yang telah ditentukan sebelumnya juga tersedia, tetapi jika Anda mau, Anda dapat menentukan kelas CSS khusus untuk lapisan tertentu.

Di tab umum, Anda dapat memberi nama slide dan memilih apakah slide Anda dipublikasikan atau disimpan sebagai draf. Dengan cara ini Anda bisa berkreasi dan menyimpan slide Anda sebelum ditayangkan.

Tab warna memungkinkan Anda memilih warna atau gradien untuk latar belakang slide Anda. Satu hal yang membuat saya kesal adalah tidak adanya roda warna untuk memilih warna. Anda harus memasukkan kode heksadesimal secara manual. Mudah-mudahan ini adalah sesuatu yang akan mereka atasi dalam versi plugin yang akan datang. Opsi gradien memungkinkan Anda menentukan dua warna dan sudut penerapan gradien.

Jika Anda tidak menginginkan latar belakang warna solid atau gradien, Anda dapat menggunakan gambar. Anda dapat memilih gambar dari perpustakaan media WordPress Anda atau menentukan URL gambar eksternal. Atribut ukuran, pengulangan, dan posisi, semuanya dapat ditentukan.

MotoPress Slider juga mendukung latar belakang video. Jika Anda mau, video dapat disisipkan ke dalam slide Anda menggunakan lapisan. Anda dapat menampilkan video dari YouTube, Vimeo, perpustakaan media Anda, atau URL eksternal.

Slide dapat dibuat dapat ditautkan. Anda dapat mengatur atribut link ID, class, rel, dan title. Saat pengunjung mengklik slide yang dimaksud, mereka akan diarahkan ke URL yang Anda tentukan. Karena tautan dikonfigurasi berdasarkan slide per slide, Anda dapat membuat beberapa slide tertaut ke situs web eksternal dan bukan yang lain.

Slide dapat dibatasi untuk pengguna yang login. Ini dapat digunakan untuk hanya menampilkan slide kepada pengguna terdaftar. Anda juga dapat membuat slide aktif selama jangka waktu tertentu. Ini bisa digunakan untuk berbagai kegunaan. Misalnya, Anda dapat membuat slide untuk mempromosikan kompetisi selama minggu pertama bulan Desember.

Di tab terakhir Anda dapat menentukan nama kelas CSS dan ID untuk slide Anda. Seperti yang saya sebutkan sebelumnya, Anda juga dapat menata setiap lapisan dalam slide Anda menggunakan kelas CSS khusus.

Setelah Anda membuat slide, Anda dapat menyimpan slide menggunakan tombol simpan di bagian bawah halaman. Mengklik tombol tutup akan membawa Anda ke daftar slide, yaitu semua slide yang Anda buat untuk slider tertentu.

Anda dapat mengedit, menggandakan, atau menghapus slide yang ada. Menduplikasi slide adalah pilihan praktis jika Anda ingin membuat slide serupa. Jika tidak, Anda bisa membuat slide baru dari awal.

Terakhir, Anda dapat memasukkan penggeser yang telah selesai ke situs web Anda menggunakan alias kode pendek yang Anda tentukan untuk penggeser Anda.

Penggeser MotoPress

Mereka bilang keindahan ada di mata yang melihatnya, namun saya sangat terkesan dengan apa yang bisa dilakukan MotoPress Slider. Tidak perlu waktu lama untuk memasukkan latar belakang, teks, gambar, tombol, dan video khusus.

Jika Anda mengunjungi halaman informasi utama untuk MotoPress Slider, Anda akan melihat contoh bagus tentang apa yang dapat dicapai dengan menggunakan plugin tersebut. Ini menyoroti bagaimana lapisan, dan menunda pemuatan lapisan, dapat digunakan untuk membuat penggeser profesional dalam hitungan menit. Tampilan lapisan seiring waktu selama slide memberikan kesan bahwa Anda sedang menonton presentasi video (meskipun video tidak sedang digunakan). Ini adalah efek sederhana yang benar-benar mengubah slide.

Harga

MotoPress telah mengadopsi skema harga yang adil untuk plugin slider mereka. Lisensi pribadi mereka dijual seharga $19 dan menawarkan dukungan dan pembaruan selama satu tahun untuk satu situs web. Dijual seharga $49, izin usaha meningkatkan batas situs web dari satu menjadi lima situs web.

Lisensi pengembang dijual seharga $99. Ini menawarkan dukungan pengembang prioritas dan memberikan dukungan dan pembaruan selama satu tahun ke situs web dalam jumlah tak terbatas. Lisensi volume juga tersedia jika Anda ingin mengemas MotoPress Slider dalam produk Anda sendiri.

Penggeser MotoPress adalah 100% GPL. Lisensi diperlukan untuk mendapatkan pembaruan otomatis dan dukungan untuk plugin, namun plugin masih dapat digunakan sepenuhnya jika kunci lisensi ini tidak dimasukkan.

Pikiran Terakhir

Semua plugin slider WordPress memiliki kurva pembelajaran dan MotoPress Slider juga demikian. Anda perlu menghabiskan setidaknya dua puluh atau tiga puluh menit bermain-main dengan slide sampai Anda mulai memahami kemampuan plugin tersebut.

Setelah beberapa saat menggunakan plugin, saya mengalami beberapa momen “Aha” ketika saya mulai memahami cara kerja semuanya. Yang pertama adalah saat saya memahami cara memanfaatkan lapisan secara maksimal. Yang kedua adalah ketika saya mempelajari bagaimana animasi dapat digunakan untuk memudarkan dan memudarkan teks, tombol, dan gambar. Namun, fitur yang benar-benar membuat saya mengapresiasi potensi penggeser MotoPress adalah opsi untuk menunda kemunculan lapisan. Hal ini memungkinkan banyak trik presentasi keren untuk digunakan, seperti memasukkan teks ke pengunjung situs web dan memunculkan gambar serta tombol pada titik-titik utama slide.

Setelah Anda menguasai teknik sederhana ini, saya yakin Anda akan dapat membuat slide profesional menggunakan MotoPress Slider. Jika Anda membutuhkan inspirasi, saya sarankan untuk memeriksa penggeser yang ditampilkan di MotoPress karena ini menyoroti apa yang dapat dicapai dengan menggunakan lapisan teks dan gambar sederhana.

Saya harap Anda menikmati tampilan MotoPress Slider ini. Jika demikian, saya mendorong Anda untuk berlangganan buletin WPExplorer untuk menerima pembaruan gratis dari artikel terbaru kami serta tip, trik, dan penawaran WordPress yang hebat.

Terima kasih sudah membaca.

Kevin