Post a Story


  1. Write and edit your story in a word processing program like Google Docs or MS Word. Use keyboard shortcuts. Paste your completed and approved copy in a new WordPress post.
    • Use the “Paste as Text” button in the WordPress toolbar to bring in clean, unformatted text.
  2. Choose a story template:
    1. News [example]
    2. News Feature [example]
    3. Feature [example]
    4. Feature Package [example] – create one
      On either the Feature or Feature Package template you can control the treatment of the Featured Image at top:

      • Parallax : Image is fixed as you scroll [example]
        • Note: iOS doesn’t support parallax functionality so it is disabled at mobile views
      • Disable Parallax  : Image moves as you scroll (on all platforms) [example]
      • Split [example]
      • Text-width [example].
        • A second “no-crop” option maintains the full image width [example]
      • Separated : Headline is outside of the image area [example]
      • No Image [example]
      • Featured Video : Use a featured video instead of a featured image [example]

        • Please note: you must also add the Vimeo video link from the embed section (usually looks like this:
        • To make the video autoplay in the background with no sound, add “?background=1” to the link.
        • You must still add a featured image to display on index pages.
  3. Write your headlines. [Length]:
    • First field: The (required) SEO-heavy summary headline that appears on the story page (WordPress calls this the post Title)
      • Your initial title you save is repeated in the story (URL) permalink. If you change the title before you publish, you should change the permalink.
    • Second field: An invitational, plain-language version of the headline that appears on home pages (index, category & author pages) and in social shares. Examples:
    • Third field: The headline deck. A sub-headline further explaining the story. This  appears underneath the main headline. Also used in SEO.
    • Headline Kicker: An optional one- or two-word topic name that appears before the SEO or index headline. Avoid using the same word as in these headline(s).
  4. Upload image(s)
    • Every story must have at least one image.
      • At minimum, it is the Featured Image. This image appears only on index pages (home, category, author & search pages). Add it in the Featured Image field at the right of the WordPress post page.
    • You need to reduce the size of images before you upload them. See the style guide for the size. The Signal server will not allow uploaded images larger than 1 MB.
    • You must insert a photo into your story where you want it to go.
    • Remember to add captions and image credits. Captions should be short like this.
    • On a Feature story template, the default width for images is text-wide. To make an image expand to the margins, add “margin-width” to the field “Image CSS Class” on the WordPress edit-image screen.
      • For these images, a short but wide image is better. Crop the image to 16:9 before you upload it.
      • When you do, be sure it’s a large, high-resolution image — usually 2000px wide
  5. Fill out (optional) story elements:
    • Story sidebar
    • Related websites
    • Related stories — link stories together. Relating one story to another will insert the headline on both stories
    • <head> Elements: Code here will appear inside the HTML <head> tag. Some embeds supply code to be placed in this location.
  6. Add multimedia. Use only tools that scale for mobile. Some popular options:
    • Create a slideshow using the Ideal Image Slider (in the WordPress left-hand sidebar). NOTE: must have approval of instructor to use this
    • Add a map using Google Maps
    • Add a timeline using TimelinesJS
    • Add a before/after image slider using JuxtaposeJS
    • Add a interactive image with highlights using ThingLink
    • Add a chart or infographic using
  7. Select a category for the story. But only one.
  8. Add tags. See the style guide section for tag guidelines
  9. Make any needed text adjustments:
    • Make a pull-quote & attribute it:
      • In the Visual editor, click the blockquote icon in the toolbar (it looks like a quotation mark)
      • In the Text editor, make the citation :
        <blockquote>Quote goes here.<cite>Name goes here</cite></blockquote>
    • In the Text editor, make the first paragraph the same size as the rest of the body:
      <p class="body-size">First paragraph text here</p>
    • In the Text editor, remove the drop-cap in the first paragraph:
      <p class="no-drop-cap">First paragraph text here</p>
  10. Save your story as a Draft and let an editor know it’s ready for them.


Last Updated: May 17, 2019, 10:47 am ADT