Embed a blog feed within Adobe Muse

Search
Adobe Muse User Guide

On this page

Applies to: Adobe Muse

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Adobe Muse lets you dynamically embed a Wordpress or Tumblr blog on your website. Embedding a blog feed within your Adobe Muse site is similar to embedding a YouTube video, where Adobe Muse requires you to access the RSS feed URL. You can then use the Easy Feed widget to embed blogs of most platforms.

Adding a blog feed to a site is an easy way to display latest posts, news, and updates, dynamically. You can configure the Easy Feed widget to display latest updates first, media (images or videos) with non-Wordpress blogs, and resize the component per your design needs.

Download the RSS Blog widget

  1. Open this link (the Muse Widgets directory) in a browser.

  2. Click the Get This Widget button.

    The RSS Blog widget is downloaded to your default Downloads folder. Depending on the browser you used to download the widget and the operating system on your computer, the Downloads folder is configured differently.

Add and configure a blog feed

To add a blog on your web page, do the following:

  1. In Adobe Muse, select Window > Library to open the Library panel. If you haven't already done so, click the button, and import the RSS Blog widget.

    For information about downloading RSS Blog widget, see Download RSS Blog widget.

  2. In the Library panel, select RSS Feed > RSS Feed, and drag the widget on to the web page canvas.  

  3. Select the RSS Feed widget, and click button to bring up the Options panel.

    RSS Feed widget

  4. In the Options panel, enter the following:

    Blog Type

    Specify the blog type of blog you're embedding. If you're embedding a Wordpress blog, choose Wordpress (media not supported) option and Others (Full-Size Images or Images Left) in case of other blogging platforms.

    Image Width

    Specify width for the images streamed from the blog.

    RSS Feed URL

    Provide the RSS feed URL of the blog that you want to embed. You can use the Feedburner service to generate the RSS Feed URL.

    Feed ID

    Provide a unique value for the Feed ID. For example: museblog123

    Number of Posts

    Specify the maximum number of posts you want to display on the web page.

    Space Between Each Item

    Specify the space between each post (in pixels) when displaying on the web page.

    Show Content

    Choose to display content of each of the blog posts.

    Use Snippets

    When selected, only a snippet of the content is displayed.

    Show Media

    Choose to display media such as images, video, and more.

    Set Title Tag

    Depending on how you've organized your paragraph styles, you can set the Title Tag to a heading or paragraph tag.

    Show Date

    When selected, Adobe Muse displays date and time of when a blog post was last updated.

    Date Format

    Specify an appropriate format for the date. You can choose to display date and time, date only, and time only of the last update to the blog post.

    Sort By

    Sort blog posts by either date or time of last update to the blog posts.

    Ticker Options

    Choose to enable tickers for the embedded blog, and also specify Ticker Items Per Slide and Ticker Speed.

  5. Click outside the Options panel to finish. Preview the web page or the site using Preview mode in Adobe Muse or select File > Page in Browser option.

Apply text styles

  1. When you drag the RSS Blog widget on to the widget canvas, the Styling block is displayed along with the embedded blog.

    Apply text styles

    The Styling block provides a live preview of styling changes you apply to different parts of the embedded blog. By default, the Title, Date, and Paragraph styles are provided. However, you can choose to add more styles.

  2. Choose Window > Paragraph Styles to open the Paragraph Styles panel. Notice that there are three Paragraph Styles already listed:

    • rss-date
    • rss-paragraph
    • rss-title
    Paragraph Styles panel

  3. Select the text component you want to Style in the Styling block, and modify styling attributes per your design needs. For example, Title.

  4. In the Paragraph Styles panel, the style associated with the selected text component is overridden and is indicated by a + symbol. For example, in case of Title text component, rss-title paragraph style is overridden. Click  button to redefine the paragraph style and apply new attributes to the selected text components.

  5. Click Preview to test the updated styling attributes of the text component.