All Alumni, Faculty, Newsroom, MBA, Dean, and Press Release articles live under Posts, which is called the Newsroom on the front-end.Example Post (you must first be logged into WordPress to view this private post) :
The following example post shows all the news article components to choose from. You can choose how you prefer to view it:
- Log into WordPress first, then view the private post at https://business.wisc.edu/news/example
- View screenshot below
| Expand | ||
|---|---|---|
| ||
On This Page:
Table of Contents
...
UPDATE MARCH 2023 - If the main image for the featured story has text, is a collage, or generally doesn't work for the hero block on the News homepage, the web team can upload a different image just to display in the hero spot on this page.
- Minimum photo size: 2400px wide, height can vary (recommended height: 1300px-1600px)
- Web team - Web team - for the Newsroom hero image: check the "override featured image" field and add/upload the new image
...
A large image that takes up the full width of the article (image is 2400x1600px) source: https://business.wisc.edu/news/example/ A medium image that has its own row (image is 500x500px) A small image that sits next to some text (image is 266x266px) source: https://business.wisc.edu/news/business-casual-march-2023/ |
|---|
Jumbotron (large photo or photo slideshow)
Guidelines:
Use this block to showcase 1-10 photos, with or without a caption. If multiple images are added, they will be in a slideshow.
- The max number of images you can use is 10; beyond this number, the block will not work properly on mobile screens.
- Keep the caption/paragraph copy to 250 characters or fewer and use a similar amount of copy for each photo in a single slideshow
- The photo caption overlaps the bottom of the photo, so be sure to crop the image in a way that the main details are not at the very bottom. A designer may be able to assist you with adding padding to the bottom of an image if needed.
- Put the caption in the "Copy" field, under Add/Edit Cards
- Photo size: recommended 2400x1350px
- Image width must always be 2400px
- Image heights can vary, but all images in a slideshow should have the same heights
- Other image heights that work well: 1050px, 1350px, 1600px
- Tip: You can start by uploading an image with our standard dimensions – 2400x1600px – and crop the height to 1350px inside the WP media library
- To crop an image, add it to the Jumbotron block and hover over the image - then click the pencil icon to edit it.
- Note: cropping an image in WP will affect all uses of that image; only crop images that you uploaded to WP to be safe
- Set the image ratio field (under Configuration) to best display your images.
- Recommended: 16x9 or 21x9
- Play around with the options or find the ratio below that matches your image dimensions:
- Image dimensions: 2400x1050px –> Choose image ratio: 21x9
- Image dimensions: 2400x1350px –> Image ratio: 16x9
- Image dimensions: 2400x1600px –> Try 16x9 ratio; if the images are cropped too much, try a different crop of the photos or reach out to a designer or web developer for assistance.
- Because this is a multipurpose block that we use in news stories and across the website, there are many fields you can ignore:
- Add/Edit cards – ignore title, subtitle, and link
- Introduction – ignore all fields
- Footer – ignore all fields
- Configuration – ignore all fields except "image ratio"
Lazy Load Youtube Video
- Guidelines:
- Use this block anytime you want to embed a Youtube video in your post.
- Do not use the "Youtube" block – that block displays videos at a much smaller size and they take longer to load on the page, which could create problems for the user.
- Photo size for image override: 1176x662px (you can use a larger image size, but if the proportions are different, the image will get cropped)
- Use this block anytime you want to embed a Youtube video in your post.
- How to embed YouTube videos in your article
...




