Cards
Cards
The Cards blocks are a key component of building pages on the site, below are a few ways of using them. There are two cards blocks which have difference uses.
Types of cards
- Automatic
- Use automatic cards to automatically pull in content from the rest of the site. For instance to pull in the “Admissions” page. Or to pull in the latest news.
- This is useful where you might want to setup links to pages which might change their URLs in the future.
- NOTE: Automatic cards won’t really be working until we start to add some news.
- Manual
- Use the manual cards to curate manual content. This will be completely custom content. But will be presented like an automatic card.
- You can use this block to create engaging links to content.
Automatic Cards
Automatic Cards: pick a post-type such as News and the cards will pull in the latest posts of that type. This can be used to show the most recent news on the homepage.
Manual Cards
Have loads of configuration options. A few examples are listed below.
Become a global citizen
SIS offers a world-class full International Baccalaureate (IB) education, preparing students ages 3 to 19 to thrive in a global society.
Explore our programmes
Helping your child succeed
See where SIS will take you
Manual Cards
Full width, 3 columns, inner cards arranged to be vertically laid out.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Manual Cards
Full width, 2 columns, inner cards arranged to be horizontally laid out.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Manual Cards
Center aligned cards, 1 columns, inner cards arranged to be horizontally laid out.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Manual Card Inline Amongst other Content
A few examples of cards amongst paragraphs of content showing ways the cards can be used “inline” to deliver interesting calls to action.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Provides an interactive engaging way to link from content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Provides an interactive engaging way to link from content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
