Versions Compared

Key

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

...

Info
titleTip for adding blocks

Click the + sign in your post, then use the keyword "newsroom" to view most of the best blocks for News posts.

Where is the + sign? Hover your cursor between paragraphs or to the right side, below the last content in your post, to make this button appear.


Aside Callout

  • Guidelines:
    • Use to display a small amount of copy and an optional, small image (a headshot or icon) next to the post content.
    • Use the top-most text fields
      • Top level text goes in the "headline" field, even if it isn't a heading (e.g. person's name can go here)
      • If you have 2 levels of content, use the top two fields (headline and subtitle). Only use the 3rd field if you have already filled in the first two levels.
  • How to edit/use asides in your article
  • 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.
    • If using more than one aside, they should be separated by at least one paragraph. 
    • The aside block cannot be the last item in your post (this will push it down to overlap the footer content and mess up formatting on the page)
      • Move it above some of the copy to fix this issue
    • Be sure to preview your article to make sure there are no formatting issues
  • How to edit/use asides in your article

Callout Box

  • Guidelines:
    • Use a single callout box at the end of an article to display sidebar/endbar content
    • Content should not exceed 125 words.
  • Options:
    • background color
    • image + alignment
      • crop the image to a circle
    • heading + alignment
    • button + alignment

Full-width Background

  • Please reach out to a designer or web developer for assistance implementing this block.
    • A designer can help with appropriate image choices
    • A web developer can help ensure the content you have works with this block and that web accessibility standards are met (e.g. text color contrasts with the background and is readable)
  • Guidelines:
    • Use this block sparingly (i.e. don't use it in most articles you write)
    • This block doesn't work with all images; it works best with large images with a subtle focus or subject (see example below).
    • Limit the amount of copy in this block – think pull quote length, rather than a full paragraph or more.
  • Options:
    • background can be a color pattern or an image
  • Appearance
    • Background image with parallax effect (you will have to view the article to see the effect)


    • Background pattern


source: 

...

Image Collage

  • Guidelines:
    • Use for 2 or 3 images you want to display next to each other.
  • Options:
    • Layout
      • For 2 images use the side-by-side layout
      • For 3 images choose the staggered or stacked layout


    • Stacked layout with 3 images


      • source: 


Image

Lazy Load Youtube Video

...

  • Guidelines:
    • Use this block to display a quote.
    • The quote text will be large and red – do not change the formatting or color of the text.
    • Quote will be centered and it will be wider than the post content above and below it (unless it is a short quote).

Meta fields

Find these under the post content, within Meta - post field group

...