Cara menambahkan teks gulir di wordpress dengan elementor

Teks gulir bisa menjadi cara yang bagus untuk menarik perhatian pengunjung Anda. Ini dapat membantu Anda menyoroti pembaruan penting, pengumuman, atau penawaran yang tidak ingin Anda lewatkan. Plus, itu bisa membuat konten Anda lebih menarik, jadi orang suka membacanya.

Teks menggulir tidak hanya terlihat modern tetapi juga meningkatkan cara bagi Anda untuk berbagi informasi cepat. Misalnya, Anda dapat menampilkan berita utama, pesan promosi, atau hitungan mundur acara dengan cara yang penuh gaya dan dinamis. Ini membuat situs Anda tetap segar dan aktif tanpa menghabiskan terlalu banyak ruang.

Elementor adalah salah satu plugin pembangun halaman drag-and-drop yang paling ramah pengguna, yang dengannya Anda dapat melakukan ini dengan mudah di situs Anda. Di posting blog ini, kami akan membahas panduan langkah demi langkah tentang cara menambahkan teks pengguliran di WordPress Elementor. Mulai!

Apa itu menggulir teks di WordPress?

Teks yang menggulir di WordPress adalah sepotong teks yang bergerak melintasi layar, baik secara horizontal maupun vertikal. Ini sering digunakan untuk menampilkan pengumuman, pembaruan, atau pesan penting lainnya dengan cara yang menarik perhatian. Anda mungkin telah melihatnya digunakan di situs web berita atau toko e -niaga untuk menyoroti penjualan, tenggat waktu, atau berita utama.

Teks terus bergerak, jadi pengguna menyadarinya bahkan jika mereka tidak menggulir halaman. Di WordPress, teks gulir dapat ditambahkan menggunakan plugin, tema, atau pembangun halaman seperti Elementor. Anda tidak perlu menulis kode apa pun untuk membuat efek ini. Anda cukup menggunakan alat bawaan atau add-on untuk merancang pesan pengguliran.

Pelajari cara menambahkan teks animasi di WordPress.

Gunakan kasus pengguliran teks di WordPress

Ada banyak tempat dan situasi saat menggunakan teks gulir bisa menjadi cara yang bagus untuk meningkatkan keterlibatan. Di bawah ini, kami telah membahas beberapa kasus penggunaan umum dan praktis untuk pemahaman Anda. Mohon luangkan beberapa menit lagi untuk menjelajahi mereka.

• Menampilkan berita atau pembaruan yang terputus

Jika Anda menjalankan situs web berita atau blog yang berbagi konten yang peka terhadap waktu, menggulir teks sangat cocok untuk menampilkan berita utama. Ini juga dapat menyoroti pembaruan seperti posting yang baru diterbitkan atau topik tren.

• Menyoroti Penawaran atau Diskon

Toko online dapat menggunakan teks gulir untuk mempromosikan penjualan khusus, kode kupon, atau penawaran waktu terbatas. Pesan yang bergerak di bagian atas beranda atau halaman produk dapat meningkatkan perhatian.

• Mengumumkan acara atau webinar

Jika situs Anda mempromosikan acara, webinar, atau kursus online, teks gulir dapat digunakan untuk membagikan nama acara, tanggal, dan tautan untuk mendaftar, tanpa membuat halaman berat.

• Menampilkan pemberitahuan darurat atau peringatan

Untuk situs web seperti sekolah, rumah sakit, atau portal pemerintah, menggulir teks berguna untuk menampilkan pembaruan darurat, pemberitahuan penutupan, atau gangguan layanan.

• Menampilkan testimonial atau umpan balik klien

Anda juga dapat menggunakan teks gulir untuk menunjukkan ulasan pelanggan atau testimonial dengan cara yang halus dan animasi. Ini dapat membantu membangun kepercayaan saat menghemat ruang di halaman web.

• Berbagi media sosial atau info kontak

Tambahkan teks pengguliran untuk menampilkan nomor WhatsApp Anda, email dukungan, atau tautan media sosial. Ini memudahkan pengunjung untuk memperhatikan dan menghubungi Anda.

Jelajahi cara menambahkan tombol berbagi media sosial ke WordPress.

Cara menambahkan teks gulir di wordpress dengan elementor

Seperti yang telah dikatakan, Anda dapat menambahkan teks gulir di WordPress menggunakan alat dan addons elementor bawaan. HappyAddons adalah addon hebat yang dapat Anda gunakan dalam hal ini.

HappyAddons memiliki koleksi widget dan fitur yang hebat untuk melengkapi plugin inti Elementor untuk menyalakannya lebih jauh. Jika Anda pernah menemukan bahwa plugin inti Elementor tidak cukup untuk memenuhi kebutuhan desain Anda, HappyAddons dapat membantu Anda mengatasi kesenjangan.

HappyAddons memiliki widget gulir teks , yang dengannya Anda dapat dengan mudah mendesain dan menambahkan teks gulir ke situs web WordPress Anda tanpa banyak stres. Yang paling penting adalah widget gulir teks sepenuhnya gratis . Jadi, Anda hanya membutuhkan versi gratis dari Elementor dan HappyAddons untuk proyek hari ini.

Saat plugin ini siap di situs Anda, ikuti langkah -langkah yang dijelaskan di bawah ini.

Langkah 01: Buka halaman dengan Canvas Elementor

Buka halaman dengan Canvas Elementor. Anda dapat membuat yang baru dari awal atau hanya mengimpor templat.

Langkah 02: Buat bagian baru untuk menambahkan widget gulir teks

Buat bagian baru untuk menambahkan widget gulir teks dengan mengklik ikon plus (+) pada posisi yang Anda inginkan.

Pilih struktur kolom untuk bagian baru. Kami memilih struktur satu kolom untuk tutorial.

Setelah ruang untuk bagian baru dibuat, seret dan letakkan widget gulir teks pada bagian.

Widget gulir teks akan langsung ditambahkan ke kanvas

Langkah 03: Pilih jenis gulir

Ada empat jenis gulir di widget. Mereka adalah:

• Sorotan Garis Vertikal
• Sorotan garis horizontal
• Topeng Garis Vertikal
• Topeng garis horizontal

Mari kita lihat di video di bawah ini bagaimana masing -masing jenis ini berperilaku saat dipilih.

Mari kita pilih Horizontal Line Mask untuk tutorial.

Catatan: Tidak peduli apa jenis gulir teks yang Anda pilih, opsi stylization akan sama untuk semuanya.

Langkah 04: Stylize The Text Scroll Widget

Datanglah ke tab Gaya. Anda akan mendapatkan opsi -opsi ini di tab - Alignment, Warna Teks, Tipografi, Teks Stroke, Latar Belakang, Opacity Masking, dan Line Padding.

Lakukan stylizations yang diperlukan sendiri menggunakan opsi ini yang tersedia di bawah tab.

Anda dapat melihat bahwa kami telah menambahkan gaya yang diperlukan ke widget. Kami telah mengubah warna teks, warna latar belakang, tipografi, stroke teks, dll.

Dengan demikian, Anda dapat menggunakan widget gulir teks dan membuat konten yang menarik sesuai keinginan Anda.

Langkah 05: Tambahkan lebih banyak teks gulir ke halaman web Anda

Dengan cara yang sama, Anda dapat menambahkan banyak bagian teks pengguliran di situs web Anda, mengubah tipe mereka. Untuk inspirasi, tonton klip video yang terpasang di bawah ini.

Sorotan Garis Vertikal

Sorotan garis horizontal

Topeng Garis Vertikal

Topeng garis horizontal

Semoga setelah menjelajahi seluruh tutorial, Anda mengerti betapa mudahnya membuat teks pengguliran. Sekarang giliran Anda untuk membuat teks pengguliran yang menarik di WordPress dengan Elementor dan HappyAddons.

FAQ tentang menggulir teks di WordPress

Di bagian ini, kami telah menjawab beberapa pertanyaan yang sering diajukan yang biasa ditemukan di google, forum online, dan media sosial.

Pikiran terakhir!

Menambahkan teks gulir ke situs WordPress Anda mungkin merupakan perubahan kecil, tetapi bisa membawa dampak besar. Tidak hanya dapat menghubungkan pengguna ke pesan penting Anda, tetapi juga dapat menampilkan pesan Anda dengan gaya. Ketika Elementor dan HappyAddons ada di ujung jari Anda, Anda tidak perlu menjadi ahli pengkodean untuk membuat ini.

Semoga kami telah melakukan yang terbaik untuk menjelaskan tutorial dengan cara termudah sehingga Anda dapat memahami proses dari atas ke bawah. Namun, jika Anda tidak suka membaca posting blog panjang, jangan khawatir! Kami memiliki tutorial video yang siap di YouTube tentang topik ini.

Tonton tutorial dari video YouTube yang tertanam di bawah ini. Jika Anda memiliki pertanyaan dalam pikiran Anda, sebutkan mereka di kotak komentar di bawah ini. Kami akan menjawab pertanyaan Anda dalam waktu secepat mungkin.