This is a Sample Title

Heading out the door? Read this article on the Outside app available now on iOS devices for members!
Download the app.

This is a sample story, written to illustrate the basics of building your own stories. I’m making this paragraph just long enough so the Dropcap doesn’t mess with the spacing of my next paragraph or heading. You might consider disabling the Dropcap if it doesn’t look right.

Here’s a test SoundCloud embed:

This Is the Heading 2 (H2) Option

It’s your most common heading. Usually, it’s enough on its own to break up the text, so we don’t need an additional line break above it. However, for gear roundups/similar sorts of stories where we want to break up each entry a bit more, we do add the line break.

Here Is a Bolded H3 Subheading

Here Is a Regular H3 Subheading

We generally follow a hierarchy of headings/subheadings, and just go in order as needed. There are exceptions and we can play with it a bit if it looks off, just loop in the production team if you’re unsure.

This Is an H4

It’s the smallest option. There’s nothing after this one, if you select H5, H6, etc, it will just look like an H4.

Never use the heading 1 option.

We’re done with headings, so let’s add a line break here:

Next, we have pullquotes. We want to add these when the text goes on for a bit without any other breaks.

Less frequent are blockquotes. We use these whenever we want to set a chunk of text apart, for a variety of reasons.

Here is some blockquote text.
Use this for long quotes,
Transcribed text of Twitter posts,
Poetry,
Etc, etc.

Here is a bulleted list:

• Bullet one
• Bullet two
• Bullet three

Numbered lists should work the same. Note that they currently don’t indent properly:

1. Here’s item number one
2. This is item number two
3. Lastly, a third item

Let’s add some links. Here’s a link to our own site. We want this to open in the same window/tab as the story. Here’s a link to another site. We want this to open in a new tab.

For embeds, this doc is a good resource for how we add different types of embed. But feel free to loop in the production team for now to help add these. We’re still ironing out some questions and bugs from the CMS migration.

That covers most everything you’re likely to see regularly. I’ll leave you with two final notes:

Refer to previous stories. The best way to learn, I’ve found, is to find a recent story whose format matches the one you’re trying to build, hit “edit,” take a look, and copy it. (Just don’t accidentally make changes to live stories). Even if you already know how to build, referring to earlier stories will help us stay consistent!

Ask Jon/the production team. I’m always on Slack and eager to put the time in to help folks train, as it saves a lot of time down the road when producers/editors ask any questions that come to mind as they get going. I’ll try to point out what I notice or change when I look over builds while adding photos as well.