#Microsoft365 #Office365 #SharePoint – I’ve written a couple of blogs about the ‘new’ Hero web part. This is a recap of my new favourite blue-eyed boy, but I will also take a trip down memory lane and remind you of the awesome Promoted Links web part, which is still very relevant for your Classic SharePoint Team Sites.

For previous posts in my #Microsoft365Challenge go to the index page.

DISCLAIMER:  I WRITE ARTICLES ABOUT OFFICE / MICROSOFT 365. CONTENT IS ACCURATE AT TIME OF PUBLICATION, HOWEVER UPDATES AND NEW ADDITIONS HAPPEN DAILY WHICH COULD CHANGE THE ACCURACY OR RELEVANCE. PLEASE KEEP THIS IN MIND WHEN USING MY BLOGS AS GUIDELINES.

Related posts: 

Hero Web Part

The Hero web part is a great way to bring focus and visual interest to your page. You can display up to five items in the Hero web part and use compelling images, text, and links to draw attention to each. The Hero web part is included by default on Communication sites, but you can also add the Hero web part to other pages. Use the Hero web part.

Take note that the Hero web parts are not available yet for use on classic pages. On how to create pages and add web parts, see SharePoint Pages and Web Parts Introduction.

I really like the Hero Web Part. Promoted links used to be my favourite and they are still very relevant for your Classic Team Sites. Here’s some great ideas on how to get creative for both the Hero Web Part and Promoted Links.

Note:  Keep in mind that without some added code, promoted links are not responsive.

Using a GIF in your Hero Web Part
A closer look at the ‘super’ hero web part in Communication Sites
The lighter side of Microsoft #15: Wrapping Promoted Links in SharePoint
The lighter side of Microsoft #16: Resizing Promoted Links in SharePoint
Promoted Links in SharePoint
Promoted Links Images for SharePoint Idea 1
Promoted Links Images for SharePoint Idea 2
15 Crazy GREAT ideas with Promoted Links in SharePoint

 

Hero Web Part

The Hero Web Part can be displayed in two ways:

  • Tiles
  • Layers

You can change the web part between the two displays. Images can be used, colour only which picks up from the theme, upload your own colour (image) or even use GIF’s. For “How To’s” take a look at the resources listed above.

Tiles shows the web part in 5 blocks – you can decide how many blocks you would like to display:

Layers will show the image, title and allow you to add an extra description. The blocks will be ‘staggered’ below each other:

Here’s a short clip to show using a GIF in one of the blocks:

Promoted Links

Promoted links consist of a list which points at an image, title an URL to use for a ‘clickable button’. I’ve done some really cool stuff with Promoted Links over the years. This includes creating my own images, cutting images out of solid images, wrapping and resizing them. These are still great to use on your classic team site landing pages:

Creating my own images:

Using different images with same colour or theme:

Cutting images out of one solid image:

 

Wrapping the tiles with a solid images (photo):

 

Wrapping and resizing the tiles:

The important thing here is to have fun. If your sites are boring, your users are gonna be bored. It’s not rocket science. We spend most of our lives at work, let’s make the most of it 🙂


Purpose of this blog challenge:  I will write 365 blogs in 365 days around Microsoft 365. I did a similar challenge with Office 365, blogs can be found here. I won’t just be talking about the new Microsoft 365 subscription model. I will be sharing any news, tips and tricks around Office / Office 365 / Windows / Mobility and Security. And let’s not forget all the great new Apps & services available.  A lot of what I’ll share on Office and SharePoint will also be applicable to none “Office 365” versions.

Advertisements