John's First Article Page
An Exciting Journey in Web production
Welcome to your first page production. This will be a basic article page with the most commonly seen components. This page will give instructions and reminders as the body content we’ll be working with, but refer to the PM Training Deck (uploaded to the PMs/Producers Teams channel files) and Abi’s recorded walkthrough (forthcoming) for more complete process details.
Before working with this body text, you should have the page created and all your Content Editor settings in place. This inlcudes uploading your images, cropping your promo images, and setting them in Content Editor.
Take the text from the word doc and bring it over to your RTE. Remember that when you open Experience Editor on a new page for the first time, you won’t have text and instead there will be a line that says [No Text in Field]. That’s where your empty RTE is located. Click on it, select the edit button, and we’re ready to import.
Remember that images and graphics don’t come directly from word docs. They are in here only as placeholders to indicate what they are and where they go. So you should avoid bringing them over from the word doc by selectively copying and pasting the content without them. A tip: if you replace them in your RTE text with something basic, like a # character, you can easily see where your embedded container spaces will need to go in the next step.
Formatting The Text
Once you have brought your text over from the Word doc to the RTE, make sure to use the Format Stripper tool. But be careful, you only want to use every option except for “Strip Al Formatting.” If you use that one, you will lose your paragraph structure as well. Use “Strip Css Formatting” through “Strip Word Formatting.”
Make sure your header is properly set as an H2 by selecting the line and using the Paragraph Style drop-down selector.
Next you’ll need to handle any links that may be present in your document, such as this internal link and this external link. Remember to use Insert Sitecore Link for Pew links and Hyperlink Manager for non-Pew.
Now it’s time to put your embedded container back in for the blue Pew image. Locate the spot it’s supposed to go (the beginning of the paragraph where it should sit above), and select Embed Container Full Width. Keep an eye out for an extra line break which may have been added between the ###PLACEHOLDER### and the paragraph below it.
Once the placeholder has been added successfully and you’re finished with the text, select Accept, and save the whole page in the top-left corner.
Next, you will be placing the image components on the page. The first image should go above your body text. The second will go in your embedded RTE container in the middle of the page. Start by using the “Add a new component” button. Select either space, then pick Image. Next, you’ll select Create New Image (the name here doesn’t matter, it just can’t repeat).
Select the placeholder image and the “Choose an Image” button from the menu that appears. Select the “Recently Uploaded By Me” tab and pick the image. Save again.
This is the end of the body content, often ended with an attribution line like this. Don’t forget to check your web instructions, which may come in the same doc, a separate doc, and/or a workfront comment.
People
