Designers and art directors can use the Instant Articles “styles” capabilities to set one or more templates for your feeds. To create or modify the styles used for typographic elements that appear in your articles, use the Style Editor found on the Instant Articles Configuration in Creator Studio.
To get a sense of the design possibilities with our new style editor you can refer to our “Using Your Style Editor” example article. Learn how to access our example articles.
To find the Style Editor, go to Creator Studio on your Page, then choose Links under Published or Pre-Published from the left navigation menu, and click on the gear icon on the right. Then scroll to the Styles section and click on Add Style.
“Default” is the basic style applied to articles that appear in your feed. Edit the default style by clicking on its name. This opens an overlay with options to customize individual elements in your articles.
To customize a style element:
Apart from the default style, you can also create additional styles for your articles.
To apply a new style to articles in your feed, specify the style name in the article markup. By default, the style attribute
content will be the Default style:
<meta property="fb:article_style" content="default">
To apply a different style, change the
content attribute to match the preferred style name. Include any spaces if necessary, but upper or lowercase text doesn’t matter:
<meta property="fb:article_style" content="yourstyle">
Article styles can be specified on a per-article basis, if you want to apply multiple styles to your catalog.