Skip to content
Browse files

Mixed content

  • Loading branch information...
drewm committed May 28, 2019
1 parent b2103d6 commit 4f9a98fc9e9519367829823b9cb68ae18b8fe966
Showing with 5 additions and 5 deletions.
  1. +5 −5 src/perch/content/templates/
@@ -16,7 +16,7 @@ You use Bootstrap by including the Bootstrap CSS and JavaScript. For this soluti

## The jumbotron

![Jumbotron via Perch]({.img-thumbnail}
![Jumbotron via Perch]({.img-thumbnail}

The [jumbotron]( is a large header area that can be used as a call to action. My template adds the header and body along with a link styled as a button.

@@ -44,7 +44,7 @@ The [Page Header]( component giv

## Thumbnails

![Thumbnails created by Perch]({.img-thumbnail}
![Thumbnails created by Perch]({.img-thumbnail}

[Default Thumbnails]( just give you a grid of images. I contain the grid within `perch:before` and `perch:after` tags and then set this region to **Allow Multiples** when selecting the template in the Perch Control Panel.

@@ -87,7 +87,7 @@ The [Page Header]( component giv

## Media Object

![Media Object created by Perch]({.img-thumbnail}
![Media Object created by Perch]({.img-thumbnail}

The [Media Object]( is for building components that feature a left or right aligned image along with some other content.

@@ -105,7 +105,7 @@ The [Media Object]( is for building co

## Panels

![Panels created by Perch]({.img-thumbnail}
![Panels created by Perch]({.img-thumbnail}

The [Panel]( Component means you can put content in a box. The Panel can optionally have a header and footer and there are also ways to give Panels contextual styles. My first template is just a simple panel with a header and an optional footer.

@@ -133,7 +133,7 @@ Bootstrap gives a list of classes that can be applied to a panel instead of `pan

In order that content editors can choose which type of Panel to create we can give them a drop down list in the Perch Control Pane when editing this content, using the Perch template tag with a type of [select](

![Perch Admin]({.img-thumbnail}
![Perch Admin]({.img-thumbnail}

Select takes a list of options, and you can separate a friendly name for the option - that will be displayed in admin - from the value that is output. We then output the chosen class to the content.

0 comments on commit 4f9a98f

Please sign in to comment.
You can’t perform that action at this time.