SOLVED

Content Editor in New Communication sites

%3CLINGO-SUB%20id%3D%22lingo-sub-2072201%22%20slang%3D%22en-US%22%3EContent%20Editor%20in%20New%20Communication%20sites%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2072201%22%20slang%3D%22en-US%22%3E%3CP%3EIn%20the%20older%20version%20of%20sharepoint%2C%20I%20could%20add%20a%20content%20editor%20webpart%2C%20add%20an%20image%20to%20it%2C%20then%20add%20a%20link%20on%20the%20image.%20I%20cannot%20seem%20to%20do%20that%20in%20the%20new%20modern%20communication%20site%2Fpage%20using%20the%20webparts%20that%20are%20available.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EUnless%20I'm%20missing%20something%2C%20does%20anyone%20have%20any%20suggestions%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2072201%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2074677%22%20slang%3D%22en-US%22%3ERe%3A%20Content%20Editor%20in%20New%20Communication%20sites%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2074677%22%20slang%3D%22en-US%22%3EUse%20an%20image%20web%20part%20and%20add%20a%20hyperlink%20to%20the%20image.%20See%3A%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fuse-the-image-web-part-a63b335b-ad0a-4954-a65d-33c6af68beb2%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fuse-the-image-web-part-a63b335b-ad0a-4954-a65d-33c6af68beb2%3C%2FA%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2076287%22%20slang%3D%22en-US%22%3ERe%3A%20Content%20Editor%20in%20New%20Communication%20sites%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2076287%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F149%22%20target%3D%22_blank%22%3E%40Susan%20Hanley%3C%2FA%3E%26nbsp%3B%20Thx%20for%20the%20quick%20response!%20I%20see%20how%20to%20do%20that%20but%20it%20only%20allows%20me%20to%20put%20one%20image%20in%20the%20webpart.%20I%20need%20to%20have%208%20images%20where%20each%20on%20links%20to%20a%20bio%20page%20of%20that%20person.%3C%2FP%3E%3CP%3EThe%20Image%20gallery%20is%20more%20of%20what%20I%20was%20thinking%20but%20it%20doesn't%20let%20me%20add%20the%20hyperlink.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

In the older version of sharepoint, I could add a content editor webpart, add an image to it, then add a link on the image. I cannot seem to do that in the new modern communication site/page using the webparts that are available. 

 

Unless I'm missing something, does anyone have any suggestions?

5 Replies

@Susan Hanley  Thx for the quick response! I see how to do that but it only allows me to put one image in the webpart. I need to have 8 images where each on links to a bio page of that person.

The Image gallery is more of what I was thinking but it doesn't let me add the hyperlink. 

Correct - so use multiple 3-column sections and add one image in each section. Or, since you already have a page for each person, use the Quick Links web part with the Grid view in a single column section. You can choose a thumbnail image for each page that is the person's photo. Then, when you add the link to a page in the Quick Links web part, visitors will see the person and their name - and each tile will link to the page. The Quick Links web part in a single column will show 4 items across the column and you can use just one Quick Links web part since the Grid layout automatically "stacks" the items in a grid. Images can only be used in "stacks" of 3 column sections. Take a look at some of the examples in lookbook.microsoft.com to see how you can make image-based links to content.

@Susan Hanley - Thank you! I think the Quick Links option using the filmstrip layout is what we want. Again, thank you! You're the best!

best response confirmed by Paula Flores (Contributor)
Solution
You may want the Grid view, not filmstrip - unless you want items 5 and above to be hidden behind a scroll. If you want all items to display, use the Grid view. Both show 4 items in a single column - but the filmstrip view "hides" items 5 and above. Just depends on your user experience goal.