Cara Menambahkan Slider Ke Beranda WordPress Anda Tanpa Menggunakan Plugin

Diterbitkan: 2022-09-15

Salah satu hal hebat tentang WordPress adalah sangat mudah untuk diperluas dengan plugin. Namun terkadang Anda tidak membutuhkan atau menginginkan semua fitur yang dibawa oleh sebuah plugin, Anda hanya ingin menambahkan fungsionalitas sederhana. Dalam tutorial ini, kami akan menunjukkan cara menambahkan slider ke beranda WordPress Anda tanpa menggunakan plugin. Menambahkan penggeser ke situs WordPress Anda bisa menjadi cara yang bagus untuk menampilkan konten atau gambar unggulan. Banyak tema WordPress hadir dengan dukungan bawaan untuk slider, tetapi tidak semua melakukannya. Jika tema Anda tidak mendukung penggeser, Anda biasanya dapat menambahkannya dengan memasang plugin. Tetapi bagaimana jika Anda tidak ingin menggunakan plugin? Mungkin Anda ingin menjaga situs Anda seringan mungkin, atau mungkin Anda tidak menyukai gagasan untuk menambahkan plugin lain ke situs Anda. Apa pun alasannya, Anda masih dapat menambahkan slider ke situs WordPress Anda tanpa menggunakan plugin. Dalam tutorial ini, kami akan menunjukkan cara melakukannya.

Langkah-langkah di bawah ini akan memandu Anda melalui cara menambahkan slider di halaman WordPress Anda. Pada artikel ini, kita akan belajar cara menambahkan slider di halaman beranda situs web WordPress. Saat Anda menggunakan bilah geser, Anda dapat dengan mudah membuat tayangan slide tanpa harus memasukkan informasi apa pun. Mereka juga dapat merespons input pengguna, seperti mengklik atau menggesek, memungkinkan Anda untuk melihat slide berikutnya atau slide sebelumnya. Plugin Meta Slider gratis untuk digunakan dan sangat populer, memiliki lebih dari 1,1 juta unduhan dan peringkat bintang 4,5 dari 5 dari pengguna. Versi gratisnya mencakup empat gaya berbeda serta sejumlah pengaturan dan opsi yang berguna, memungkinkan Anda untuk menambahkan slider responsif yang ramah SEO ke posting dan halaman Anda. Anda juga dapat menentukan dimensi, efek, navigasi, dan sebagainya.

Ini juga memiliki opsi pengaturan lanjutan di sisi kanan halaman. Untuk menggunakan kode pendek Meta Slider dalam fungsi kustom, tambahkan kait header Genesis yang menyertakan tag kondisional beranda. Karena konten slideshow Anda lebih besar dari ukuran slider Anda, pengunjung Anda dapat dengan mudah mengaksesnya. Versi premium Meta Slider, yang merupakan paket tambahan untuk versi gratis, menyertakan fitur premium yang tersedia dalam versi gratis. Anda dapat mengunggah video ke YouTube atau Vimeo (melalui penggeser Anda) dan menambahkan konten HTML khusus. Toko online yang didukung WooCommerce juga dapat digunakan untuk menampilkan item dari portofolio Anda, serta item dari portofolio Anda sendiri. Tidak perlu menghabiskan waktu atau uang untuk harga Meta Slider Pro karena Anda dapat dengan mudah memilih fitur yang ingin Anda gunakan berdasarkan jumlah situs tempat Anda ingin menggunakan plugin. Ada penawaran pro mulai dari 39 sen (2 situs) dan naik hingga 319 sen (situs tidak terbatas). Selanjutnya, MetaSlider Pro hadir dengan masa percobaan 30 hari di mana Anda dapat mencobanya secara gratis.

Bagaimana Saya Menambahkan Slider Kustom Di WordPress?

Kredit: codeinhouse.com

Ada beberapa cara untuk menambahkan slider kustom di WordPress. Salah satu caranya adalah dengan menggunakan plugin seperti Slider Revolution atau Master Slider . Cara lain adalah dengan menggunakan jenis posting khusus dengan taksonomi khusus.

Slider Di Plugin WordPress

Kredit: lambergroupproductions.com

Slider di plugin WordPress adalah cara yang bagus untuk menampilkan konten Anda dengan cara yang menarik dan menarik secara visual. Ini dapat digunakan untuk menampilkan posting blog, gambar, atau bahkan video terbaru Anda. Slider mudah diatur dan dapat ditambahkan ke situs WordPress mana pun.

Apa Itu Plugin Slider?

Anda hanya dapat menggunakan gambar dan teks untuk membuat slideshow dengan plugin slider gratis (kecuali Smart Slider 3). Plugin slider berbasis lapisan, di sisi lain, memungkinkan Anda mempersonalisasi konten hati Anda.

Slider Korsel WordPress Dengan Teks Tanpa Plugin

Ada banyak cara untuk membuat slider carousel WordPress dengan teks tanpa menggunakan plugin. Salah satu caranya adalah dengan menggunakan widget Custom HTML. Widget ini memungkinkan Anda untuk menambahkan kode HTML khusus ke sidebar Anda. Untuk menggunakan widget ini, cukup seret ke sidebar Anda lalu tempel kode berikut ke dalam widget: Slide Pertama Ini adalah slide pertama dari carousel. Slide Kedua Ini adalah slide kedua dari carousel. Slide Ketiga Ini adalah slide ketiga dari carousel. Untuk menata gaya carousel, Anda dapat menambahkan kode CSS berikut ke file style.css tema Anda: #my-carousel { margin: 20px 0; } #my-carousel .item { text-align: center; melimpah: tersembunyi; } #my-carousel .item img { margin: 0 otomatis; } Kode di atas akan membuat slider carousel dasar dengan tiga slide. Anda dapat menambahkan slide tambahan dengan menyalin kode untuk slide pertama dan kemudian mengubah sumber gambar dan teks.

Kode Slider Kustom Di WordPress

Ada beberapa cara untuk menambahkan kode slider kustom di WordPress. Salah satu caranya adalah dengan menggunakan plugin seperti Soliloquy, yang memungkinkan Anda membuat dan mengelola slider kustom dengan mudah. Cara lain adalah dengan menggunakan Penyesuai WordPress, yang memungkinkan Anda menambahkan cuplikan kode ke situs Anda.

Bagaimana Saya Menambahkan Slider Ke Kode WordPress Saya?

Header file dapat ditemukan di backend WordPress di bawah Appearance – File header. Dengan mengkliknya di menu sebelah kanan, Anda dapat membuat perubahan padanya. Kode untuk penggeser akan ditambahkan ke bagian atas halaman Anda setelah tag PHP ditambahkan ke badan.

Slider Produk Woocommerce Tanpa Plugin

Ada beberapa cara untuk membuat slider produk WooCommerce tanpa menggunakan plugin. Salah satu caranya adalah dengan menggunakan shortcode bawaan WooCommerce. Cara lain adalah dengan menggunakan plugin Tabel Produk WooCommerce. Dan akhirnya, Anda dapat menggunakan plugin pihak ketiga seperti WPBakery Page Builder.

Product Slider untuk WooCommerce menyediakan carousel slider produk yang terlihat profesional yang memungkinkan Anda memasukkan Produk WooCommerce Anda dengan cepat dan mudah. Dengan Generator Kode Pendek bawaan, Anda dapat dengan mudah memodifikasi tampilan dan fungsi penggeser produk. Halaman ini memandu Anda melalui proses pemasangan plugin dan membuatnya berfungsi. Slider Produk untuk WooCommerce berfungsi dengan tema WooCommerce apa pun selama tema tersebut dikembangkan sesuai dengan standar WordPress dan pedoman WooCommerce. Kode PHP harus disalin dan ditempelkan ke file template sebelum Anda dapat memasukkannya. Jika Anda mengalami masalah dengan plugin kami, pertama-tama lakukan langkah-langkah di bawah ini untuk menyelesaikan masalah tersebut. Anda dapat menggunakan Slider Produk untuk perangkat lunak sumber terbuka WooCommerce.

Plugin ini telah tersedia untuk umum oleh berbagai kontributor. Saya yakin dapat menyatakan bahwa slider ini adalah yang terbaik yang pernah saya gunakan. 196 ulasan dikirimkan. Badan pengatur Organisasi Perdagangan Dunia, Kamar Dagang Internasional, akan mengadakan konferensi ulang tahun ke-25 pada 2 September 2022. Antara tanggal 7 Juli dan 21 Juli 2021. Periode dari 25 Desember 2021 hingga 25 Desember 2023. Tanggalnya adalah 2.3.3 – 19 Agustus 2021, dan 2. 2.8 – 27 Januari 2021.

Menambahkan Slider Produk Ke Woocommerce

Ini semudah menambahkan Slider Produk ke situs WooCommerce Anda. Prosesnya semudah login ke dashboard WordPress Anda, pilih menu Plugins, dan klik Add New. Dengan mengetikkan “Product Slider for WooCommerce” ke dalam kolom pencarian, Anda dapat menemukan ShapedPlugin. Jika sudah menemukannya, klik “Install Now” dan kemudian “Activate.” Setelah terinstal, Anda dapat dengan mudah mengubah slider di WooCommerce. Anda dapat mengedit slider dengan masuk ke WooCommerce > Product Slider dan memilih slider yang ingin Anda edit. Ubah opsi yang Anda inginkan dan simpan sebagai penggeser.