Design a custom template for your articles using our tool, Article Templates.
To begin, navigate to the Content header, and select Article Templates from the dropdown menu. To begin, we suggest first deciding on the fonts that you want to feature in your app.
With Article Templates, you can host your brand’s fonts and experiment with different font styles for your content.
To add a new font, navigate to Fonts on the top left, and then +Font on the top right.
Article Templates support Google Fonts, which you can add directly to your app’s font library; no need to download separate files.
If you have licenses for custom fonts, you can upload it. Article Template accepts both .ttf and .otf font files. Once you have activated a new font, all of your templates will have the ability to access those fonts moving forward for your headlines, body text, and more. You can always add new fonts later.
Create a Template
Once you have your fonts ready to go, click +Template on the top right of the main Template Designer dashboard to start designing your first template.
Enter the the name of the template, and then move down to the Element Editor. Here, you’ll customize each element of the template for each orientation: Mobile Portrait, Mobile Landscape, Tablet Portrait, and Tablet Landscape. Note that you have the option to customize all elements and apply to all device and orientations by leaving the box checked under the element’s settings.
For each of the different types of elements, you now have granular control over how these elements are rendered within the app and interact with other elements in the articles themselves. Below, you will find a list of all of the different ways you can customize your content. Edit the elements for the following sections of the template:
- Header Media
- Horizontal Line
- Pull Quotes
- Ordered Lists
- Unordered Lists
- Inline Image
- Image Captions
- Inline Video
- Video Captions
Hover over each section of the template to edit the following settings:
- Display: On, Off
- Align: Select Left, Center, or Right
- Margins: Set each from 0-100
- Line Height: Proportional to font size
- Character Spacing: Set from -10-10
- Font Style: Automatically pulled from the Font Library; select one from the dropdown if you have multiple
- Font Size: 0 to 100
- Font Color: Set the hex value
- Caps Rules: Select Case sensitive, Uppercase, or Lowercase
Note you can drag and drop certain sections (Header Media, Date, Headline, Sub-Headline, Byline) to re-order them.
The following sections have specific customizations:
- Lists: Ordered lists have the same customizations as text, and also include the following List Styles: Decimal, Lowercase Alphabet, Uppercase Alphabet, Lowercase Roman Numerals, Uppercase Roman Numerals. Unordered lists have the same customizations as text, and also include the following List Styles: Disc, Circle, Square, None
- Link: Font Color: Default link color; Active Color: Post-click color
- Horizontal: Line Thickness (in pixels)
- Advertisement: Ad Label: On/OffLabel; Text: Editable
When you’ve completed customizing all elements, select Save. This will save all of your changes to MAZ. Select Publish to make the template live, which will allow you to select the template within app sections and automatically set it live for your audience.
Apply Templates to Articles
Once you’ve set your template live, add it to an article in your app, whether you’ve uploaded the article from another source or if you created the article within MAZ.
Navigate to App Creator, to the section that contains the article, and then the article. On hover, select Design (or Edit, if it’s a native MAZ article). Go to Template and then select the customized template from the dropdown. Select Save.
1) There must always be one template that is the default and that is active.
2) Some template elements have a longer processing time.