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 text column-width image

PreviousAdding a Featured Image to your PostNextAdding a full webpage-width image

Last updated 5 years ago

Was this helpful?

A text column-width image is as wide the text column in which it resides. Text column-width images can be either landscape or portrait-oriented images.

An example of a text column-width image 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 image to appear.

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

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

  5. In the Image URL area, click Select Media. The Media Library window will appear.

  6. In the Media Library window, click the Upload Files tab. Drag and drop (or navigate to and select) the image you would like to add to your Post. The image will appear selected in the Media Library window.

  7. In the Media Library window, click Select.

  8. Make the following changes in the Aesop Story Engine Image interface:

Parameter

Change to

Image Width

760px

Caption

Add a caption and photo credit here. Use Photo: Steven Student (no period) as format for photo credit.

Caption Position

Center

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.

this story
Text editor
Text editor,