Skip to content Skip to sidebar Skip to footer

Cara Membuat News Tickers di Website Wordpress

Pada kesempatan kali ini anibarstudio.com akan memberikan sebuah tutorial cara Cara Membuat Text Berjalan atau News Ticker di WordPress menggunakan plugin Simple Posts Ticker untuk kebutuhan website/blog mu. Tutorial ini saya buat karena kebetulan saya diminta untuk membuat sebuah website Company Profile dimana selalu ada head line berita terbaru yang berjalan, dihawatirkan saya membutuhkan tutorial ini lagi maka saya lebih memilih untuk menulisnya di blog anibarstudio.com agar kamu juga bisa melihatnya dan bisa menggunakanya jika membutuhkan.

Cara Membuat News Tickers di Website Wordpress


Yang kita butuhkan disini adalah satu buah plugin yang bernama Simple Posts Ticker, plugin ini menurut saya cukup lengkap dan mudah untuk digunakan. Buat kamu yang ingin mendapatkan plugin ini, silahkan aksess di wordpress.org atau silahkan klik DISINI karena plugin ini tersedia juga versi gratisnya yang bisa kamu gunakan langsung tanpa harus membayar.

Untuk cara instalasi plugin di CMS WordPress, silahkan baca postingan saya di bawah ini :
Setelah plugin Simple Posts Ticker di install, jangan lupa untuk di aktifkan agar plugin tersebut bisa langsung digunakan. tandanya plugin ini sudah aktif, silahakn lihat pada gambar di bawah ini :

Cara Membuat News Tickers di Website Wordpress


Untuk masuk ke menu pengaturanya, silahkan klik menu Settings > Simple Posts Ticker, untuk lebih lengkapnya, silahkan perhatikan gambar dibawah ini :

Cara Membuat News Tickers di Website Wordpress

Setelah masuk ke menu Simple Posts Ticker maka akan terbuka sebuah halaman seperti pada gambar dibawahh ini :

Cara Membuat News Tickers di Website Wordpress


Defaultnya yang akan menjadi Posts Ticker adalah postingan kamu yang ada di menu Posts, untuk mengganti atau mengubahnya, silahkan ubah sendiri pada menu Select Post Type, untuk beberapa pengaturan lainya, silahkan perhatikan beberapa gambar di bawah ini :

Cara Membuat News Tickers di Website Wordpress


Cara Membuat News Tickers di Website Wordpress


Cara Membuat News Tickers di Website Wordpress


Cara Membuat News Tickers di Website Wordpress


Cara Membuat News Tickers di Website Wordpress

Pada menu Shortcode ini adalah kode yang bisa kamu gunakan untuk menampilkan Post Tickers tersebut, kamu bisa menampilkanya di setiap postingan ataupun di letakan di dalam kode HTML dan PHP wordpress yang kamu gunakan, tapi tentunya untuk prosess ini kamu harus benar-benar mengerti tentang bahasa pemerograman.

Saya akan mencontohkan membuat News Tickers dengan menggunakan penaturan Select Post Type > Tickers, kalau pengaturanya seperti ini, maka untuk menambahkan Post baru saya harus menambahkanya pada menu Tickers yang ada di samping kiri, perhatikan gambar di bawah ini :

Cara Membuat News Tickers di Website Wordpress

Selanjutnya kamu akan dibawa kedalam sebuah halaman seperti pada gambar dibawah ini :

Cara Membuat News Tickers di Website Wordpress


SIlahkan klik Add New untuk menambah Post Ticker baru, selanjutnya kamu akan dibawa pada sebuah halaman seperti pada gambar dibawah ini :

Cara Membuat News Tickers di Website Wordpress

SIlahkan di isi textnya dan jangan lupa untuk klik tombol Publish, berikut adalah gambar ketika kamu sudah berhasil menambah Post Ticker baru, perhatikan gambar dibawah ini :

Cara Membuat News Tickers di Website Wordpress


Kalau sudah seperti ini, berarti kamu sudah berhasil menambahkan Post Ticker, selanjutnya saya akan mencoba menampilkanya pada website, saya menambahka kode News Tickernya melalui kode PHP dan saya meletakanya pas di bawah gambar jumbotron yang ada di halaman depan website.
Hasilnya seperti pada gambar dibawah ini :

Cara Membuat News Tickers di Website Wordpress


Tidak harus dalam kode php, kamupun bisa menambahkan kode News Tickers ini di pada Posts atau Pages yang kamu inginkan, cukup dengan mempaste saja kode yang ada di menu  Settings > Simple Posts Ticker > Chortcode.


CARA MENAMBAH PANJANG TEXT SIMPLE POSTS TTCKER

Kalau kamu memperhatikan dan mencoba membuat Newst Ticker yang panjang, maka text tersebut akan terpotong karena pada defaultnya hanya di perbolehkan text dengan panjang 120 kata saja, untuk menambah panjang text yang ditampilkan, ada sedikit perubahan secript yang harus kamu lakukan, silahkan kamu buka sebuah file yang bernama render.php, file ini berada di wp-content\plugins\simple-posts-ticker\public\render.php, selanjutnya buka file tersebut dengan menggunakan editor Text Notepad ++ lalu cari baris ke 224, perhatikan gambar dibawah ini  :

Cara Membuat News Tickers di Website Wordpress


Silahkan kamu ubah sendiri mau berapa kata yang di izinkan, bisa 500 ataupun 1000 kata, itu semua sesuai keinginanmu.

KESIMPULAN

Plugin ini biasa digunakan untuk membuat Text berjalan yang biasanya disebut dalam istilah News Ticker, plugin ini sangat mudah digunakan dan sangat kumplit, bisa mengganti warna, bisa mengatur kecepatan, bisa juga menampilkanya secara hardcode ataupun langsung tinggal di paste saja di Posts dan Pages.

PENUTUP

Mungkin cukup sekian tulisan saya tentang Cara Membuat News Tickers di Website Wordpress, semoga apa yang saya tulis disini bisa bermanfaat.

Anibar Studio
Anibar Studio Seorang pemuda dari kampung yang pekerjaanya sebagai petani tapi disisi lain mempunyai hobi juga dibidang teknologi.

Post a Comment for "Cara Membuat News Tickers di Website Wordpress"