Content Styles
This is the test page for sample content and Sidebar Widgets. Sidebar widgets can be joined to any Basic Page using an Entity Reference field. The current standard Drupal sidebar widgets are:
- Image
- Video
- Map
- Content
Image and video widgets open in a prettyPhoto lightbox. The map widget is limited to only one map pin but will be updated soon.
Header 4 style, for optional intro highlight type copy. Should only be a few lines long, and let the reader know what they're about to get into. It looks great!
Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text.
Header 2, New Sections
You'll notice there is a bit of extra space above the Header 2 above. This is done by putting in a line-break. This visual break can be nice when starting a new section of content. You'll learn how to insert these in training, but you can see them in the HTML view as well. They'll look like this: <br/>.
CREATE BULLETED LISTS LIKE THIS:
- This is a bulleted list.
- You can also do a numbered list with links in them.
- Make your content easier for the user to scan and digest.
- Most users on the web are task-oriented.
- Long paragraphs can be cumbersome and intimidating.
- Don't write copy the same way you would for print!
H3, Sub-Sections
This is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.
Images can not only be attached using the sidebar feature on the right, but they can also be inserted into the center content area like the image to right has been. You have the ability to align the image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it. Don't forget to put a bit of padding on it, so the text doesn't butt right up next to it.
"Block quotes can be used to call out quotes. Be sure to put an author at the end if there is one. Using all caps or bolding the authors name, and putting an em dash before it works well." —Kurt Cruse
These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.
Header 5 - Style Can Be Great For Callouts
We hope you'll come back to this page when you're working on new content, or editing existing content. Of course, if you have any questions along the way, let us know. Thanks so much and happy creating!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget aliquet sem. Praesent tristique aliquet condimentum. Donec et venenatis velit. Etiam fermentum felis eget elit mattis viverra. In bibendum nibh leo, ac tristique est pulvinar in. Maecenas congue lectus id dolor egestas pellentesque. Curabitur consectetur turpis vitae bibendum tempor. Praesent volutpat iaculis dolor, a lacinia nibh. Aliquam commodo erat eu sagittis sollicitudin. Curabitur ac congue dui. Curabitur aliquam turpis tortor, et pellentesque erat commodo eget.
Above me is an example HR. Besides the Header 6 below, that's our last example element. Thanks so much and happy creating!