Page History

These instructions are for the following blogs:

• BBA blogDEI
• Capstone Projects blog
• Grad Consulting blog (coming soon)
• Center blogs
  
  • Bolz Center blog
  • Graaskamp Center blog
  • Grainger Center blog
  • MLI blog
  • Nicholas Center blog
  • SHRM Center blog
  • Weinert Center blog
• Newsroom posts (also see this documentation for more specific details about editing newsroom posts)
• Risk and Insurance Dept. blog
• RMI specialization blog
• AI Hub blog

On This Page:

...

• • • • crop the image
      • add a hyperlink to the image
      • move the image to a higher or lower position on the page
    • On the right side of the screen, when the image is selected, you can:
      • add alt text (remember this is required for every photo)
      • edit the image size (select a predetermined size created by WordPress or reduce the size)
        • Make sure you don't stretch or squash the image. You can adjust height and width but must keep their proportions the same. If you need the proportions to be different, you have to crop the image. (see above)
    • Below the image you can add an optional caption. (This is the recommended location for adding a caption, if you would like one displayed.)
• Deleting an Image
  • Use one of the following methods:
    • From a blog post, click on an image block and click "replace" if you already have an image added to the block. From there, find the image to delete and click "Delete permanently" (this will be under the image on the right side of the screen).
    • Go to the WP login dashboard and click Media in the left side menu. Find your image by searching or going through the media library folders and hover over it. Click "Delete permanently".

...

If you want multiple images in one row, especially at the end of your post, there are two blocks you can use.

• You can add the image collage block

• Hover your mouse between the items near the center and click the + button that appears.
• Type "image collage" in the pop-up window and select that block.

• Image collage block has 3 layouts
  • Side-by-Side:Two images that are next to each other. In mobile, the images are stacked.
    • In this layout, it is best to use images that are the same size/proportions.
  • Staggered:A group of 3 images in a row, with the middle one being lower than the outer images. In mobile, the block becomes a swiper.
    • This layout works best with vertical images (images which are taller than their width).
  • Stacked:A group of images where image one and two are smaller and stacked and image three is larger and next to the stacked images. In mobile, the two smaller images are side by side and on top of the larger image.
    • This layout works well with our standard image proportions/sizes (16:9 or 2400x1600px)

...

• Or you can add columns
  • Hover your mouse between the items near the center and click the + button that appears.
  • Type "columns" in the pop-up window and select that block.
  • Hover over the plus sign in the column you want to add an image.
  • You can add and edit images as you usually do.

Videos

You will need to make sure the video is uploaded to Youtube before following these steps.

• 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

• • 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
Image - person (use with a square headshot - the block will crop the image to a circle)

Image Removed

Ranking (
• • • no image)

                               Image RemovedImage 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) 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.

...

Yoast SEO Premium (bottom section)

...

• Add a meta-description to your post-- a short description of what the post is about.

Image Added

• Check the "Social" tab to see a preview of what your post will look like when shared on social media. If you want to change something, use the fields below the preview.

Right-hand menu options

• 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

...