Page History

...

• Click the plus sign button
• Search "Youtube" in the pop-up window and select the Youtube Lazy Load block (do not use the "Youtube" block)
  • Add the embed code for the video you want to embed.
  • Add the video title (required for accessibility)
  • Only change the play button color if needed for contrast with the video's cover image (e.g. if the image is mostly light colors, choose the dark button so users can see it and know it is a video)
  • Image override (optional) – if you prefer to add a different cover image for the video in this block, do so here
    • The image should be 1176x662px
  • Introduction (optional) – text content that will appear above the video
  • Footer (optional) – text content that will appear below the video
• Do not use the "Youtube" block – it displays videos at a much smaller size and they take longer to load on the page, which could create problems for the user.

Additional Features

Aside callouts

Pullquote

• Guidelines:
  • Use this block 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.
• 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

• Adding/editing asides:
  • 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 with a square icon or photo, or no image)

                               Image Removed

...

Image Removed

...

                               Image Removed

...

Be sure to preview your content to make sure the aside is not cutting into content or overlapping with the footer content on the page.

...

• • 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).

Aside callouts

• 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.
  • 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

• Adding/editing asides:
  • 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 with a square icon or photo, or no image)

                               Image Added

• • • Image - person (use with a square headshot - the block will crop the image to a circle)

      Image Added

      
      

    • Ranking (no image)

                               Image 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 the 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, 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.

Callout Box (sidebar)

• Guidelines:
  • Use a single callout box at the end of an article to display sidebar/endbar content
  • Content should not exceed 125 words.
  • Photo sizes can vary.
• Options:
  • Background style - light gray, light blue, or gray pattern
  • Image (optional) - add a photo, square headshot, or WSB icon
    • Alignment - default is left aligned or you can choose to center the image
    • Crop the image to a circle? Yes/No (Note: only choose Yes for a square image!)
  • Heading (recommended)
    • Heading size - most of the time this should be an H2 or an H3
    • Alignment - default is left aligned or you can choose to center the heading
  • Text - add your content and format it (e.g. add a hyperlink, paragraph breaks, or bullet points)
    • Text should remain left aligned in most cases
  • Button (optional)
    • Alignment - default is left aligned or you can choose to center the button

...

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.

• Subtitle

  • The subtitle will appear below the post title and above the author and featured image.

• Author override

  • Author defaults to your name (the person making the post). If you want it to be someone else, say your department or center, put that name here.

• Photography credit

  • Add photographer's name here if you want to provide a photography credit for all images in your post.

• Hide featured image

  • Check the box if you want to hide the featured image on the actual blog post.
    • If unchecked, the featured image will appear at the top of your blog post and in the listing of blog posts.
      • You can add a caption for a featured image under the Featured Image Caption field.
    • If checked, the featured image will only be displayed in the listing of blog posts.

...

• Categories (optional)
  • Be sure Uncategorized is unchecked and pick the category your post falls under.
    • Category options vary for each blog. Make sure to follow our blog category and tag standards.
• Post Tags (optional)
  • Add your tag(s). 
    • Tag options vary for each blog. Make sure to follow our blog category and tag standards.
• Featured Image (recommended)
  • Featured images must be high resolution, jpg or png files, 2400 pixels (px) wide, and between 1500 and 1700px tall.
  • Click Set Featured Image.
  • Follow instructions above for adding images to the media library.

Saving, Previewing, and Publishing

...