Picture this: new icons for Blocks

The new user interface in Perch 3 is designed to make site management and content editing easier for your clients. It’s well understood that the use of icons is one way to aid usability in an interface, so in Perch 3 we’ve given you the ability to add icons to the Insert New Block bar.

As Perch doesn’t dictate what blocks are available in your template, it also leaves the choice of icon completely up to you. There are currently 75 different icons to choose from, so it should be easy to find something to represent the type of content your block contains. You can see the full list of icons in the template documentation for Blocks.

Adding an icon

Icons are set by name on the <perch:block> tag. You can find the name and what each icon looks like in the docs.

<perch:block type="image" label="Photo" icon="camera-alt">
   ...
</perch:block>

That’s all there is to it! Of course you don’t need to add an icon if you don’t want to, but the option is available when you do. Some of our favourites include popsicle, burger and coffee-togo.