Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

    • Click the plus sign button or type a forward slash and search for "aside".
    • Select the aside callout block.
    • Select which type of aside block you need. When you change the type of aside, different fields will pop up, so be sure to choose the type first, before you fill in the fields.
      • Image - statistic (use an icon or no image)
      • Image - person (use a square headshot)

      • Ranking (no image can be added)
    • Add the image (if applicable) and the text. We recommend only using a square image for this block. The "image - person" layout will crop your image to a circle for you.
    • Be sure to preview your content to make sure the aside is not cutting into content or overlapping with footer content on the page.

      • Click Preview > Preview in a new tab to check this. Resize your browser to as skinny as possible to mimic the view on a mobile device. Or you can publish the changes and pull up the post on your phone to see how it looks.
      • If the aside is overlapping other content, or splitting up content, or making the article difficult to read, move the aside block up or down the page and preview again to make sure the issue is resolved.
    • Guidelines:
      • Aside blocks are meant to be used with a very small amount of copy. (~100 characters or fewer)
      • Asides should be used sparingly in a single article. Use 3 asides max in one article.
      • If using more than one aside, they should be separated by at least one paragraph. 
      • Asides wrap with the article content as the screen size is reduced. This can create disjointed lines of copy and can be confusing and create a lot of clutter on the page.
      • The aside block cannot be the last item in your post (this will push it down to overlap the footer content)Don't place an aside directly above an H2 heading (this will awkwardly split up the heading on mobile devices)

Meta Fields

These optional fields can be found below your post content. If you don't see subtitle, author override, etc. you need to click the arrow next to Meta to expand this section.

...