Adding an example snippet:

To add a snippet to your site you will need to follow these steps:

  1. Go to Structure -> Administer Snippets -> Add
  2. You will then want to add the name of the snippet(on this page) into the Administrative title field 
  3. Click the source button on the text editor within the Snippet Content field.
  4. Copy and paste the code displayed on this page for your desired snippet into the Snippet Content field.
  5. Press save.
  6. Now your snippet should be addable to any page through the text editor option add snippet.

Here is a list of snippets that can be used on your site by adding them through the above method.

3. Layout

Layout styling.

These should be used to highlight relevant information within the body of content that otherwise could be lost, but most typically it would be placed within the aside of a page to better represent secondary information.


Pane Item - Shaded Title

Example Title

Example content

<div class="pane pane--shaded"><h2 class="pane__title">{title}</h2><p>{body}</p></div>

Pane Item - Shaded No Title

Example content

<div class="pane pane--shaded"><p>{body}</p></div>

Pane Item - Outline Title

Example title

Example content

<div class="pane pane--outline"><h2 class="pane__title">{title}</h2>    <p>{body}</p></div>

Pane Item - Outline No Title

Example content

<div class="pane pane--outline"><p>{body}</p></div>

Pane Item - Ruled Title

Example Title

Example content

<div class="pane pane--ruled"><h2 class="pane__title">{title}</h2><p>{body}</p></div>

Pane Item - Ruled No Title

Example content

<div class="pane pane--ruled"><p>{body}</p></div>

Display Item - Name

Example display name
Example position

<p><strong>{displayname}</strong><br><em>{position}</em></p>

Link Item - Arrow

<a class="arrow-link" href="{link}" target="_blank">{linktext}</a>