Our user manual provides instructions for adding and editing content within the Extension website system.
Logging In
- VPN Login: If you experience trouble with the site editor loading while not in an Extension office, try logging in through VPN.
Website Editor Help
Existing Extension website editors can use NotebookLM to get answers on the spot. It gathers insights directly from our Extension website user manual and other Extension-created training materials to help you navigate editor questions about for adding and replacing images, creating releases and events, editing basic pages and blogs, and more.
Image Specs
Website Image Sizes
| Image Type | Recommended Size (WxH) | Comments and Notes |
|---|---|---|
| Big Button or Card | 700x350 px | Image only recommended. Limit text if used. |
| Blog (Main Image) | 730x400 px | Image only recommended. Limit text if used. |
| Blog (Banner) | Optional. Narrow image display. | |
| Event | 1920x1080 px | Image only recommended. Limit text; if used, keep it centered. |
| Feature Box | 2000 px (wide) | No text on actual image. Use the paragraph style's provided text box for any necessary subhead and body text. |
| Feature Split | 1200 px (wide) | No text on actual image. Image display depends on the amount of text in the split and whether Fixed or Full Width is selected. Use the paragraph style's provided text box for any necessary subhead and body text |
| Hero | 2000 px (wide) | Image height determined by the user's device and site cropping. |
| Image Gallery | 1200x880 px | Vertical images can also be used. Size similarly for best display. |
| Image Row | 1200x880 px | No text on image. Can include a caption that displays below the image. |
| Image Text Row | 1200x800 | No image on text. Use the rich text box provided by this paragraph style for any subhead or body text needs. |
| News Release (Spotlight) | 1200x800 px | Image only recommended. Limit text if used. Image will display in lists of News Releases thrgouhout the website system. |
| News Release (Banner) | Optional. Narrow image display. | |
| Recipe | 1200x800 px | No text. |
| Staff Page Image | 140x200 px | No text. |
General Image Guidelines
- Use .jpg file types only.
- Image file naming best practices:
- No spaces
- No capital letters
- Can use dashes to separate words, but no underscores
- No other punctuation
- Use a meaningful file name: "yellow-butterfly.jpg" not "event image (7).jpg"
- Avoid using images or graphics that include text.
- Event images can be an exception, but text should be minimal and centered on the image so it displays consistently throughout the website without being cropped.
Training Topics
- Format Copied Text
- Keyword Tags
- How to approve shared content on website
- Website Events
- How to write staff bios
- Optimizing web content for Google SEO
- Writing content with a customer focus
- How to crop a photo to exact pixels
- The impact of topic-based websites for Extension unit sites
- 10 ways to market your web blog
- Website accessibility
- Understanding what makes people care when writing content
Training Resources
Longer How-To Trainings
- Editing in the New Website Upgrade
- Create Rich Text and Hero Images on the Website (30 Minutes)
- Create Big Buttons and Cards (30 Minutes)
- Understanding Website Content Options (30 Minutes)
- Create Calls to Action and Icon Rows (25 Minutes)
- Create Feature Boxes and Feature Splits (15 Minutes)
- Creating Accordions and Photo Galleries (30 minutes)
- Creating and Editing Blogs (75 minutes)
- A Checklist for Your Extension Blog (Includes new features and a checklist, updated 6/8/23) (70 Minutes)
- Fall 2023 Updates for Recipes, Remote Videos, Newsletters, Podcasts, and Keyword Expertise (90 Minutes)