Image slider at the home page: Meta Slider & Featured news

Technical details

How to prepare featured news

Prepare a post as usual. The following two items are different from the regular posts.

How to set a featured news slider

  1. Login to Wordpress
  2. Dashboard > Pages
  3. Change "All categories" in the filter dropdown to "front_page" and click Filter.
  4. Mouse over the title "Home - Front page" and click "Edit" underneath.
  5. Remove "Fullwidth Slider" by clicking "X" if it exists.
  6. Click "Insert Module(s)" in the Fullwidth Section (the purple section).
  7. Click "Fullwidth Code".
  8. Update with the following values:
    Content
    Content:
    Engineering[metaslider id=13200]
    Admin Label: Featured News Slider
    Advanced
    CSS Class: topslider or topslider-blue
  9. Click "Save & Exit"
  10. Click the triple bar on the left of the Fullwidth Section (the purple bar)
  11. Select "Design" tab and enter "2" in the Custom Padding Top
  12. Click "Save & Exit"
  13. Click "Update"

How to remove featured news from latest news on the top page

In default, the latest news section on the top page includes featured news. To remove duplicate posts on the top page, please follow this instruction.
  1. Login to Wordpress
  2. Dashboard > Pages
  3. Change "All categories" in the filter dropdown to "front_page" and click Filter.
  4. Mouse over the title "Home - Front page" and click "Edit" underneath.
  5. Click the triple bar on the left of the latest news module.
  6. Add the red part to the content.
    <h4>Latest News</h4>
    
    <hr style="color: #eeeeee">
    
    [display-posts posts_per_page="4" include_excerpt="false" image_size="thumbnail" wrapper="div" category="Uncategorized"]
    <div style="clear: left"><a href="/newsroom">Enter Newsroom ></a></div>
    
  7. Click "Save & Exit"
  8. Click "Update"

Updated 20170531