<!--
{
  "documentType" : "article",
  "framework" : "AppleNews",
  "identifier" : "/documentation/AppleNews/creating-an-article-main-steps",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "Creating an Article: Main Steps"
}
-->

# Creating an Article: Main Steps

Plan the design for your article and create it in Apple News Format.

## Discussion

When you create an article in Apple News Format, you start by creating a JSON document file. The file contains code that specifies the layout for your article, provides the content, and customizes the look. The system processes the JSON file and renders it as an article in Apple News.

Your article in Apple News must contain the following:

- A headline for the article. Use the [`Title`](/documentation/AppleNewsFormat/Title) component.
- An author for the article. Use the [`Author`](/documentation/AppleNewsFormat/Author) component to include the name of one of the authors of the article. Alternatively, you can use the [`Byline`](/documentation/AppleNewsFormat/Byline) component for adding contributors to your article.
- The publication date of the article. Use either the [`Metadata`](/documentation/AppleNewsFormat/Metadata), `datePublished` property or the [`Byline`](/documentation/AppleNewsFormat/Byline) component.
- The complete text of the article, as it appears in either print or on the publisher’s website. Use the [`Body`](/documentation/AppleNewsFormat/Body) component. Don’t truncate articles or require people to leave the Apple News app to read the full story.

You can also include a thumbnail URL to use in the article tile. See the [`Metadata`](/documentation/AppleNewsFormat/Metadata), `thumbnailURL` property.

Avoid using generic banners or branding messages at the top of articles, because the system automatically brands articles with channel names. Redundant branding pushes down the article’s content, forcing people to scroll to view it.

You can include in-article modules to promote and support your publication, like channel follow buttons, newsletter sign-up calls, donations, and other campaigns, but they must not appear until after the first screen.

You can include in-article recirculation units, but these must not exceed 50 percent of the [viewport height](doc://com.apple.applenews/documentation/AppleNews/specifying-measurements-for-components). They must look distinct from the Apple News end-of-article recirculation units and must appear after the first screen or before the last screen. You can also consider [promoting articles](https://support.apple.com/en-gb/guide/news-publisher/apd678c01b8c/icloud) or using the  [`LinkedArticle`](/documentation/AppleNewsFormat/LinkedArticle) object.

Modules that promote other products and services, advertising, or commercial content are prohibited.

The following figure shows the basic tasks associated with creating an article.

![Flow diagram showing the steps to publish an article to Apple News. ](images/com.apple.applenews/media-3975561@2x.png)

### Main Steps

> Note:
> Before you start, download [News Preview](https://developer.apple.com/news-preview/) and follow the instructions to choose the devices you want to preview on. Then, as you create your article, you can drag your `article.json` file to the News Preview window to see how your content will look in Apple News.

1. **Create an** `article.json` **document file**. All article document files must have the name `article.json.` Start by adding the [`ArticleDocument`](/documentation/AppleNewsFormat/ArticleDocument) object and its required properties, or download this [sample file](https://developer.apple.com/news-publisher/download/Apple_News_Starter_Article.zip). You can use any text editor to edit the code in your `article.json` file. See <doc://com.apple.applenews/documentation/AppleNews/setting-up-the-introductory-tutorial#Choose-a-Text-Editor>. Create a unique folder to hold the `article.json` file and any other files you’ll publish with this article, such as image files.
2. **Plan the layout of your article**. Decide how many layout columns your design needs. See <doc://com.apple.applenews/documentation/AppleNews/planning-the-layout-for-your-article>.
3. **Add components that contain your article’s content**. The content of your article — the text, photos, and other information — is contained in an array of components in your `article.json` file. Each component has a specific function — for example, a title, a caption, body text, or a video. For an overview of the different kinds of components you can have in your article, see <doc://com.apple.applenews/documentation/AppleNews/components>; to learn how to add components, see <doc://com.apple.applenews/documentation/AppleNews/adding-components>.
4. **Position the components in your article**. Use the [`ComponentLayout`](/documentation/AppleNewsFormat/ComponentLayout) object to specify where each component will appear horizontally in your article document. See <doc://com.apple.applenews/documentation/AppleNews/positioning-the-content-in-your-article>.
5. **Customize the appearance of your article**. Include styles, animations, behaviors, and other effects. See <doc://com.apple.applenews/documentation/AppleNews/enhancing-your-articles-with-styles> and <doc://com.apple.applenews/documentation/AppleNews/about-component-animations>.
6. **Add the metadata for your article**. See [`Metadata`](/documentation/AppleNewsFormat/Metadata).

Once your article is finished, you can publish it to Apple News. See [`Create an Article`](/documentation/AppleNewsAPI/POST-channels-_channelId_-articles).

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)