Creating Articles

There are three core components of the Article:

  1. Title: The title of the article
  2. Lead image: The “thumbnail” image that is associated with the article
  3. Body: The main content of the article

Adding articles to a section/subsection

  • Navigate to either the section or subsection under which the article must appear and click Add Child Page.
  • Select Article as the type of of page that you wish to create and provide a title and image. (Information on how to add images to Wagtail will be provided in a separate section.)
  • In the article body, you will see a + sign. Click on this to reveal the Rich Text Toolbar. This toolbar offers a range of editorial tools you can use to create headings, paragraphs, add images, bulleted or unordered lists and numbered lists. You can also add links to other articles or pages within your site by selecting the ‘page’ option.
Rich Text Toolbar
Click the + button to open the Rich Text Toolbar.
  • For advanced settings, click on Promote to adjust the URL slug page title, search descriptions. The Promote tab also lets you promote (or feature) an article to the Home page or other Section landing pages of the site. Find out more about featuring articles under the Promote Tab
  • If you want to add a link to an external page, you can use this mark down: example [link](http://www.example.com/)
  • Important note : On Free Basics your end user could incur data charges if you link them to a page outside of the Free Basics App so it’s a good idea to put (data charges may apply) next to the link so people are aware.
  • Click on Settings to schedule the publishing / unpublishing of this page at a future date and time of your choice.
  • Once you have completed all the main required fields, select Publish from the dropdown menu at the bottom. Choose Preview if you’d like to see what it will look like first.
  • This article will now be listed within the section (or category) selected.
  • Navigate to this section to view all its articles.
  • Hover over the article title to edit, view live, move to another section (or category) or unpublish.
Article publishing options
Article publishing options

Article Content Formatting Guide

Action Markdown Syntax Example
Bold Add ** around the text you want to bold **My Text**
Italics Add _ around the text you want to italicize _My Text_
Underline Add <u> before and </u> after the text you want to underline <u>My Text</u>
Line Break Add <br> where you want the line break. Add two <br> for a paragraph break <br><br>
External Link Add [] around the displayed text and () around the link URL [My Link](https://example.com)