Media Block Guide

Overview

The Media Block allows you to showcase images from your media library with accompanying alt text. This straightforward feature enhances your content with visual elements while maintaining accessibility.

Key Features

  • Media Library Integration: Upload and select images directly from your existing media library
  • Alt Text Display: Show descriptive text beneath your images for context and accessibility
  • Simple Implementation: Add visual elements to your page with minimal configuration

Best Practices

  • Image Size Awareness: Be mindful that images in the Media Block display at large dimensions by default
  • Optimize File Sizes: Use appropriately compressed images to maintain page performance
  • Meaningful Alt Text: Write descriptive alt text that provides context and improves accessibility
  • Strategic Placement: Position media blocks to complement surrounding content blocks

Usage Tips

  • Consider combining with varied column widths from the Content Block for balanced layouts
  • Use high-quality images that align with your brand aesthetic
  • Maintain consistent image dimensions across your site when possible

Technical Note

Remember that larger images will impact page load times and mobile performance. When using the Media Block, ensure your images are properly optimized before uploading to your media library.

Example

Buildsy Hero image

Buildsy hero image