Skip to Main Content

How to display news on WordPress in a vertical slider

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Very recently at the request of a client, I looked for a plugin that allows you to display news in a vertical slider. I found its request quite curious, but when I came across this plugin, I understood all its interest, and I come to offer you this alternative as well.

In this tutorial, I will show you how to display news in a vertical slider. If a point I raise is beyond your understanding, please let us know.

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

How to install the plugin "Vertical News Scroller"

The first thing to do is of course to install and activate the Plugin from your dashboard. But you can also download The plugin as a zip file. and install it via FTP.


How to add a new news

After activating the plugin, you will notice a new menu " Manage Scrolling News " on your dashboard. Click on it to access the settings page.


On this new page, which is a kind of custom publication format (Custom Post Type), you will see all the different news you have created there. For the moment, no news is available. So I invite you to click on the button " Add new To create a new news.

add-new-button interface

Once on this new page, you will notice that it offers several different sections that allow you to define:

  • The title of the news " News title »
  • The url to a page " News Url »
  • News content " News Content »

Once done, click on " Save Changes »To record the news. Now, on the plugin's home page, you will see the various news. From this page also, you can manage these news by clicking on " Delete To delete or " Edit " to modify.


Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

How to display the news slider on your blog

To do this, you must navigate to the location " Appearance >> Widgets To add the widget Vertical News Scroll »


By adding this widget to any of your blog sections, you will notice that this widget has several options that allow you to set:

  • Title
  • Define the number of news items to display " Max item from news »
  • The height of the slider Height of slider »
  • Its internal margin Padding »
  • Whether or not to display news content
  • The time before automatic scrolling
  • The number of news items displayed by scrolling.

Discover our 8 plugins to add widgets to your dashboard


Add this widget to one of the sections of your blog. Once that's done, you can go to your blog, to see how the plugin looks.

Before we leave

You should know that there is a premium version of the plugin, which costs only $ 16 and adds new improvements. You can consult the demo of the plugin in question finally to see how it is displayed.

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. Facebook Live Chat

Facebook Live Chat is a WordPress plugin that allows you to easily create an instant messenger on your website. Visitors will be able to chat with you via your Facebook Messenger account.

Facebook Live Chat for WordPress

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

It's a simple way to offer assistance to your visitors or customers, to keep in touch with them, to turn visitors into customers and to discuss with them at any time finally to increase sales and create the best climate. of confidence.

Download | Demo | Web hosting

2. Responsive Styled Google Maps

Responsive Styled Google Maps is an easy to use Google Maps generator which offers responsive maps for your website. 

Responsive Styled Google Maps WordPress Plugin

In addition, this WordPress plugin allows you to insert several markers on the same map, or even several maps on a page. As functionalities, you will find there among others.

Also discover our article on 6 WordPress plugins to add a calculator to a blog

A shortcode generator, 100% responsive layout compatible with mobile devices, support for sidebars, articles, pages and custom types of posts, creating multiple markers, 10 marker icons and much more…

Download | Demo | Web hosting

3. Testimonials Slider

The Testimonial Slider WordPress plugin is a simple tool that allows you to display your customer's testimonials in the most vivid and engaging way on your website.

Testimonials Slider WordPress Testimonials Plugin

You will have the option to use it to collect any type of testimonial along with the author's name, author's photo, company logo, and even a client's website URL.

This presentation will increase the credibility of your product or services at the same time as the user experience. So use this WordPress plugin and strengthen your reputation with real and sincere testimonials.

Download | Demo | Web hosting

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Recommended Resources

Find out about other recommended resources to help you build and manage your website.


Here ! That's it for this tutorial on displaying a topical vertical slider on your blog. Do not hesitate to share with your friends on your favorite social networks

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

If you have suggestions or remarks, leave them in our section Comments.


This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top