Quotes

In Their Own Words

Grinnellians all bring their own voice to the community, and quotes let you capture and share their voices.

WYSIWYG paragraphs let you add quotes using two icons:

  • Quote Embed: For text only quotes. Icon looks like big black doublequote.
    • Quote Embed Full: Stretches the width of the  content.
    • Quote Embed Small: Can be floated to the right or the left.
  • Quote Wide Embed: For text and images. Icon looks like blue bubble with little white doublequote.

In addition, the Story: Feature component, paired with a Story node, features an image, quote, name, and link to more information.

Ways to Add Quotes

You can embed small or large text-only quotes or quotes with text and an image to full function WYSIWYG editors.

You will see icons that look like double quotation marks in the toolbar when quote embeds are available.

When you add a quote through these icons, Drupal creates a quote entity. To edit the quote after you've added it, CTRL+click or double-click on the quote.

To remove it, right-click and select Cut.

You can enter small (horizontal) or large (full) quote embeds using the Quote Embed icon in the WYSIWYG editor toolbar. This looks like a bold double quotation mark.

  • Small quotes:
    • contain a quote and source
    • can be floated to the right or left
    • are designed for relatively short quotes embedded within other content
  • Large quotes:
    • contain a quote and source
    • expand the full width of the component
    • are designed to larger quotes and block quotes

Small quotes are great!

Donna Dralus ’89

To add a quote:

  1. Click on the Quote Embed icon.
  2. In Quote, enter the text of your quote. Do not include quotation marks at the beginning or end. Drupal will add those automatically.
  3. In Source, enter the source of the quote. For example, the name of the person quoted or the article the quote is from.
  4. Click Add Quote.
  5. Under Display As, select either:
    • Full: Displays the quote across the width of the content.
    • Horizontal: Displays the quote as a small text box floated to the right or the left of content.
  6. Under Alignment, select one of the options. Float left or right will allow content below the quote to wrap on the other side.

[Full quotes are great for larger blocks of text.] Do the difficult things while they are easy and do the great things while they are small. A journey of a thousand miles must begin with a single step.

Lao Tzu

 

quote wide embed icon

You can enter a large quote with an image using the Quote Wide Embed icon in the WYSIWYG editor toolbar. This looks like a white double quotation mark on a blue thought bubble.

To add a quote:

  1. Prepare your image. The ideal image is 500 pixels square. Other sizes may not work well, and will be resized if larger than 500 pixels.
  2. Click on the Quote Wide Embed icon.
  3. Click Browse and find and select your image, and then add Alt Text.
  4. In Quote, enter the text of your quote. Do not include quotation marks at the beginning or end. Drupal will add those automatically.
  5. In Source, enter the source of the quote. For example, the name of the person quoted or the article the quote is from.
  6. Click Add Quote.
  7. Add a Caption if you want to.
Changing color of trees

Don't be encumbered by history, just go out and do something wonderful.

Robert Noyce
Captions (optional) look like this one

Using the Story content type and a Story: Feature component, you can add a quote, image, source, and link to more content in a way that catches people's attention.

The combo is designed for times when you want to tell a rich, detailed story about a Grinnellian and feature the person on other pages with a link to the larger story.

To do so:

  1. Add a Story.
  2. On the page where you want the quote, add a Story: Feature component.

There's not much to be said about the period except that most writers don't reach it soon enough.

William Zinsser

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis leo et metus accumsan posuere.

Aliquam tristique sit amet ipsum eu iaculis. Duis sapien orci, eleifend vel lacus nec, dignissim vulputate enim. Integer lobortis, urna ac faucibus euismod, enim nulla venenatis tellus, non porta justo ex ut tellus. Aliquam ut ex et libero ultrices euismod ut eget augue.

Aliquam a dignissim lacus. Sed quis vulputate dui, at sagittis eros. Phasellus venenatis nibh nibh, ac vulputate tellus aliquet in. Aliquam fringilla lectus non sapien porttitor semper. Curabitur et bibendum erat. Pellentesque ornare arcu odio, in commodo leo dictum eleifend. Quisque a est erat. Nunc mauris orci, maximus in ante et, bibendum cursus neque. Donec tincidunt elementum felis at consequat. Vivamus interdum neque dolor, ut vestibulum mi volutpat id. Vivamus ornare, nulla sit amet feugiat vehicula, elit lorem hendrerit leo, interdum semper augue libero ac odio.

After identifying your users and their top tasks, it is time to actually write for the web. If you think it would be easy to just duplicate information you’ve written for print documents, you are wrong. While the information is helpful, it’s not in the right format for the web. Remember, people scan web pages and only read about 18 percent of what’s on the page. This means you need to cut whatever you have in print form by 50 percent!

www.plainlanguage.gov

Vestibulum eu pulvinar metus. Donec ut ex in eros semper semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent facilisis placerat nisl vitae consequat. Sed volutpat tristique volutpat. Pellentesque non dui nunc. Cras a pharetra turpis. Phasellus id eros interdum, condimentum quam et, ultrices nisl. Vestibulum scelerisque odio ante, non mollis dui efficitur fringilla. Sed consequat sem quam, ut pharetra felis euismod ac. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Changing color of trees

Don't be encumbered by history, just go out and do something wonderful.

Robert Noyce
Captions (optional) look like this one

Story: Feature component

Kaydi-Ann Newsome ’14

We went through the fire, went through the ice, and I learned how to come out stronger. I’m a resilient Grinnellian.

Kaydi-Ann Newsome ’14

Kaydi-Ann Newsome ’14

One class can lead to a career that matters.

We use cookies to enable essential services and functionality on our site, enhance your user experience, provide a better service through personalized content, collect data on how visitors interact with our site, and enable advertising services.

To accept the use of cookies and continue on to the site, click "I Agree." For more information about our use of cookies and to opt-out of cookies at any time, please refer to our website Privacy Policy.