WordPress: Aesop Story Engine Basics
  • Introduction
  • Introduction
    • Introduction
  • Accessing your project site
    • Accessing your project site
    • Logging into your project site
    • Resetting your password
    • Switching from Dashboard to live site
  • Working with text and links
    • Creating a Post
    • Working with content in the Visual editor
    • Working with content in the Text editor
    • Creating a link
    • Editing a link
    • Adding a Featured Image to your Post
  • Working with Aesop Story Engine components
    • Adding a text column-width image
    • Adding a full webpage-width image
    • Adding a full webpage-width video
    • Adding a blockquote component
    • Adding an audio component
    • Adding a photo gallery component
    • Moving a component
    • Deleting a component
Powered by GitBook
On this page

Was this helpful?

  1. Working with Aesop Story Engine components

Adding a blockquote component

PreviousAdding a full webpage-width videoNextAdding an audio component

Last updated 5 years ago

Was this helpful?

A blockquote is a design element that highlights an interesting quote within your story. A blockquote does not replace the original quote in the text of your story. Rather, it serves as aesthetic element that reiterates the importance of the quote.

An example of a quote component can be found in .

  1. In your Post, select the Text tab to add work in the .

  2. In the , position the cursor where you would like the blockquote to appear.

  3. Click the Add Component button. The Aesop Story Engine component interface will appear.

  4. In the Aesop Story Engine interface, click Quote.

  5. Make the following changes in the Aesop Story Engine interface:

Parameter

Change to

Quote Styles

Pull Quote

Component Width

760px

Quote Size

Start with 3. You may need to experiment with the size (see below.)

Quote Text

Add quote text here. Note: Do not add quotation marks.

Cite

If you would like to site the source of the quote in the blockquote, add the source's name here. Note: This is optional.

Reveal Effect

In Place

  1. When finished, click Insert Component. The component's shortcode will appear in the Text editor.

  2. In the Publish section of your Post, click Update.

Adjusting quote size

  1. Find the shortcode for your blockquote. The shortcode will start with [aesop_quote.

  2. In the shortcode, find the size parameter. Change the size to a new number between 1 and 10. Note: Do not delete the " " around the number.

  3. In the Publish section of your Post, click Update. Preview your changes. Make further adjustments as needed.

In your Post, make sure the is active.

this story
Text editor
Text editor
Text editor