DSU Custom Blocks

Skewed Image Spacer

Creating the Block

  1. Add the ‘Skewed Image Spacer’ block to your editor using the ‘+’ button on the top left of the editor.
  2. Click the pencil icon on the block to switch to edit mode.
  3. Select ‘Add Image’ and browse the Media Library for the image. Repeat 3x.

Tips & Good practices

  • Make sure to resize & optimize images for this block before uploading it to the WordPress Media Library. Use Web Services’ Optimizer to do this easily.
  • Usually the images that look best in this block don’t include people. Try using landscapes, buildings, etc.

Bad Practices

  • Do not forget to add three images. If you forget an image, that space will default to grey.
  • Do not add this block as a header or footer. It is intended for use around the middle of a page.