Media Milwaukee Style Guide

Use this style guide as a template when creating posts in Media Milwaukee. For information on adding content to Media Milwaukee, see WordPress Basics | Adding Content to Media Milwaukee.

Headline

Your headline (post title) should follow AP style title case capitalization rules. You can use this headline capitalization tool as a reference, but always double-check the results.

Category

Your instructor will select an appropriate category for your story. Your instructor will also assign a home page category and home page location.

Permalink

Your permalink slug should match your headline or follow SEO/course guidelines.

Content

Content should follow AP style or course guidelines. Do not indent the first line of a paragraph. Use one space between sentences. Use one hard return between paragraphs.

Subheads

Use Heading 2 (H2) formatting on subheads. Subheads are not full sentences and do not end with punctation. Subheads should follow AP style title case capitalization rules. You can use this headline capitalization tool as a reference, but always double-check the results.

Images

Every image needs a caption and credits. Image, caption, and credit guidelines are listed below. Examples are included as well.

  • Landscape oriented images are preferred to portrait oriented images (except in cases where portrait orientation is warranted)
  • Images should appear in the standard aspect ratios of 4:3 or 16:9
  • Captions should follow AP style guide
  • Credits for original photos should appear in this format:
    • Photo: Your Name
  • Credits for photos from an authorized source should appear in this format:
    • Photo: Authorized Source Name
  • Images should include accurate Alt text (for screen readers and SEO)
  • If a medium-sized image is used, wrap the text around the image (see examples below)
  • Never use a thumbnail image in a post

4:3 full column width landscape image

Four by three full column width landscape image
An example of a 4:3 full column width landscape image. Photo: Jeffrey John Loomis

 

16:9 full column width landscape image

An example of a 16:9 full column width landscape image. Photo: Jeffrey John Loomis

 

4:3 full column width portrait image

An example of a 4:3 full column width portrait image. Photo: Jeffrey John Loomis

 

16:9 full column width portrait image

An example of a 16:9 full column width portrait image. Photo: Jeffrey John Loomis

 

4:3 medium landscape image with a text wrap

An example of a 4:3 medium landscape image with text wrap. Photo: Jeffrey John Loomis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet vehicula purus vel efficitur. Nunc dignissim ac nisl ac sodales. Cras sed ornare risus. Nulla libero nisi, ultricies eget urna et, blandit condimentum urna. Cras aliquet elementum ligula iaculis pellentesque. Aliquam ultricies risus vitae blandit consectetur. Sed volutpat, nulla ultricies commodo fringilla, purus neque condimentum augue, nec eleifend sapien magna vitae nisl. Cras condimentum, urna in hendrerit euismod, ante nisi egestas massa, at vulputate nibh ligula id leo. Aliquam erat volutpat. Nam augue sem, feugiat ut metus sed, commodo lobortis ex. Sed viverra commodo est. Nulla sit amet nibh in lectus eleifend scelerisque et vitae mi.

Praesent ut orci lobortis, hendrerit eros non, vestibulum enim. Aenean pretium ligula quis malesuada convallis. Aenean tincidunt arcu felis, in finibus lorem porta a. Aliquam molestie turpis sit amet odio ornare molestie. Pellentesque malesuada felis nec ipsum aliquet, luctus accumsan nunc dapibus. Morbi ante sapien, porttitor ut lacinia ac, aliquet vitae enim. Quisque sagittis diam et ligula commodo sodales. In quis neque sed purus laoreet lobortis ut sit amet nisl. Cras finibus semper risus, et tincidunt lorem pretium non. Nullam quis blandit lectus. Phasellus maximus auctor arcu at dapibus. Ut eget lectus sagittis, molestie metus sed, vehicula felis. Etiam malesuada faucibus cursus. Proin laoreet massa quam, eu hendrerit arcu volutpat a. Nam commodo nunc tristique turpis hendrerit, at venenatis nisi congue.

16:9 medium landscape image with a text wrap

An example of a 16:9 medium landscape image with text wrap. Photo: Jeffrey John Loomis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet vehicula purus vel efficitur. Nunc dignissim ac nisl ac sodales. Cras sed ornare risus. Nulla libero nisi, ultricies eget urna et, blandit condimentum urna. Cras aliquet elementum ligula iaculis pellentesque. Aliquam ultricies risus vitae blandit consectetur. Sed volutpat, nulla ultricies commodo fringilla, purus neque condimentum augue, nec eleifend sapien magna vitae nisl. Cras condimentum, urna in hendrerit euismod, ante nisi egestas massa, at vulputate nibh ligula id leo. Aliquam erat volutpat. Nam augue sem, feugiat ut metus sed, commodo lobortis ex. Sed viverra commodo est. Nulla sit amet nibh in lectus eleifend scelerisque et vitae mi.

Praesent ut orci lobortis, hendrerit eros non, vestibulum enim. Aenean pretium ligula quis malesuada convallis. Aenean tincidunt arcu felis, in finibus lorem porta a. Aliquam molestie turpis sit amet odio ornare molestie. Pellentesque malesuada felis nec ipsum aliquet, luctus accumsan nunc dapibus. Morbi ante sapien, porttitor ut lacinia ac, aliquet vitae enim. Quisque sagittis diam et ligula commodo sodales. In quis neque sed purus laoreet lobortis ut sit amet nisl. Cras finibus semper risus, et tincidunt lorem pretium non. Nullam quis blandit lectus. Phasellus maximus auctor arcu at dapibus. Ut eget lectus sagittis, molestie metus sed, vehicula felis. Etiam malesuada faucibus cursus. Proin laoreet massa quam, eu hendrerit arcu volutpat a. Nam commodo nunc tristique turpis hendrerit, at venenatis nisi congue.

4:3 medium portrait image with a text wrap

An example of a 4:3 medium portrait image with text wrap. Photo: Jeffrey John Loomis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet vehicula purus vel efficitur. Nunc dignissim ac nisl ac sodales. Cras sed ornare risus. Nulla libero nisi, ultricies eget urna et, blandit condimentum urna. Cras aliquet elementum ligula iaculis pellentesque. Aliquam ultricies risus vitae blandit consectetur. Sed volutpat, nulla ultricies commodo fringilla, purus neque condimentum augue, nec eleifend sapien magna vitae nisl. Cras condimentum, urna in hendrerit euismod, ante nisi egestas massa, at vulputate nibh ligula id leo. Aliquam erat volutpat. Nam augue sem, feugiat ut metus sed, commodo lobortis ex. Sed viverra commodo est. Nulla sit amet nibh in lectus eleifend scelerisque et vitae mi.

Praesent ut orci lobortis, hendrerit eros non, vestibulum enim. Aenean pretium ligula quis malesuada convallis. Aenean tincidunt arcu felis, in finibus lorem porta a. Aliquam molestie turpis sit amet odio ornare molestie. Pellentesque malesuada felis nec ipsum aliquet, luctus accumsan nunc dapibus. Morbi ante sapien, porttitor ut lacinia ac, aliquet vitae enim. Quisque sagittis diam et ligula commodo sodales. In quis neque sed purus laoreet lobortis ut sit amet nisl. Cras finibus semper risus, et tincidunt lorem pretium non. Nullam quis blandit lectus. Phasellus maximus auctor arcu at dapibus. Ut eget lectus sagittis, molestie metus sed, vehicula felis. Etiam malesuada faucibus cursus. Proin laoreet massa quam, eu hendrerit arcu volutpat a. Nam commodo nunc tristique turpis hendrerit, at venenatis nisi congue.

16:9 medium portrait image with a text wrap

An example of a 16:9 medium portrait image with text wrap. Photo: Jeffrey John Loomis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet vehicula purus vel efficitur. Nunc dignissim ac nisl ac sodales. Cras sed ornare risus. Nulla libero nisi, ultricies eget urna et, blandit condimentum urna. Cras aliquet elementum ligula iaculis pellentesque. Aliquam ultricies risus vitae blandit consectetur. Sed volutpat, nulla ultricies commodo fringilla, purus neque condimentum augue, nec eleifend sapien magna vitae nisl. Cras condimentum, urna in hendrerit euismod, ante nisi egestas massa, at vulputate nibh ligula id leo. Aliquam erat volutpat. Nam augue sem, feugiat ut metus sed, commodo lobortis ex. Sed viverra commodo est. Nulla sit amet nibh in lectus eleifend scelerisque et vitae mi.

Praesent ut orci lobortis, hendrerit eros non, vestibulum enim. Aenean pretium ligula quis malesuada convallis. Aenean tincidunt arcu felis, in finibus lorem porta a. Aliquam molestie turpis sit amet odio ornare molestie. Pellentesque malesuada felis nec ipsum aliquet, luctus accumsan nunc dapibus. Morbi ante sapien, porttitor ut lacinia ac, aliquet vitae enim. Quisque sagittis diam et ligula commodo sodales. In quis neque sed purus laoreet lobortis ut sit amet nisl. Cras finibus semper risus, et tincidunt lorem pretium non. Nullam quis blandit lectus. Phasellus maximus auctor arcu at dapibus. Ut eget lectus sagittis, molestie metus sed, vehicula felis. Etiam malesuada faucibus cursus. Proin laoreet massa quam, eu hendrerit arcu volutpat a. Nam commodo nunc tristique turpis hendrerit, at venenatis nisi congue.

Image with MP3

Four by three full column width landscape image
An example of a 4:3 full column width landscape image. Photo: Jeffrey John Loomis

If you have an audio story and an accompanying image, follow this format: Full column width image with caption, line, introductory text (that’s what this is), MP3.

Audio: Jeffrey John Loomis

Featured images

A featured image is the image that appears in a widgetized area of the home page (Top Stories, Multimedia, More News.) A featured image must meet the minimum size requirements of its widgetized area. If the featured image does not meet minimum size requirements, use the Recent Headlines home page category (which does not use featured images.)

YouTube videos

When adding a YouTube video, include a text introduction before the video (similar to this text.) To make the video player full column width and prevent related videos from playing when the video ends, add this code &w=700&rel=0 to the end of the video’s URL. More information on working with YouTube videos can be found here.