Cara Membuat Ticker Berita di WordPress

Jika Anda sudah memiliki situs WordPress untuk majalah, surat kabar, atau blog bacaan…, Anda mungkin mengalami kesulitan dalam menarik perhatian pengunjung ke postingan yang luar biasa karena situs Anda dijejali terlalu banyak informasi. Untuk mengatasi ini, ticker berita jelas merupakan fitur yang sempurna untuk membuat situs membaca Anda lebih mudah dibaca, informatif, dan luar biasa!

Dalam posting ini, kami akan menunjukkan kepada Anda apa itu ticker berita, mengapa kami harus menggunakannya , dan cara membuat ticker berita yang mengesankan hanya dengan beberapa langkah cepat sederhana.

Mari kita mulai!

Apa itu News Ticker?

Pada beberapa jenis situs web seperti majalah online, surat kabar online, Anda mungkin melihat beberapa slide berita bergulir di bagian bawah atau header, footer, atau sidebar. Slide berita ini terlihat seperti yang ada di program berita TV.

Dengan melirik ticker berita di program berita TV atau situs web majalah, pemirsa bisa mendapatkan informasi terpanas dan paling mencolok. Biasanya ada banyak informasi, yang disebut ticks , dalam satu ticker berita.

Seperti pada gif di bawah ini, apakah Anda melihat berita utama berjalan? Begitulah cara kerja ticker berita.

Contoh ticker berita di WordPress

Mengapa Kita Harus Menggunakan News Tickers?

Ticker berita memiliki berbagai manfaat untuk berbagai jenis situs web:

• Untuk majalah, ticker berita membantu Anda menyoroti informasi dan postingan apa yang harus diperhatikan.
• Untuk portofolio, mereka menarik perhatian perekrut pada pengalaman kerja yang nyata dan penghargaan Anda.
• Untuk jenis situs web lain, ticker berita sendiri akan menjadi sorotan situs tersebut, untuk membuat blog Anda, misalnya, lebih menarik dan profesional.

Jadi, ticker berita jelas merupakan alat yang berguna bagi pemilik situs web. Lebih dari itu, sangat mudah untuk menambahkan ticker berita ke situs WordPress Anda. Mari beralih ke bagian selanjutnya dan dapatkan satu untuk Anda sendiri!

Bagaimana cara menambahkan ticker berita di WordPress?

Ada banyak cara untuk menambahkan ticker berita.

Anda dapat menggunakan tema yang dibuat sebelumnya dengan ticker berita di awal; itu akan menjadi yang termudah. Baca saja dokumentasi tema dengan cermat.

Namun, tidak setiap tema memiliki ticker berita yang sudah jadi seperti itu. Jadi dalam kasus ini, Anda dapat mempertimbangkan untuk menggunakan pembuat halaman atau plugin.

Dalam posting ini, kita akan menggunakan plugin gratis yang disebut plugin Ditty News Ticker . Ini gratis, sangat mudah digunakan dan sangat dapat disesuaikan . Anda hanya perlu mendownload dan mengaktifkannya di Dashboard.

Anda dapat membaca lebih lanjut tentang cara menginstal plugin di sini.

Sekarang, jangan ragu lagi dan ikuti 3 langkah kami untuk memiliki ticker berita yang luar biasa di situs Anda:

Langkah 1: Tambahkan Ticker Berita Baru

Pertama, buka News Ticker > Add New .

Pada layar berikutnya, Anda akan melihat 5 tab di bawah ini: Tambahkan Judul, Kode Pendek, Mode Ticker, Jenis Ticker, dan Pengaturan Global . Tab ini digunakan untuk mengonfigurasi dan menampilkan ticker berita Anda.

Apakah Anda pikir ada terlalu banyak hal yang perlu diingat? Jangan khawatir, kami akan membuatnya singkat dan jelas untuk Anda:

Pertama, beri nama pada ticker Anda. Ketik nama di tab Tambahkan Judul . Judul biasanya ditampilkan di bagian atas ticker, jadi cobalah untuk membuat nama yang menarik untuk menarik perhatian pengunjung.

Setelah itu, klik Ticker Type , lalu tambahkan konten untuk ditampilkan di ticker berita (dengan tautan jika perlu) di bagian Teks Ticker .

Seperti yang saya sebutkan di atas, ticker berita Anda mungkin berisi banyak ticks . Cukup klik tombol ( + ) untuk menambahkannya, dan klik tombol ( x ) untuk menghapus.

Langkah 2: Konfigurasikan News Ticker

Setelah memiliki ticker berita baru, Anda perlu membuatnya lebih menarik dengan mengonfigurasinya.

Pertama-tama, pilih bagaimana ticker berita Anda akan ditampilkan. Klik Ticker Mode , Anda akan melihat 3 opsi: Scroll, Rotate , dan List . Sebenarnya, Scroll adalah opsi yang paling umum, tetapi Anda dapat memutuskan mana yang paling cocok untuk situs Anda.

Setelah memilih salah satu dari tiga opsi di atas, Anda dapat menyesuaikan perilaku ticker dengan berbagai tab di bawah ini.

Secara pribadi, saya memilih mode Gulir , jadi saya akan menyesuaikan tindakan pengguliran. Ada dua hal penting yang harus diperhatikan: Scroll Speed dan Tick ​​Space . Sebenarnya, Anda harus mencoba berkali-kali untuk mengetahui parameter yang paling cocok. Bagi saya, saya lebih suka kecepatan gulir 8 dan ruang centang 10 piksel.

Selain itu, saya juga mencentang opsi Pause on mouse over , sehingga ticker berita akan berhenti bergerak ketika saya ingin mengklik centang.

Selain itu, saat mengklik Pengaturan Global , Anda akan melihat beberapa opsi lain untuk menyesuaikan ticker. Misalnya, jika Anda ingin judul ticker berada di atasnya, centang pada Display title . Atau jika Anda ingin menyembunyikan ticker ketika tidak ada tick, centang pada opsi seperti pada gambar di bawah ini.

Sekarang ticker berita Anda siap ditampilkan!

Langkah 3: Tampilkan Ticker Berita

Mari kembali ke tab Kode Pendek di bagian atas layar:

Ticker berita akan ditampilkan di tempat Anda memasukkan kode pendek ini. Anda dapat menambahkannya ke posisi apa pun: footer beranda, pos, widget bilah sisi,…

Biasanya, kami tidak menggunakan ticker berita untuk konten postingan. Akan lebih baik jika Anda menempatkan ticker berita di header, footer atau sidebar. Saya dapat memberi Anda contoh ticker berita bilah sisi. Pertama, saya memilih halaman acak, buka Preview > Customize > Widget .

Lalu, buka Bilah Sisi > Tambahkan Widget . Anda akan melihat banyak opsi untuk bilah samping tambahan seperti Audio, Kalender,… Pilih Teks, lalu Anda akan melihat kotak kecil untuk menambahkan nama bilah samping dan menempelkan kode pendek Anda:

Anda telah melakukan banyak langkah, bukan? Tetapi jika Anda ingin membuat ticker berita Anda lebih indah, dengan warna khusus, ukuran font, opacity,…, Anda masih memiliki sedikit pekerjaan yang harus dilakukan. Versi gratis dari plugin ini tidak mendukung pengguna untuk menyesuaikan parameter tersebut. Jadi kami hanya memiliki hasil seperti gif di bawah ini:

Ticker berita tidak terlihat begitu indah, jadi saya sedikit menatanya dengan CSS. Pergi ke Kustomisasi > CSS Tambahan .

Di sana Anda akan melihat kotak kecil untuk menambahkan kode. Kode-kode ini akan mengubah tampilan ticker berita Anda.

Saya menggunakan tema Memori dengan palet utama biru dan putih. Oleh karena itu, saya menambahkan CSS ini agar memiliki ticker berita berwarna biru:

 .mtphr-dnt-tick-contents a {
	warna: var(--main-color);
}

.mtphr-dnt-tick-contents a:hover {
	warna: #000;
}

Klik Terbitkan , dan lihat apa yang kami dapatkan:

Ini hanya contoh sederhana untuk Anda. Saya yakin Anda dapat membuat ticker berita yang jauh lebih menakjubkan sendiri. Mari kita coba!

Kata-kata terakhir

Jadi itu semua tentang menambahkan ticker berita ke situs WordPress Anda dengan plugin Ditty News Ticker . Kami telah mencoba yang terbaik untuk membuatnya singkat dan jelas, jadi kami berharap posting ini bermanfaat bagi Anda.

Mungkin Anda memiliki beberapa pertanyaan atau pertanyaan tentang tutorial kami, jadi jangan ragu untuk memberi tahu kami di bagian komentar. Kami bersedia menunjukkan kepada Anda tutorial yang lebih mendetail tentang opsi lanjutan di plugin ini, atau metode lain untuk menambahkan ticker berita tanpa menggunakan plugin. Jadi, jangan lupa untuk menghubungkan kami!