Create OHIO Story

"OHIO Story" is a content type used by the University News team for different types of news or content articles. It has different functionality and display options than the OHIO News content type and allows for more flexible, visual elements. Stories are created in 2 different interfaces. The first one resembles the regular news article. You will utilize a second interface called Layout in order to build the body (actual content) of your page.

Getting Started

  1. Log in to the News CMS site via: https://news.ohio.edu/group/1/content
     
  2. Select the OHIO News Group
Select OHIO News Group Name
  1. Choose Group Content from the top navigation.
Select Group Content
  1. If you are searching for a page to edit, use the filters and choose Apply.
Search Filters
  1. To create a new page, choose Add new Content.
Add New Content for News
  1. Choose OHIO Story
Add OHIO Story

Edit Page

  1. Add Title: This is a required field. The title will be displayed at the top of the article and be used in URL creation. As such, please keep all titles to alphanumeric characters and hyphens. While special characters (like quotation marks and apostrophes) can be used, they require encoding within a URL to work correctly and should be used only when necessary.
Add title for OHIO Story
  1. Add Story Author
Add author
  1. Add Publish Date
    • This is a required field. If left to the default value, the article will publish as soon as the created content is saved. If the article should publish on a future date, these values should be edited to reflect that.
Add Publish Date
  1. Choose Story Title Display (from four options)
Choose Story Title Display
  • Centered Below Featured Image
Title below image
  • Centered over Full-Width Featured Image
Title over Image
  • Centered Text Only
Centered Text Only
  • Left-aligned Text Only
Left-aligned Text Only
  1. Add Featured Image
    • If an image is uploaded here, it will display at the top of the news article when viewing it online. This image is also used as the teaser image with the abstract on the listing pages.
      Recommended Image Size: 1140px width
Add Featured Image
  1. Add Abstract
    • The abstract is a short summary of the story. It shows on any news feeds and at the top of the article.  You can write a summary or use the first couple of sentences from the story. If you do use the first sentence or two, you need to delete them from the actual story because they will be duplicated.
Add abstract
  1. Add Story Category
Add Story Category
  1. Add Story Placement
    Story placement will only be used if the news team wants to feature it on the ohio.edu/news homepage.
Add Story Placement
  1. Add appropriate Story Tags
    • Apply tags to the story for organic grouping and to route stories. More than one tag may be added. If a tag exists, it will display while you are typing. Select the correct tag to be consistent with your other stories.
Add news tags
  1. Add Organizational Tags
     
Choose Organizational Tag
  1. Add Facebook Post Link
    • Once your story is published, you can share it to Facebook. Paste the FB URL that is created back into this field. This will allow readers to follow the story and comment on Facebook.
Facebook Post Link
  1. Save the Article as a Draft
Save as Draft

Once your page is saved as a Draft, you will see the option for Layout at the bottom of the screen.
 

Choose Layout

Use Layout Builder

Layout Builder utilizes a variety of pre-designed blocks to add content, instead of content rows like a modular page. Blocks will be added along the right side of your browser and can be easily edited or dragged and dropped to reorder sections.

NOTE: The options for saving or discarding your layout edits are at the top of the screen. The checkbox for "Show content preview" allows you to show or hide the preview of the content you have added in order to move blocks around more easily.

Saving Options
  1. Select Add Block
Select Add Block
  1. Choose Create Custom Block
Choose Create Custom Block

Select the Custom Block Option

General Instructions

  • If the box for "Display title" is unchecked, it will only be viewable in the Editor view. You can use the title so that when you are rearranging the blocks on the layout screen, they are easier to identify. (Not recommended: If the box IS checked the Title will display on the live page as an H2 heading.)
Title and Title Display
  • Use Add Block to add any completed block to your page.
Add Block

Image Block with 1 Image

Images must be sized correctly before you add them to a block.

  • for text-width: 780px width​
  • for extra-wide: 1140px width​
  • for edge to edge: 1400px width

Images should also be compressed to smaller file size according to best practices.

Choose Image Width

Select Image Widte
  • Text-Width
Text width image
  • Extra Wide Image
Extra Wide Image
  • Edge-to-Edge Image
Edge to Edge Image
  • Image with Left Caption
Image with Left Caption
  • Image with Right Caption
Image with Right Caption

Choose your image

Choose Image File

Add Optional Image Caption

Add Optional Image Caption

Image Block with 2 Images

Choose the image layout

2-image layout
  • Two Equal
Two Equal Images
  • Wide Left & Narrow Right
Wide Left Narrow Right
  • Narrow Left & Wide Right
Narrow Left Wide Right

Add the second image details

Add Second Image Details

Image Block with 3 Images

Choose the image layout

Choose 3-image layout
  • Three Equal
Three Equal Images
  • One on Left & Two Stacked Right
Left tall image with two stacked on right side
  • Two Stacked Left & One on Right
two images stacked on left side with single tall image on the right side

Add the third image details

Add third image

Quote Block

Choose Quote Style

Choose Quote Style

Add Quote Body

Add body of Quote

Add Quote Source

Add Quote Source

Text Block

If you want an actual Heading to display, you must create that within in a text block. Use the editing toolbar to format your text correctly.

Text Block

Video Block

Videos can display as text width or full width on the page. Select add media and then add the YouTube URL. You can add an optional video caption.

Video Block
  • Reorder Blocks

    Hover over the block and use the crossed arrows to drag and drop the blocks to another position on the page. This may be easier to do if you uncheck the Preview Content box (found at the top of the screen).
     

    Move Blocks Using crossed arrows
  • Edit Existing Block

    To edit an existing block, you must be in Layout mode. Hover on the block and select the gray pencil icon in the top right corner of the block. Note: If a layout has already been saved, then you must access the page by selecting the Title on the node listing page.
     

    pencil edit icon
  • Save and Publish

    • Save Layout (button is at the top of the page screen).
    • Save page as Needs Review or Publish.