Enjoy your national park, your way
Can you apply custom styles to random text?
Take a lead for nature
Now it’s more important than ever to keep your dog on a lead and under control. Find out why.
Take a lead for nature
Now it’s more important than ever to keep your dog on a lead and under control. Find out why.
How do you get around?
Our Active Travel consultation is vital to help us understand how to shape the routes you love. Get involved.
Time for you, time with us
Join our hundreds of volunteers helping to care for the Peak District, every day. Opportunities.
You’re welcome
Our latest visitor guide is a great read on-the-go, get inspired for your next trip.
Card 1
What I'd really like to do is add a new component in here.
Card 2
And have it render according to its own layouts etc
Cardi B
And then sing a song of sixpence
Somewhere for you, something for everyone
Need to know, before you go.
With more than 550 square miles to explore, the Peak District is the UK’s original National Park. Breathtaking views, easy-to-use trails and steeped in history and heritage there’s a place somewhere just for you. How will you make the most of it?
Take a few moments to discover how to get to, travel around and enjoy the Peak District safely and responsibly. We’ll see you soon.
.This is a Call to Action block
This is a demo image slider. How much padding is there between this wording and the gallery and can this be changed in the settings? Yes it can - just change Margin bottom from Huge (5) to Small (2)
TISSINGTON_TissingtonTrail_cTom-Marshall-18.jpg
AdobeStock_163461951_Preview.jpeg
20230613_113308.jpg
WYSIWYG block for a standard page asset.
Most legacy pages will just look like this block when the new design is applied. It's possible we'll add additional blocks above or below to Design customisation (outer walls) or Paint layouts (inner walls and wallpaper) templates to improve usability and visibilty of less popular content.
Standard page asets can contain multiple standard elements and bespoke content containers from 5.5 (WYSIWYG nested assets, code blocks etc), as well as Squiz 6/DXP components which are essentially standarised and supported container templates that come with the system.
Examples of each standard custom component can be seen above and below.
The Squiz Design System project is intended to identify the need for other types of components required by all Parks. These will need to be accessible to WCAG 2.2 / GDS standards.
Also available through the DXP are Content Page assets which can include new personalisation and A/B elements, but not legacy content containers. Unfortuantely Content Pages don't yet work and show the error "This page cannot be edited due to a missing Component Service API identifier on the site asset."
Demo accordion component for this
Accordion Header 1
Accordion headers are set in settings, this content in the body
Accordion header 2
Demo accordion body 2
Accordion 3 html
Demo accordion body 3 which can include HTML
Accordion 4 video
Demo accordion body 4 with an embedded video
Accordion 5 image
Demo accordion body 5 with a large image. Does this compress?
This is a demo Tabs block
Here's my first tab
And my second tab
header
- list item 1
- list item 2
- list item 3
| col 1 | col2 | col3 | col4 |
|---|---|---|---|
| row 1 A | row 1 B | row 1 C |  |
| can this include html? | looks like it |
Looks like we can include embedded content
Clicking the pen icon in the component allows us to change the tab headings.
So what happens to the content
This is some copy. But what about images?
Another section in here would be nice
But how do we add structured content within the editor without requiring a) code editing or b) endless components?
So there is something else to say here