News Stories on CHS Remote (Department) Site

News stories on CHS remote (department) site

Main, featured photo: For news stories that feature a main photo, you need one that’s horizontally oriented and is at least 482 pixels wide by 345 pixels tall (for logos, it’s best to put the logo on a background that’s exactly 482 x 345).

Content photos: You can add smaller photos that are either horizontal or vertical in the story. If you don’t have a main photo, the story page, index page, and scrolling news won’t have a thumbnail photo.

Scaling: WordPress will scale the photo automatically if it’s larger than 482 x 345 pixels. It will also crop a thumbnail automatically. If the main photo is not horizontal, the cropping may not be ideal.

Story content

Meta Data 1. Starting at the left column of the Dashboard, click Post > Add New.

2. Enter the title in the top field. This is what will appear in the story, the news index page, and the scrolling news, so it shouldn’t be longer than about 88  Meta Description: 140-150 characters, including spaces. characters.  Meta Keywords: Add a few key words separated by commas (no 3. Choose the date to publish under Publish spaces) in the right column. If it’s not “Publish immediately,” click on Edit and choose the date. (You can also save the story as a draft at Paste as Word (or Text) any time.)

4. Click Publish or Save Draft.

5. Edit the permalink so it’s not so long. Pasting as Word preserves links and some formatting. Pasting as Text is This is under the title. safer (no bad symbols). 6. Make sure you’re in the Visual tab mode. Click in the content window, click the Paste as Word icon if you’re pasting from Word, and paste the content. Now is a good time to Save Draft.

7. Place your cursor after the lead sentence. Then click the More tag icon.

8. Under Meta SEO tab enter the Meta Description (an approximately 140 character description of the story) and the Meta Keywords (a few key words separated by commas). This is for search engines. (Don’t put anything for the robots.)

9. Skip the Quick Page/Post Redirect

Editing CHS web pages, 1.26.2012 1 section. Sidebar Customization 10. Under the Sidebar Customization > Overall tab:  Show Student Profile: No  Show HR Break Line: Yes (if using Quick Look and Pull Quote)

11. There are two other tabs under Sidebar Customization that you use for stories: Quick Look and Pull Quote:  Under Quick Look, put a summary of the story. Click Yes.  Under Pull Quote, add a quote, type in the quotation marks (if you paste the text, delete the curly quotes and re-key the quotation marks), enter a line of space, and enter the speaker’s name (no title). Click Yes.

12. Skip Excerpt.

13. Add any feature or content photos using the instructions below.

14. When the story is ready click Publish.

Photos

The main (featured) story photo is horizontally-oriented and shows up in three places: at the top of the story page, as a thumbnail in the news index page (when you click News in the site header), and as a thumbnail in the scrolling news.

The main story photo should be 482 pixels by 345 pixels or larger in either dimension. WordPress will automatically scale the photo if it’s larger. It will also automatically crop the photo for the thumbnails.

There are options for additional photos in the story content: Head shot, additional story photos of any orientation, and a right column photo that’s limited to 215 pixels wide

Upload a photo

No matter how you are using a story photo, they are all uploaded the same way—using the NextGen Gallery, which is “Gallery” on the upper left of the admin dashboard.

1. Click on Gallery > Add Gallery/Images in the upper left Dashboard.

2. Click Select Files.

Editing CHS web pages, 1.26.2012 2 3. Choose the photo and click Open. Single upload 4. Choose your news gallery. Generally, you have to upload one photo at a time. You can upload multiples—if they don’t 5. Click Upload Images. The progress bar together exceed the file size appears. limit of 16 MB.

6. Click Manage Gallery, open the the CHS_News_201* gallery, find your photo, and add:

 A title in the Alt & Title field.  A caption in the Caption field (170 characters or less).

Main (featured) story photo

A horizontally oriented photo of 482px x 345px wide or larger must Set Featured Image have already been uploaded to your news NextGen gallery (see above).

1. Click Set featured image in the lower right column.

2. Click NexGen Gallery.

3. Choose your news gallery and click Select.

4. Find your photo and click Show.

5. Click Use as featured image (accepting the default settings). This both ads the thumbnail and the main photo.

To remove the main, featured image:

Click the Remove featured image link under Featured Image on the right.

Content Photos

You can put smaller photos of either orientation in the content of the story, including head shots.

1. Upload the photo using the Upload Photo instructions.

2. Put your cursor in the story where you want the photo to appear.

Editing CHS web pages, 1.26.2012 3 3. In the Upload/Insert tools area above the editing tools, select the first one, “Add an Image.”

4. Click NextGen Gallery.

5. Find your news gallery and click Select.

6. Find your photo and click Show.

7. Click the Full size radio button and Insert into Post.

8. Click on the photo after it shows up in your story and click the upper right image icon.

9. Select the alignment in the first tab (automatically opens there).

10. Size the photo either by clicking on Advanced Settings or just use the corner handles on the photo.

Right Column Photo

The right column photo puts a smaller story photo in the right column of the story. The photo must already be sized to 215 pixels wide. The height doesn’t matter.

1. Format the photo to 215 wide. Note the height. 215 px width If you don’t size the photo to 2. Upload the photo to your news NexGen 215 pixels, WordPress will alter the scale, distorting the photo. gallery.

3. While in the gallery, locate the photo.

4. Right click on the photo and select Properties. Copy the URL under Image Properties > Location. (The URL starts with /wp and ends with the file extension.)

5. Go to the post you’re working in.

6. In the Sidebar Customization tabs click Image.

7. Click Yes for Show.

8. Paste the following in the text box: and add the photo URL and height.

Editing CHS web pages, 1.26.2012 4 Editing CHS web pages, 1.26.2012 5 Using a story from another source

When you will just be linking to another story instead of creating your own story, the process is simpler. Putting a link in your summary lets users go directly to the story, instead of clicking on “more” which just takes you to the news page that restates your summary.

Paste as Word (or Text) 9. Starting at the left column of the Dashboard, click Post > Add New.

10. Enter the title in the top field. This is what will appear in the story, the news index page, and the scrolling Pasting as Word preserves links news, so it shouldn’t be longer than about 88 characters, including and some formatting. Pasting as spaces. Text is safer (no bad symbols).

11. Choose the date to publish under Publish in the right column. If it’s not “Publish immediately,” click on Edit and Symbols choose the date. (You can also save the story as a draft at any time.) To add symbols use this button:

12. Click Publish or Save Draft.

13. Edit the permalink so it’s not so long. This is under the title.

14. Make sure you’re in the Visual tab mode. Click in the content window, click the Paste as Word icon if you’re pasting from Word, and paste your summary of the story and where it first appeared.

15. Add a link to the story: After your summary, type a space and then Story » and link on this text.

16. Under Meta SEO tab enter the Meta Description (an approximately 140 character description of the story) and the Meta Keywords (a few key words separated by commas). This is for search engines. (Don’t put anything for the robots.)

17. Under the Sidebar Customization > Overall tab:  Show Student Profile: No  Show HR Break Line: No (since you won’t be using Quick Look and Pull Quote)

18. When the story is ready click Publish.

Editing CHS web pages, 1.26.2012 6