Home Page Highlights
What's a Home Page Highlight? Well, it's the twelve wee stories that appear on the bottom of the SLS Home Page. To submit a story, anyone can fill out this form and the content will be sent to firstname.lastname@example.org:
The content from this form is first reviewed by Sabrina Johnson and will be handed off to the webteam by Alex Murray. Webteam is responsible for creating this homepage highlight and creating the associated graphics. Here's how:
- (Webteam) Design the graphics for the homepage highlight. You can get them from:
- The owner of the highlight. They may've indicated in their request that they have a photo that you can use.
- Sallie. The Stanford all-image exchange. It's free, all you need is a SUNet ID..
- Our Flickr Stream.
- You may purchase photos or graphics from iStock. The SLS Office of Communications has an account, see Eileen Bloom for username/password and credit card information.
- Use the photoshop templates to create three png files:
- A large photo that appears in the highlight.
- A small, sepia-toned image used in the home page's rollover.
- A small, full-color thumbnail that is the "rollover" state on the home page.
- Email these images to Alex Murray.
- (Alex Murray) Create the highlight on the staging site.
- Login to the Dashboard for the Staging Site. You'll first create a draft version on the staging site..
- Depending on your Drupal account, click on "Add Front Page Highlight" or go to the black menu and select Content Management -> Create Content -> Front Page Highlight
- Enter information for the following fields:
- Short title: This title appears on the thumbnail version of the highlight.
- Long title: This title appears on the expanded (large) version of the highlight.
- Large Highlight Content: This content appears in the expanded (large) version of the highlight.
- Byline (optional): Enter the name of the author for the news article, blog, or publication.
Example: By Judith Romero
- Front Page Highlights Categories: You'll find this in the email request. It'll be one of the following: Blog, Photos, News, Video, or Event
- "Read More" Link Title: By default, you may type Read more. But this can be anything. It'll be the clickable text for the "'Read More' Link URL"
- "Read More" Link URL: Copy/paste the link from the email request. This is the link to the actual blog post, news article, slideshow, or whathaveyou.
- Small Image (Off State): Upload the small, sepia-toned png image.
- Small Image (Rollover State): Upload the small, full-color png image.
- Large Image: Upload the big png image.
- Page visibility options (this is a tab): Check the box next to "Published".
- Click "Save" to publish the highlight.
- Check your work on the staging site: https://stage.law.stanford.edu
- If everything looks good on the staging site, repeat Step 2... but on the Live Site.
How to change the order of the highlights
From time to time, you may have to place a highlight in a specific order. The order of the highlights is determined by their "Authored On Date", so that's the field that you'll need to fuss with for the highlight(s) you are trying to move around. The most recent date is placed in the #1 postion.
- Go to the home page.
- Find and click on the highlight that you need to move, expand it to its large size.
- Click its "Edit Node" link in the upper left corner of the large highlight.
- Edit the "Authored On Date" as needed. Be very carfeul and stick to the format: YYYY-MM-DD HH:MM:SS -0700
- Click "Save" to finish.