Membuat Ticker Berita di WordPress: 3 Langkah Mudah

Pernahkah Anda melihat palang geser di saluran TV? Mereka menyoroti berita terkini, tren, dan peristiwa penting. Ini dikenal sebagai “tiker berita ” yang juga dapat menyempurnakan situs web WordPress.

Temukan cara membuat ticker berita di WordPress dengan panduan langkah demi langkah kami. Pelajari cara menerapkan ticker berita dinamis menggunakan plugin ElementsKit dan tingkatkan pengiriman berita situs web Anda.

Memahami News Ticker di WordPress

Ticker Berita, juga disebut sebagai ticker konten, membuat efek teks bergulir di situs web/media lain dengan pengumuman singkat. Ticker membantu menyiarkan informasi sensitif waktu, panggilan untuk pengiriman, dan pesan berbasis teks lainnya. Ticker ini menarik perhatian dengan memindahkan teks di halaman Anda.

Ticker konten dapat menampilkan berbagai macam konten. Ini termasuk tajuk berita, pengumuman, promosi, atau detail pengguliran lainnya. Ticker berita mengirimkan pembaruan berita, menjadikannya ticker konten khusus.

Ticker berita atau umpan berita lebih dari bermanfaat untuk saluran berita. Mereka berharga untuk mengubah topik seperti berita, olahraga, saham, dan banyak lagi. Ticker berita di situs web Anda memungkinkan pengunjung untuk tetap diperbarui. Ini memotivasi mereka untuk menemukan lebih banyak konten Anda.

Bagaimana Cara Menambahkan Ticker Berita di WordPress?

Panduan ini akan memandu Anda menggunakan ticker konten ElementsKit di situs web WordPress Anda. Sebelum menyelami petunjuk langkah demi langkah, pertama-tama mari kita jelaskan Elementor dan ElementsKit .

Elementor dan ElementsKit adalah plugin WordPress populer yang ideal untuk pembuatan dan penyesuaian situs web. Elementor adalah plugin pembuat halaman drag-and-drop visual untuk WordPress. Ini adalah alat yang memungkinkan Anda menyesuaikan tampilan situs WordPress Anda tanpa harus mempelajari kode.

Di sisi lain, ElementsKit adalah addon Elementor yang merupakan solusi sempurna untuk mendesain situs web apa pun dari awal tanpa pengkodean. Itu memperluas fungsionalitas Elementor melalui elemen tambahan, widget, templat, dan fitur untuk meningkatkan kemampuan pembuat halaman Elementor. Apa pun tujuan situs webnya, Anda dapat mendesainnya hanya dengan menyeret dan melepas templat dan widget yang dibuat sebelumnya.

ElementsKit memiliki banyak fitur canggih. Salah satunya adalah Content Ticker Widget , yang membantu Anda membuat dan menampilkan berita penting atau trending. Ini adalah bagian dari versi ElementsKit Pro, yang menawarkan fitur premium. Anda dapat menyesuaikan ticker dengan tata letak, batas, animasi, dan desain yang berbeda.

Fitur Utama:

• Widget Ticker Konten untuk Elementor.
• Fungsionalitas seret dan lepas untuk penyesuaian yang mudah.
• Antarmuka yang ramah pengguna.
• Pamerkan berita penting atau trendi dengan gaya.
• Beberapa opsi tata letak untuk tampilan yang disesuaikan.
• Perbatasan, animasi, dan opsi desain untuk meningkatkan daya tarik visual.
• Pembuatan ticker konten dengan cepat.
• Integrasikan dengan situs web Anda yang didukung Elementor.

Sekarang, mari kita lanjutkan dengan panduan langkah demi langkah yang mendetail tentang penggunaan plugin ElementsKit secara efektif sebagai ticker berita di WordPress.

Langkah 1. Nyalakan Widget Ticker Konten

Untuk menambahkan ticker konten ke situs web WordPress Anda, aktifkan Widget Ticker Konten ElementsKit . Setelah itu, buka editor Elementor dan seret dan lepas widget ke area desain.

Untuk mengaktifkan widget Content Ticker:

1. Buka ElementsKit > Widget
2. Temukan Ticker Konten di daftar widget dan aktifkan.
3. Klik tombol “ Simpan Perubahan ”.

Langkah 2. Sesuaikan Pengaturan Ticker Konten di Elementor

Judul Ticker

1. Tunjukkan Judul. Aktifkan fitur judul ticker untuk membuka opsi penyesuaian tambahan.
2. Gaya Judul. Pilih gaya untuk judul ticker di antara opsi yang tersedia.
3. Teks Judul. Masukkan teks yang diinginkan untuk judul.
4. Aktifkan Penunjuk. Anda dapat menampilkan penunjuk di samping judul ticker.
5. Ikon. Atau, Anda dapat menampilkan ikon di samping judul.
6. Posisi. Pilih “ Sebelum ” atau “ Setelah ” sebagai penempatan yang diinginkan.
7. Aktifkan Pemisah. Anda memiliki opsi untuk menampilkan pemisah bersama dengan judul ticker.

Konten Ticker / Kueri

Di dalam bagian ini, Anda dapat memilih jenis konten dan menyesuaikan pengaturannya sesuai dengan preferensi Anda.

Tipe-Konten: Posting

Pilihan ini memungkinkan Anda menampilkan postingan situs web Anda di ticker.

Tipe Konten: Kustom

Untuk menampilkan konten khusus pada ticker, ikuti langkah-langkah berikut:

1. Pilih Konten: Setel ke " Kustom ".
2. Tambahkan Item: Anda dapat menambahkan item konten.
3. Judul Konten: Masukkan judul untuk konten ticker.
4. Deskripsi Konten: Masukkan deskripsi untuk konten ticker.
5. Pilih Gambar: Sertakan gambar yang akan ditampilkan oleh konten ticker.
6. Tautan: Masukkan URL untuk menautkan konten ke halaman web.

Pengaturan

Di bagian ini, Anda dapat menyesuaikan pengaturan ticker.

1. Tampilkan Gambar: Pilih apakah akan menampilkan gambar unggulan dari konten pada ticker.
2. Ukuran Gambar: Ubah ukuran gambar dalam konten ticker.
3. Aktifkan Bayangan: Aktifkan bayangan di ujung kiri dan kanan konten ticker.
4. Tampilkan Deskripsi: Putuskan apakah akan menyertakan deskripsi konten di ticker.
5. Efek: Pilih gaya efek animasi yang diinginkan dari opsi: Default, Fade, Marquee, dan Typing. Tip: Jika Anda memilih efek Marquee, tingkatkan Kecepatan Animasi untuk visibilitas yang lebih baik.

6. Arah: Tentukan urutan pengguliran sebagai i. Pengguliran horizontal atau ii. Pengguliran vertikal. Catatan: Pengaturan arah tidak berlaku untuk efek Marquee.

7. Kecepatan Animasi: Anda dapat memodifikasi dan menyempurnakan kecepatan efek animasi. Catatan: Pengaturan arah tidak berlaku untuk efek Marquee.
8. Putar otomatis: Anda memiliki opsi untuk mengaktifkan putar otomatis untuk ticker konten. Jika diaktifkan, Anda dapat menyetel waktu tunda antara perubahan konten. Catatan: Pengaturan putar otomatis tidak berlaku untuk efek Marquee.
9. Reverse Direction: Secara default, ticker akan bergulir dari kanan ke kiri. Tetapi Anda juga dapat memilih arah kiri ke kanan untuk pengguliran ticker.

• Ambil Kursor: Pengguna dapat menggeser konten ticker hanya dengan menariknya dengan kursor mouse. Catatan: Pengaturan Grab Cursor tidak berlaku untuk efek Marquee.

• Show Arrow: Mengaktifkan fitur panah untuk menavigasi konten ticker secara manual. Jika Anda memilih untuk menampilkan panah, pilih Ikon Panah Kiri dan Ikon Panah Kanan.

Langkah 3: Sesuaikan Gaya Ticker Konten

Di bawah tab gaya di Elementor, Anda dapat menyesuaikan ticker konten sesuai keinginan Anda.

Pembungkus

1. Arah: Pilih posisi judul ticker dan panah.

• Normal: Judul ticker ada di sebelah kiri, dan panah ada di sebelah kanan.

• Terbalik: Judul ticker ada di sebelah kanan, dan panah ada di sebelah kiri.

2. Padding Pembungkus : Sesuaikan padding atas dan bawah untuk seluruh bagian ticker konten sesuai preferensi Anda.

Judul Ticker

1. Lebar: Ubah lebar bagian judul ticker untuk mendapatkan tampilan yang diinginkan.
2. Perataan: Pilih perataan untuk ikon dan teks di dalam judul ticker.
3. Opsi Penunjuk/Opsi Ikon: Sesuaikan ukuran, jarak antara judul dan penunjuk/ikon, dan warna penunjuk/ikon.

4. Tipografi: Pilih tipografi yang diinginkan untuk teks judul.
5. Padding: Sesuaikan padding judul ticker.
6. Border Radius: Mengedit radius batas judul ticker.
7. Warna Teks: Memilih warna teks.
8. Latar Belakang: Pilih latar belakang untuk judul ticker.
9. Ikon: Pilih ikon yang akan muncul di dalam judul ticker.
10. Opsi Pemisah: Saat diaktifkan, Anda dapat menyesuaikan gayanya dengan menyesuaikan properti seperti lebar, tinggi, dan warna.

Konten Ticker

1. Perataan: Pilih perataan konten ticker.
2. Margin: Mengatur margin kanan dan kiri konten ticker.
3. Padding: Sesuaikan padding konten.
4. Warna Judul: Pilih warna untuk judul konten ticker.
5. Warna Hover Judul: Pilih warna yang akan ditampilkan saat mengarahkan kursor ke judul konten.
6. Tipografi Judul: Mengatur tipografi untuk teks judul konten.
7. Warna Deskripsi: Memodifikasi warna deskripsi konten.
8. Deskripsi Tipografi: Menentukan tipografi untuk teks deskripsi.

Gambar

Dengan mengaktifkan opsi " Tampilkan Gambar " di bagian Pengaturan, konten akan menyertakan tampilan gambar.

1. Sesuaikan lebar dan tinggi gambar agar sesuai dengan preferensi Anda.
2. Pilih jenis perbatasannya.
3. Sesuaikan radius batas.
4. Tetapkan margin untuk gambar konten.

Anak panah

Setelah Anda mengaktifkan fitur “ Tampilkan Panah ”, tanda panah akan terlihat di ticker.

1. Posisi Panah: Atur posisi panah ke kiri atau kanan ticker.
2. Lebar: Sesuaikan lebar panah.
3. Tinggi: Sesuaikan ukuran panah.
4. Spasi Antara: Ubah jarak antara dua panah.
5. Warna Ikon: Pilih warna untuk ikon panah.
6. Warna Latar Belakang: Pilih warna latar belakang untuk panah.
7. Jenis Batas: Pilih jenis batas dan sesuaikan lebar dan warna batas.
8. Border Radius: Menyesuaikan radius batas.

Praktik Terbaik untuk Konten Ticker Berita di WordPress

Untuk memaksimalkan ticker berita Anda di WordPress, penting untuk mengikuti praktik terbaik untuk konten. Dengan memilih dan menyajikan informasi dengan hati-hati, Anda dapat melibatkan audiens Anda secara efektif.

• Tetap Relevan

Pastikan konten ticker berita terkini dan relevan dengan audiens. Perbarui konten secara teratur untuk menjaga kesegaran dan daya tariknya.

• Prioritaskan Keterbacaan

Pilih gaya font, ukuran, dan warna yang enak dibaca secara visual. Hindari penggunaan animasi atau desain rumit yang dapat menghalangi keterbacaan konten Anda.

• Optimalkan Kecepatan dan Durasi

Sempurnakan kecepatan ticker untuk memberi pengguna waktu untuk membaca dan memahami konten. Hindari menyetelnya terlalu cepat atau lambat, yang dapat merusak pengalaman pengguna.

• Batasi Jumlah Barang

Mempertahankan jumlah item yang wajar disarankan untuk memastikan pengalaman pengguna yang lancar.

• Gunakan Teks Ringkas dan Jelas

Buat teks di ticker berita Anda singkat dan fokus. Izinkan pengguna memahami gagasan utama setiap item dengan cepat.

• Sertakan Tautan yang Relevan

Lampirkan hyperlink ke teks di ticker berita Anda. Ini menghubungkan pengguna ke halaman yang relevan di situs web Anda. Ticker berubah menjadi alat navigasi berharga yang memandu pengguna ke konten.

• Periksa Daya Tanggap di Seluruh Perangkat

Uji ticker berita di berbagai perangkat, ukuran layar, dan resolusi. Pastikan itu memberikan pengalaman pengguna yang konsisten di semua platform.

• Pantau dan Optimalkan Kinerja

Terus menilai kinerja ticker berita Anda. Buat perubahan yang diperlukan untuk meningkatkan pengalaman pengguna dan metrik keterlibatan.

Bungkus

Anda dapat menyempurnakan situs web Anda dengan ticker berita di WordPress. Itu dapat menampilkan berita terkini, tren, dan pembaruan penting. Pastikan konten ticker berita Anda relevan, mudah dibaca, dan dioptimalkan untuk kecepatan. Gunakan teks ringkas, tautan yang relevan, dan uji daya tanggap di seluruh perangkat untuk meningkatkan pengalaman pengguna.

Pilih plugin yang tidak hanya berfungsi sebagai ticker berita yang bergulir secara otomatis di WordPress tetapi juga memainkan keserbagunaan. Plugin ticker berita pilihan yang baik dapat menampilkan tajuk berita, pengumuman, promosi, atau jenis informasi gulir lainnya. Itulah kemudahan yang dapat dibawa oleh Widget Ticker Konten ElementsKit kami ke situs web Anda.

Biarkan plugin Anda melakukan pekerjaan untuk Anda. Instal dan aktifkan plugin ElementsKit kami untuk membuat ticker berita dengan pengaturan yang dapat disesuaikan. Integrasikan dengan mudah dengan mengikuti petunjuk dan memanfaatkan potensinya di situs WordPress Anda.

Anda mungkin tertarik untuk mengetahui alat SEO terbaik untuk WordPress yang harus Anda coba, yang akan meningkatkan pengalaman blogging Anda dan meningkatkan kinerja situs web Anda.