Skip to content

Content Type: Homepage

Christopher Jones edited this page Jun 17, 2020 · 5 revisions

About the Homepage

The homepage is exclusively managed by the Communications Office. Content that appears in the top rotator highlights featured stories at VCUarts and important, topical pages on the website (such as Commencement during graduation season). This page has specific image requirements -- please see detailed info below on acceptable media formats and sizes.

Watch a video demo on YouTube

List of blocks available

  • Home: Hero Space -- Carousel
  • Home: Program CTA
  • Home: Featured Events
  • Home: Closing CTAs

Blocks in Detail

Home: Hero Space -- Carousel

homepage_carousel_icon

homepage_carousel

  • Required on page: Yes
  • Required components:
    • Main image
    • Caption
      • Keep brief. No more than a sentence or two.
    • CTA
      • URL (on website or external link)
      • Link text (Keep brief, no more than a few words)
    • Assistive text
      • Text for screenreaders (i.e., “Read more about VCUarts rankings”)
  • Optional components:
    • Use video
      • Video MP4
        • Limit length to 30 seconds max
        • Keep video filesize low, but quality should be 1080p at minimum
      • Video OGG
        • Limit length to 30 seconds max
        • Keep video filesize low, but quality should be 1080p at minimum
      • Video poster

Home: Program CTA

program_cta_icon

program_cta

  • Required on page: Yes
  • Required components:
    • Heading
      • Keep very brief, no more than a few words
    • Caption
      • Keep brief, no more than a sentence or two.
    • Image 1
      • Size: 564x844px
      • Format: .JPG, .PNG
    • Image 2
      • Size: 523x788px
      • Format: .JPG, .PNG
    • Image 3
      • Size: 887x490px
      • Format: .JPG, .PNG
    • Mobile image 1, 2, 3
      • Size: 560x364px
      • Format: .JPG, .PNG
    • CTA
      • Link text should read “Program Finder”
      • URL should point to program finder

Home: Featured Events

featured_events_icon

featured_events

  • Required on page: Yes
  • Required components:
    • Heading (keep very brief, should read “UPCOMING EVENTS”)
    • CTA
      • URL (to calendar)
      • Text (keep brief, should read “View more events”)
    • Note: Events are automatically populated in this feed based on how they are tagged when created. Please read the events/calendar guide for more information.
    • Optional components:
      • Caption (keep brief, no more than a few words)

Home: Closing CTAs

closing_cta_icon

closing_cta

  • Required on page: Yes
  • Required components:
    • Image
      • Size: 2560 by 1543 px
      • Format: .JPG, .PNG
    • CTA 1
      • URL (Should be /admissions/how-to-apply)
      • Text (Should be “Apply”)
    • CTA 2
      • URL (Should be /admissions/visit-campus)
      • Text (Should be “Visit”)
    • CTA 3
      • URL (Should be /request/undergraduate)
      • Text (Should be “Request info)
Clone this wiki locally