All Collections
Importing, Managing, & Designing Content
Content Settings & Design
How to use Article Templates?
How to use Article Templates?

Do you have a feed of article content that you would like to design?

C
Written by Customer Success
Updated over a week ago

Design a custom template for your articles using our tool, Article Templates. 

  1. Navigate to the Content, select Article Templates from the dropdown menu.

  2. Add in your own fonts or use any free Google Fonts, you want featured.To add a new font, navigate to Fonts on the top left, and then +Font on the top right.

Note: If you have licenses for custom fonts, you can upload them. Article Template accept 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. In the case that you do add in new font packages a new build will need to be created in order for those fonts to be displayed.

3. 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.

4. You have control over each elements in the app and interact with other elements in the articles themselves.
​

You can edit these elements for the following sections of the template:

  • Header Media

  • Headline

  • Sub-Headline

  • Byline

  • Paragraph

  • Links

  • H1

  • H2

  • H3

  • H4

  • H5

  • Horizontal Line

  • Pull Quotes

  • Ordered Lists

  • Unordered Lists

  • Inline Image

  • Image Captions

  • Inline Video

  • Video Captions

  • Advertisements

  • Credits

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

5. 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.

6. After you 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.

NOTES: 

1) There must always be one template that is the default and that is active.
2) Some template elements have a longer processing time.

Did this answer your question?