News stories on CHS remote site

For news stories you need a main photo that’s horizontally oriented and is at least 482 pixels wideby 345 pixels tall.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 photo.

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

  1. Starting at the left column of theDashboard, clickPostAdd New.
  1. 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 characters, including spaces.
  1. Choose the date to publish under Publish 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 any time.)
  1. Click Publish or Save Draft.
  1. Edit the permalink so it’s not so long.
  1. 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.
  1. Skip the Quick Page/Post Redirect section.
  2. 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.
  1. Put the byline name in the Byline field.
  1. Put the Contact information in the Contact field. Enter a line of space in-between each contact (it will be maintained).
  1. Under the Sidebar CustomizationOverall tab:
  • Show Student Profile: No
  • Show Drop-Down Jump: No
  • Show Poll: No
  • Show HR Break Line: Yes (if using Quick Look and Pull Quote)
  1. 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.
  • Under Pull Quote, add a quote, type in the quote marks (don’t paste), enter a line of space, and enter the speaker’s name (no title).
  1. Under Excerpt, add a one-sentence summary of the story. Thiswill show up in the index page and in the scrolling news.
  1. Add any photos using the instructions below.
  1. When the story is ready click Publish.
/ Meta Data
Under the Meta SEO Pack there are 2 fields to complete:
  • Meta Description: You can paste the summary from the Quick Look or the Excerpt. The first 140-150 characters (including spaces) are what a Google search will show.
  • Meta Keywords: Add a few words separated by commas (no spaces) that people might search on for the story.
Show HR Break radio button
Use this radio button when you know you’re going to have a quick look and pull quote. If you won’t have either of these item, leave the HR Break at the default—No.
Excerpt
This is what shows up as the summary on the news index and in the scrolling news.

Photos

The main story photo is horizontally-oriented and shows up in three places: at the top of thestory page, asa thumbnail in the news index page, 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
  • 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 lower left of the admin dashboard.

  1. Click on Gallery > Add Gallery/Images in the lower left Dashboard.
  1. Click Upload Images.
  1. Click in the field or on Browse.
  1. Choose the photo.
  1. Choose your news gallery.
  1. Click Upload Images. The progress bar appears.
/ Single upload
Generally, you have to upload one photo at a time. You can upload multiples—if they don’t together exceed the file size limit of 16 MB.

Main story photo

  1. Click Set featured image.
  1. Click NexGen Gallery.
  1. Choose your newsgallery and click Select.
  1. Find your photo and click Show.
  1. Click the Full size radio button and Use as Thumbnail. This both ads the thumbnail and the main photo.
/ Upload the photo
A horizontally oriented photo of 482px wide or larger must have already been uploaded to your news NextGen gallery.
Remove featured image
  1. Click Remove Thumbnail in the story.
  2. Delete the first photo from the gallery.
  3. Upload the correct photo with a different name.
  1. Go into the story and do Set Featured Image for the new photo.

Content Photo

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.
  1. Put your cursor in the story where you want the photo to appear.
  1. In the Upload/Insert tools area above the editing tools, select the first one, “Add an Image.”
  1. Click NextGen Gallery.
  1. Select the your news gallery and click Select.
  1. Find your photo and click Show.
  1. Click the Full size radio button and Insert into Post.
  1. Click on the photo after it shows up in your story and click the upper right image icon.
  1. Select the alignment in the first tab (automatically opens there).
  1. Click on Advanced Settings and choose the size (if you want to resize). The pixel dimensions show up as you make your selection. Click Update to accept. (If you want to start over with sizing, click Original Size, and it will go back.)
/ Sizing in the story
  • When you size the photo in the image editor in the story, the editor always starts with the last size you chose as 100%.
  • Use the Advanced Settings tab to see the pixel dimensions.
  • If you go too small and want to start over, click on Original Size.

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.
  1. Upload the photo to your news NexGen gallery.
  1. While in the gallery, locate the photo.
  1. Right click on the photo and select Properties. Copy the URL under Image Properties > Location .
  1. Go to the post you’re working in.
  1. In the Sidebar Customization tabsclick Image.
  1. Click Yes for Show.
  1. Paste the following in the text box:
    <img src="YOURURL" width="215” height="HEIGHT" /> and add the photo URL and height.
/ 215 px width
If you don’t size the photo to 215 pixels, WordPress will alter the scale, distorting the photo.

Editing CHS web pages, 12.14.20101