Add a Programme

#Create the programme page

To add a programme to the site - create a new basic subpage underneath the programmes_grid page in the control panel:

Customise the programme page

You will want to tag your new page subpage_layout - this will allow you to add multiple sections to the page by creating subpages underneath.

You can customise these pages however you like by creating any type of module - but based on the current site content (as of 23 December 2022) you should have at least 2 subpages for the intro/about section and the related programmes section.

Create the "About" section

Underneath your new programme page - create a new subpage - you can call it whatever you like, but if you want to follow current conventions - name it PROGRAMME_NAME_about where PROGRAMME_NAME is the name of your programme (example: for "matatini" would be "matatini_about").

Make sure you set the status to "Published" and tick the "Include in supporter nav" tick-box.

In the page settings, you will want to set the "Headline" field to be the name of the programme, and you will also want to add the tag page_no_robots - to prevent search engines from finding this subpage (as we don't want users to visit it directly).

If you want to match the existing content - you will also want to add the tag style:headline-h1-center - which will centre the headline and make it bigger than normal.

In the page content - add images, paragraph text, and h2 headers to build out your content.

Underneath your new programme page - create another new subpage - if you want to follow conventions - name it PROGRAMME_NAME_related_programmes.

Make sure you set the status to "Published" and tick the "Include in supporter nav" tick-box.

In the page settings, you will want to set the "Headline" field to "Related Programmes" and add a short sentence to the page content.

You will want to add the tag page_no_robots - to prevent search engines from finding this subpage.

You will want to add the tag module_card_carousel - as we will load related programmes into this section as cards in a carousel. You will then add the data tag module_card_carousel:related:PROGRAMME_SLUG - which tells the module to pull in all pages with tag related:PROGRAMME_SLUG (more on this later).

You will want to add the tag style:bg-gray-300 to give it a gray background colour.

Add the tag related:PROGRAMME_SLUG (example: related:matatini ) to any programme page you want to appear on your new page. This will create a card that links to that programme page.

NOTE: When inputting content it appeared as though these relationships weren't always cyclical ( a page X could link to page Y, but page Y doesn't necessarily link back to page X) - so these tags only work one way. If you want both pages to link to each other, you will need to tag each page with each other's slugs. (example: Page X tagged related:page-y, Page Y tagged related:page-x).

Customise the programme card

You will also want to populate some fields so your programme looks good as a card. These cards are visible from the main programmes grid, and also whenever your programme appears as a related programme on another programme's page.

You can upload a programme card image by selecting the "Settings" tab, then the "Social media" tab, then uploading an image where it has the "Thumbnail image for Facebook, etc." file uploader.

You can add programme card description text in the "Excerpt for Facebook, search engines" text area just above it.

Applying "Age" filters for the grid

On the programmes grid, you can expand the Age concertina and tick a filter button to hide cards from the grid that do not apply to that Age range.

For your new programme card - add the appropriate age tag or tags that apply to your programme. You can find these tags here: age-group-filters.md.