Cara menambahkan teks di atas foto di slider WordPress

Diterbitkan: 2021-07-19

Apakah Anda mencari cara sederhana untuk membuat slider WordPress dengan teks? Modula membantu Anda! Anda dapat membuat slider WordPress yang memungkinkan perubahan warna teks atau teks sorot.

Modula adalah plugin slider WordPress yang memungkinkan Anda membuat galeri yang menakjubkan tanpa menyentuh satu baris kode pun. Untuk pengembang, ada opsi untuk menambahkan CSS khusus untuk dapat menyesuaikan galeri Anda lebih banyak lagi.

Pertama-tama, memiliki slider WordPress dengan teks dan gambar akan membantu pengunjung Anda lebih memahami gambar Anda. Anda bahkan dapat membuat slider testimonial atau slider konten sederhana.

Pada artikel ini, saya akan menunjukkan cara membuat gambar slider WordPress yang terlihat profesional dengan gambar dan tata letak teks.


Pada artikel ini, kami akan membagikan:

  • Plugin apa yang harus Anda gunakan untuk membuat slider gambar WordPress dengan overlay teks;
  • Cara membuat slider carousel WordPress dengan teks ;
  • Kustomisasi untuk mengedit teks slider di WordPress;
  • Dan masih banyak lagi .

Daftar Isi

  • Mengapa menggunakan Modula untuk membuat slider gambar dengan animasi teks?
  • Bagaimana cara membuat slider carousel WordPress dengan teks?
    • Instal dan aktifkan Modula
    • Buat galeri baru
    • Sesuaikan slider WordPress Anda dengan teks
    • Edit teks teks
    • Lebih banyak pengeditan
  • Pikiran terakhir

Mengapa menggunakan Modula untuk membuat slider gambar dengan animasi teks?

Modula ada di sini tidak hanya untuk membantu Anda membuat slider WordPress yang menakjubkan dengan teks, tetapi juga untuk membantu Anda mengeditnya sesuai keinginan Anda. Ini adalah plugin yang kuat dengan banyak fitur berguna. Misalnya, ia memiliki galeri yang dapat difilter, 42 efek hover gambar, galeri lightbox, dan 4 efek pemuatan gambar, perlindungan kata sandi, tanda air, alat migrasi, ekstensi video, 4 jenis kisi: kreatif, kustom, penggeser, dan pasangan bata, dan banyak lagi lagi.

Selanjutnya, Anda dapat meningkatkan ke Modula PRO hanya dengan $39.


Bagaimana cara membuat slider carousel WordPress dengan teks ?

Untuk memulainya, kita perlu menginstal dan mengaktifkan Modula untuk dapat menambahkan teks ke penggeser gambar. Proses ini tidak akan memakan waktu lebih dari beberapa menit.

Instal dan aktifkan Modula

Pertama, untuk menginstal Modula, buka Dashboard WordPress > Plugins > Add New.

tambahkan plugin baru
menu WordPress

Akibatnya, akan muncul halaman baru dengan banyak plugin WordPress gratis yang ditampilkan. Untuk menemukan Modula, ketik Modula di bilah pencarian, dan ketika Anda melihatnya, klik tombol Instal Sekarang .

Pemasangan modul
Instal Modula

Untuk mengaktifkan plugin, klik tombol Activate . Lihatlah menu WordPress sebelah kiri. Anda dapat menemukan plugin Modula di sana setelah instalasi selesai. Anda dapat menginstal dan mengaktifkan plugin WordPress gratis apa pun dengan mengikuti langkah-langkah ini.

modul aktivasi
Aktifkan Modula

Buat galeri baru

Kita perlu membuat galeri baru dan mengaturnya menjadi slider. Untuk membuat galeri baru, buka Galeri > Tambah Baru .

tambahkan galeri baru
Tambahkan galeri baru

Selanjutnya, beri nama galeri Anda dan mulailah mengunggah gambar atau video. Anda dapat melakukannya menggunakan tombol Unggah gambar atau Pilih dari Perpustakaan .

tambahkan judul baru
Tambahkan judul deskriptif dan unggah file gambar

Seperti inilah contoh galeri saya sampai sekarang. Saya memberinya nama dan mengunggah beberapa gambar.

Penggeser WordPress dengan teks
galeri saya

Sesuaikan slider WordPress Anda dengan teks

Untuk menambahkan teks ke penggeser, mari atur jenis galeri kita. Bagaimana kita bisa melakukan itu? Buka Pengaturan > Umum > Jenis Galeri > Penggeser . Ada 4 jenis yang berbeda untuk dipilih: kreatif, kustom, penggeser, dan pasangan bata.

Penggeser WordPress dengan teks
Pilih penggeser

Sekarang kita memiliki slider WordPress dengan teks yang hampir selesai, mari kita edit terlebih dahulu. Modula memungkinkan Anda mengubah ukuran gambar, mengaktifkan cropping, mengedit gutter, mengatur lebar, dan mengaktifkan Powered by atau Thumbnail Navigator. Di bagian ini, Anda dapat menemukan semua hal di atas. Fitur-fitur ini hanya berlaku untuk jenis galeri slider.

edit penggeser
Edit penggeser

Ada lebih banyak fitur – jumlah slide untuk ditampilkan atau digulir, seret mouse, titik, mode tengah, loop tak terbatas, kecepatan animasi, slide awal, dan, yang paling penting bagi kami sekarang adalah teks penggeser. Klik untuk mengaktifkan teks.

Penggeser WordPress dengan teks
Aktifkan teks

Setelah mengaktifkan teks slider, naik dan klik ikon edit yang muncul untuk setiap gambar saat mengarahkan kursor.

Penggeser WordPress dengan teks
Mengedit gambar

Halaman baru akan muncul yang berisi semua informasi tentang gambar yang kita klik untuk diedit. Anda harus menulis teks yang ingin Anda bagikan di dalam penggeser Anda di bidang teks Caption .

Penggeser WordPress dengan teks
Tambahkan teks

Di jendela ini, Anda dapat mengedit judul gambar, perataan, dan URL.

lebih banyak pengeditan
Lebih banyak pengeditan gambar

Kita dapat memilih filter untuk gambar ini atau mengedit metadata EXIF.

lebih banyak pengeditan
Lebih banyak pengeditan

Jangan lupa untuk mengklik tombol Simpan & Tutup untuk menyimpan perubahan Anda untuk gambar ini dan kemudian pindah ke gambar berikutnya dan ulangi prosesnya.

simpan gambar
Simpan & Tutup

Edit teks teks

Untuk mengedit teks teks kami lebih lanjut, mari kita pergi ke Pengaturan > Teks dan mengedit judul jika Anda ingin pengunjung Anda dapat melihat judul gambar Anda. Anda dapat mengedit warna, font judul, dan ukuran font.

edit judul
Edit judul gambar

Selanjutnya, mari kita edit teks caption kita. Kita dapat mengubah warna, ukuran font, font dan gaya font, dan ukuran font pada perangkat seluler.

edit penggeser
Edit teks teks

Lebih banyak pengeditan

Edit lightbox dan link dan aktifkan tombol Show image caption sehingga pengunjung dapat melihat teks caption di lightbox juga. Pilih jenis navigasi Anda dan edit bilah alat.

edit penggeser
Edit penggeser

Setelah selesai mengedit slider WordPress Anda dengan teks dan gambar, jangan lupa untuk mengklik tombol Simpan Galeri . Dengan cara ini Anda tidak akan kehilangan pekerjaan Anda.

simpan slider WordPress Anda dengan teks
Simpan galeri

Setelah menyimpan, Modula akan menghasilkan kode pendek yang dapat Anda gunakan untuk menampilkan slider WordPress Anda dengan teks ke dalam posting atau halaman.

Kode pendek
Kode pendek

Pikiran terakhir

Dan ini adalah bagaimana Anda dapat membuat slider WordPress yang indah dengan teks menggunakan Modula. Mari kita rekap semua langkah:

  1. Instal dan aktifkan Modula
  2. Buat galeri baru
  3. Sesuaikan slider WordPress Anda dan edit teks teks
  4. Tambahkan penggeser gambar ke situs web WordPress Anda

Buat slider Anda dengan Modula, dan itu tidak akan mengecewakan Anda!

Mulai dengan Modula