Instant Articles
You can also add a related articles element in the footer. Scroll down to the bottom of the story to see that feature in action.
Customizing the Formatting
To create advanced effects, you can play with different layout settings on your media elements. To create full-bleed layouts with a magazine-like feel, for example, you can crop a series of photos vertically and stack them in-line without spacing or text in between.
Fullscreen Media
Another option is to set images or videos to fullscreen mode, in which case the art crops automatically so that it bleeds off the screen frame and snaps gently into place. It’s kind of like a digital gatefold, giving readers a chance to enjoy a special moment in the story. See how this next image pauses briefly when you scroll it into view.
“I want to stay as close to the edge as I can without going over. Out on the edge you see all kinds of things you can’t see from the center.” Kurt Vonnegut
Visit the Instant Articles Design Guide to learn how to customize your typography and layout. The Format Reference describes the HTML-5 markup used to set interactive features and vary the presentation modes for media.
Get inspired by some of the incredible showcase articles that we’ve posted on the Instant Articles Facebook page. Whether you want to create a specially designed long read filled with multimedia elements or to quickly publish an on-the-scene video connected to an evolving news story, Instant Articles has the features and flexibility to help you deliver stories that not only load fast but are hard to forget.Look at this format as a tool box. How you choose to use Instant Articles and what you make with them are limited only by your imagination. We plan on continuously adding tools to the kit, based on your experiences and feedback. Our team is eager to work with publishers, bloggers and independent journalists to help you deliver your stories to new audiences with the most impact and multimedia goodness possible.
You can also add a related articles element in the footer. Scroll down to the bottom of the story to see that feature in action.
Customizing the Formatting
To create advanced effects, you can play with different layout settings on your media elements. To create full-bleed layouts with a magazine-like feel, for example, you can crop a series of photos vertically and stack them in-line without spacing or text in between.
Fullscreen Media
Another option is to set images or videos to fullscreen mode, in which case the art crops automatically so that it bleeds off the screen frame and snaps gently into place. It’s kind of like a digital gatefold, giving readers a chance to enjoy a special moment in the story. See how this next image pauses briefly when you scroll it into view.
“I want to stay as close to the edge as I can without going over. Out on the edge you see all kinds of things you can’t see from the center.” Kurt Vonnegut
Visit the Instant Articles Design Guide to learn how to customize your typography and layout. The Format Reference describes the HTML-5 markup used to set interactive features and vary the presentation modes for media.
Get inspired by some of the incredible showcase articles that we’ve posted on the Instant Articles Facebook page. Whether you want to create a specially designed long read filled with multimedia elements or to quickly publish an on-the-scene video connected to an evolving news story, Instant Articles has the features and flexibility to help you deliver stories that not only load fast but are hard to forget.Look at this format as a tool box. How you choose to use Instant Articles and what you make with them are limited only by your imagination. We plan on continuously adding tools to the kit, based on your experiences and feedback. Our team is eager to work with publishers, bloggers and independent journalists to help you deliver your stories to new audiences with the most impact and multimedia goodness possible.
The footer section can be used for acknowledgements, author bios, related articles, or any other supplemental information.
No comments:
Post a Comment