Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Title

Article Page - Zoned layout


Overview

Excerpt

You probably already know that BPD websites come equipped with a clean, well-organised news article layout right out of the box. But what if you've got additional content to display in your articles? Or what if you'd prefer a customised page layout, completely unique to your site?

That's where the zoned layout option comes in! By using a zoned article layout, you can present your article in the layout of your choice, with content arranged as you please.

 

 

...

Image Removed

...

Image Removed

 

 This guide will outline how to enable the zoned layout for your article detail pages. 

 


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Overview

Unique article system that allows content managers full control of how content and article structure are arranged. 



User-defined zoned layoutNon-zoned (default) layout

Image Added


Info
titleDefault Layout

If the 'Use Zoned Article Template' is disabled in Article Feature Settings, then this default non-zoned layout is automatically used.

Image Added


If you want to completely customise a template for each individual article, see the guide on Article Template Override

Step-by-step guide 

This guide will outline how to enable zoned article template for use and create customised zoned layouts for article content. 

1.

...

Enable Zoned Article

...

Template Layout  

  1. Navigate to Settings → Feature Management → Content.

  2. Configure the Articles featureEnsure Articles is toggled on, then click Configure
    Image RemovedImage Added 

  3. Tick the option to 'In the Article Feature Settings screen, toggle on Use Zoned Article Template'.
    Image Added 
    Image Removed 
  4. Click Save & Exit.

 

2. Customise the Article Page Zoned

...

template 


  1. Navigate to Content 

...

  1. Pages & Templates Articles

...


  1. Click Edit for the

...

  1. Article Page Zoned

...

  1.  template.

...

  1. Image Added

  2. The default widgets will be present

...

  1. in the template (Article Title, Article Image, Article Date, to name a few). Edit the options for existing widgets if required.
     
  2. To change the entire layout of the article page, click Change in the layout preview panel. 
    Image Added 

...



  1. Select another layout or follow our Layout Creator guide for instructions on how to create your own custom article layout. In this example, a built-in content layout was selected. 

    Image Added

  2. Drag and drop widgets to re-order them or move into different page zones, or add and delete widgets as needed.

...

  1.  

    Tip
    titleWant to add more content?

    If you want to add additional content, you can insert an HTML Snippet Widget into the appropriate page. For instance, you can add a company logo or chat icon in the corner of every news article.

...


  1. Once you are finished, load the Article page in another browser or incognito window to see your changes

...

 

 

 

...


Additional Information

Multiexcerpt
hiddentrue
MultiExcerptNameAdditional Info

See also Article Template Override.


Minimum Version Requirements


Multiexcerpt
MultiExcerptNameMinimum Version Requirements

**.**.**


Prerequisites


Multiexcerpt
MultiExcerptNamePre reqs

--


Self Configurable


Multiexcerpt
MultiExcerptNameSelf Configurable

Yes


Business Function


Multiexcerpt
MultiExcerptNameBusiness Function

Content


BPD Only?


Multiexcerpt
MultiExcerptNameBPD Only

Yes


B2B/B2C/Both


Multiexcerpt
MultiExcerptNameB2B/B2C/Both

Both


Third Party Costs


Multiexcerpt
MultiExcerptNameThird Party Costs

n/a



Related help

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("how-to","cms") = "article" and type = "page" and space = "KB"
labelshow-to cms

Content by Label
showLabelsfalse
showSpacefalse
titleRelated widgets
excludeCurrenttrue
cqllabel = "widget" and title ~ "article"