Welcome, Guest Login

Support Center

Creating magazine sliders for your website

Last Updated: Apr 03, 2016 10:44PM EDT
With the magazine slider, you can create a slideshow of pictures for any page on your website.

Create a new magazine slider

  1. On the WordPress dashboard, in the menu on the left of the screen, click Master Slider.
  2. Click Create New Slider.
  3. Select Custom Slider. At the bottom of the screen, click Create.

Add picture slides to the magazine slider

One you created a new slider for your rotating advertisements, you can create a slide for each picture that you want to add to the slideshow.
  1. Click Add Slide.
  2. Do any of the following:
    • To add a slide using a picture you already added to WordPress, in the Media Library tab, click an image. To add multiple slides at once, hold the CTRL key and click multiple images.
    • To add a slide using a new image, in the Upload Files tab, click Select Files. Select the images you want to upload and click Open. Click Create Slides.
  3. Click Create Slide(s).
  4. On the Slides tab, click a slide image.
  5. In the Fillmode drop-down list, select Stretch.
  6. Click Save Changes.
  7. Repeat steps 4-6 for each slide you added.

Change the slider settings

  1. At the upper left of the screen, click the Slider Settings tab.
  2. In the Slider name field, type the name of your slider.
  3. If necessary, change the slider width and slider height.
  4. In the Transition drop-down list, select Flow.
  5. In the Navigation section, turn on the Pause at end slide and Hide layers before changing slide switches.
    • Make sure that all other switches in the Navigation section are turned off.
  6. In the Appearance section, click the Background color drop-down list. Pick a background color.
  7. In the Class name field, type magazine.
  8. In the Slider custom styles field, enter the code as seen in figure 1, below.
  9. Click Save Changes.
Figure 1.
 

Add a slider control

The slider control helps the user navigate your magazine slides. The most common slider controls are arrows, which allow the user to navigate through your slides by clicking the arrow to the left or right.
  1. At the upper left of the screen, click the Slider Controls tab.
  2. In the Add new control drop-down list, select Arrows.
  3. Click the + Button.
  4. Click Save Changes.

Place the magazine slider on your website

Now that you created your magazine slider, you can add it to a page you already created or you can create a new page for it.
  1. Copy the text that appears in the Shortcode field at the bottom of the screen.
  2. In the menu on the left of the screen, click Pages.
  3. Do one of the following:
    • To add the magazine slider to an existing page, click a page title. In the text field, place your cursor where you want your magazine slider to appear. Paste the text you copied from the Shortcode field.
    • To add the magazine slider to a new page, click Add New. Enter a Page title. In the text field, place your cursor where you want your magazine slider to appear. Paste the text you copied from the Shortcode field.
  4. Click Publish.

Contact Us

support@newsportmedia.com
https://cdn.desk.com/
false
newsportmedia
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete