Website Content

Extension's new Drupal 9 website launched in March 2023. The Extension Website User Manual, last updated September 2023, provides instructions for adding and editing content within the Extension website system.

Extension Website User Manual

General Guidelines

VPN Login: If you experience trouble with the site editor loading while not in an Extension office, try logging in through VPN.

Image Size Guidelines

Table below shows recommendations for best use of images across the website system.
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.
Feature Split	1200 px (wide)	No text. Image display depends on the amount of text in the split and whether Fixed or Full Width is selected
Hero	2000 px (wide)	Image height determined by user device and site cropping.
Image Gallery	1200x880 px	Vertical images can also be used. Size similarly for best display.
Image Row	1200x880 px
Image Text Row	1200x800
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

Social Media Image Sizes

Facebook: 1080x1080 or 1080x1350 pixels
Facebook Event: 1920x1080 pixels
Instagram: 1080x1080 or 1080x1350 pixels
YouTube Thumbnail: 1920x1080 pixels
X: 1920x1080 pixels

Resize Images

General Image Guidelines for Website

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"
Do not add images or photos within a text box. Instead, use one of the image paragraph types: Image/Text Row, Image Row, Photo Gallery, List Collection (image optional), Feature Splits, or Feature Boxes.
Avoid using images or graphics that include text.
- Event images can be an exception, but any text should be minimal and centered on the image for it to display throughout the website without being improperly cropped.

Writing Web Content

What you write is as important as the tools to add it. Learn to write from a customer-focus approach. Gain new readers that lead to clicks and attendance at your events.