-
Notifications
You must be signed in to change notification settings - Fork 1
03 Page Specific Configuration
Choose which patterns show up on a given page by simply entering the pattern name into the custom data in the page properties.
In the custom data for each page, there are 7 “slots,” each designated to house a pattern. You can tell CleanSlate which pattern to use in each slot. Have as many or as few slots as you want (up to 7) and put them into whatever order you want.
Below is a list of available patterns for each slot. Use these in each page's custom data tab in the slot_1, slot_2, etc. fields. The frontpage template has 7 slots e.g. slot_1 - slot_7. The backpage template has slot_01 - slot_03 above the main body and slot_04 - slot_07 after. Those with a Sitewide suffix have editable regions that are shared content.
hero: If you just want to use the regular hero, leave this blank. If you don't want to use a hero, just type anything else here e.g. false. If you want to use the Admin Hero want to use the hero with the smaller photo, type false, then in slot_01 type adminHero or hero--small.
slot_01 - slot_07:
ledeactionHeroactionHeroSitewideadminHeroanytychanytych2anytych3anytych4anytychSitewidebackpagebig-searchdirectoryfeaturettesfeaturettes2herohero--smallvideovideoSitewidetestimonialprofilesadvertscalendarcalendarManualquicklinksquicklinksSitewidetwittersocialsuperNav
NOTE: Do not use a pattern more than once on your page. Certain patterns allow for multiple instances. They are designated with a number at the end in the list above e.g. anytych2 and featurettes2. For example, if you need two anytychs, use anytych and anytych2.
Testimonials, Staff Directory, Profiles, Advertisements, Sub-features
Do you have a profiles section, sub-features, or staff directory ? Enter the page ID of the parent that houses each set of items in its corresponding page data field. This will let you do some cool stuff, for example easily use profiles, sub-features, or testimonials, on any page regardless of where that page resides within your navigational structure.
For example, let's say I want to show a list of featurettes on my home page. I would find the parent page of my featurettes, get the page ID, then in the page settings of my homepage, I would enter this ID in the featurettes_id field.
You can find the page ID by hovering over the page in your Pages tab or navigating to that page in Edit Mode and checking the page's URL. For example, if the URL is https://cleanslate.wvu.edu/sites/134/pages/5173/editor then the ID is 5173.
Here are the available options:
testimonials_id: The ID of the parent page for your testimonials. The parent page uses the Testimonials_Index template. The child pages use the Testimonial template.
profiles_id: The ID of the parent page for profiles. The parent page uses the Profile_Index template and child pages use the Profile_Individual template.
advertisements_id: The ID of the parent page for advertisements. The child pages use the Advertisements template.
featurettes_id: The ID of the parent page for advertisements. The child pages use the Advertisements template.
show_profile_photos: If using a Profile Index template, set to false if you do not wish to display photos.
Some patterns may be used within editable regions. Use the radius snippet. They have Anywhere modifiers e.g. featurettesAnywhere. Here is a list of available partials:
<r:partial name="custom-patterns/so-advertsAnywhere" /><r:partial name="custom-patterns/so-featurettesAnywhere" /><r:partial name="custom-patterns/so-profilesAnywhere" />
Do not use any pattern other than an Anywhere pattern, else your page will blow up and you will need to re-create it.
To add a calendar feed, follow these instructions.
Each page has a page meta section when viewing in Edit Mode. Here is where you can specify a description, URL, or thumbnail image that gets pulled in when you want to grab data from this page and pull it into a pattern elsewhere.
Where applicable, you can change the background colors for certain patterns. You will see a background-color field in the instructions panel below certain patterns. Enter the PMS value for the color you want to use in this field with a u- prefix e.g. u-pms-432-c. These correspond to utility classes in the Brand Patterns theme.