Custom Blocks

Banner - page title

Creating the Block

  1. Add the ‘Page Title Banner’ 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’ to browse the Media Library. (Guide on uploading to the Media Library).
  4. Add a Page Heading, and optionally you can add a superscript title and some short text.
  5. Click the red ‘Add Row’ button on the bottom right to add links to the banner, you may add up to five.
  6. Check ‘Disable Sticky Link’ to prevent the rightmost button from sticking as the user scrolls.
  7. To easily reorder the banner buttons, drag and drop items by selecting the grey area on the left side of any row.

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.
  • If you add a link in the Banner that leaves utahtech.edu, goes to the catalog, or directs the user to a file, make sure to check ‘Open in a new tab’.

Bad Practices

  • Do not hyperlink text in the Banner text box.
  • Do not any text longer than one or two short paragraphs to the Banner.

Take a look at some sites that are using this block correctly: