News Feed

http://www.muse-themes.com/products/news-feed

Display a live news feed on your site. The content in the feed will automatically update, without the need to constantly republish your site. Great for displaying feeds from external sites, or your own blogs, articles or updates.

  • Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
  • Current Version: 1.0
  • Supported Devices: Desktop, Tablet, Phone

Release Log

  • 1.0: Initial release




Setup

WIDGET PLACEMENT

  • Drag the widget from the library and drop into your project in Design mode.
  • Place the widget where you would like it to appear on your page.
  • Resize the widget container as needed to control the width of the news feed. The height of the feed is variable and is determined by the number of articles set in the "Article Count" parameter. The feed will automatically push page content downward as needed to fit within the page.
  • The feed is responsive, and can be used in most any width - including full page or as a sidebar.

FEED SOURCES

This widget requires a source URL for the news feed. This may come from a news website, blog, or even a forum platform like Reddit. You can even create your own feed. Here are some tips for finding or creating feeds:

  • Google it: Our first suggestion would be to simply search for a feed on Google. A simple search phrase like "website name news feed" should give you a solid feed URL the majority of the time.
  • Use a known URL addition: Many of the top blogs and site platforms such as Wordpress, Tumblr or Facebook have a very simple way to grab a feed of new posts or articles. Simply add a known word to the URL. Here are some of the common ones:
    • Wordpress: add "/feed" or "feed/atom". Example: http://www.mywordpressblog.com/feed or http://www.mywordpressblog.com/feed/atom
    • Tumblr: add "/rss". Example: http://www.myblog.tumblr.com/rss
    • Blogger/Blogspot: add "/feeds/posts/default". Example: http://www.myblog.blogspot.com/feeds/posts/default
    • Medium: add "/feed" before the publication name. Example: http://medium.com/feed/example-site
  • Look for the Orange RSS button: Click on the RSS button that can be found on many websites
  • Create your own feed: This article explains how to create your own RSS feed: https://www.howtogeek.com/318401/how-to-find-or-create-an-rss-feed-for-any-website/
  • And a few more: This article covers even more ways to discover a news feed URL: https://www.makeuseof.com/tag/how-to-discover-the-rss-feed-of-a-webpage-if-a-link-isnt-there/

WIDGET OPTIONS

  • Open the widget option panel.
  • Unique ID: Use a unique ID if you use more than one instance of the widget on your page.
  • Feed URL: Enter the URL of the news feed you wish to display. Use the "Feed Sources" section above for help.
  • PHP File: This is important. For the news feed to function, a PHP file must be loaded into the widget. Click "Add File" and load the "news.php" file included in your download.

This widget must be used with site hosting that supports PHP


  • Note that your site must be published in order to see a news feed. Previewing in browser will not display the news feed.
  • Article Count: This sets the number of articles displayed in the feed.
  • Description Character Limit: This sets the number of characters displayed in the description (below the title).
  • Title Link Target: Clicking the article title will take you to the article. The article link may be opened in a variety of ways that loads the page in a new tab, same tab, or top of page.
  • Date Language: This sets the language for the date.
  • Date Format: This parameter offers a large variety of date formats.
  • Show Article Description / Show Publish Date: These toggles do as they say, and toggle the display of the article description and publish date.

STYLING SECTION

The Styling section offers extensive styling options for the news feed container, title text, content text, margins and much more. Each parameter is labeled with its purpose, and will not be discussed in detail here as these settings are self-explanatory.


Commonly Asked Questions

No commonly asked questions


Known Issues/Conflicts

No known issues or conflicts


Additional Info Links