Build a new sharepoint with image

%3CLINGO-SUB%20id%3D%22lingo-sub-2108781%22%20slang%3D%22en-US%22%3EBuild%20a%20new%20sharepoint%20with%20image%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2108781%22%20slang%3D%22en-US%22%3EHello%20i%20would%20like%20to%20create%20a%20sharepoint%20site%20with%20many%20images%20in%20the%20cover%20screen%3CBR%20%2F%3E%3CBR%20%2F%3EAt%20click%20of%20each%20of%20this%20image%20i%20can%20navigate%20into%20specific%20part%20of%20the%20site.%3CBR%20%2F%3E%3CBR%20%2F%3EHow%20can%20i%20do%20this%20%3F%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2108781%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EFiles%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2108902%22%20slang%3D%22en-US%22%3ERe%3A%20Build%20a%20new%20sharepoint%20with%20image%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2108902%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F948388%22%20target%3D%22_blank%22%3E%40gennarodp1990%3C%2FA%3E%26nbsp%3Bwhenever%20I%20want%20to%20do%20this%20on%20my%20sites%20I%20use%20a%20Quick%20Links%20web%20part%20and%20set%20the%20layout%20to%20Grid.%20This%20way%20it%20picks%20up%20the%20main%20image%20on%20the%20page%20you%20are%20linking%20to%20and%20creates%20quite%20a%20nice%20tile%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22quick-links-grid.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F250754i4BF400109BFB778A%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22quick-links-grid.png%22%20alt%3D%22quick-links-grid.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23006400%22%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2108789%22%20slang%3D%22en-US%22%3ERe%3A%20Build%20a%20new%20sharepoint%20with%20image%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2108789%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F948388%22%20target%3D%22_blank%22%3E%40gennarodp1990%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20can%20use%26nbsp%3B%3CSTRONG%3EImage%20web%20part%3C%2FSTRONG%3E%20in%20SharePoint%20online.%20You%20can%20provide%20link%20to%20pages%20(or%20other%20specific%20parts%20as%20you%20want)%20within%20site%20on%20the%20images%20like%20below%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%2286746861-6fd2-42cc-be86-24d59f72c537%22%20style%3D%22width%3A%20340px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F250730i263126D37BB0A7FA%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%2286746861-6fd2-42cc-be86-24d59f72c537%22%20alt%3D%2286746861-6fd2-42cc-be86-24d59f72c537%22%20%2F%3E%3C%2FSPAN%3EOn%20click%20of%20images%2C%20user%20will%20be%20redirected%20to%20respective%20link.%20You%20can%20also%20check%20Hero%20web%20part%20if%20it%20works%20for%20you.%3C%2FP%3E%3CP%3E%3CSTRONG%3EMicrosoft%20documentations%3C%2FSTRONG%3E%3A%26nbsp%3B%3C%2FP%3E%3COL%3E%3CLI%3E%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%3EUse%20the%20Image%20web%20part%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fuse-the-hero-web-part-d57f449b-19a0-4b0d-8ce3-be5866430645%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EUse%20the%20Hero%20web%20part%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fadd-sections-and-columns-on-a-sharepoint-modern-page-fc491eb4-f733-4825-8fe2-e1ed80bd0899%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAdd%20sections%20and%20columns%20on%20a%20SharePoint%20modern%20page%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%3C%2FOL%3E%3CHR%20%2F%3E%3CP%3EPlease%20click%20%3CSTRONG%3EMark%20as%20Best%20Response%3C%2FSTRONG%3E%20if%20my%20post%20helped%20you%20to%20solve%20your%20issue.%20This%20will%20help%20others%20to%20find%20the%20correct%20solution%20easily.%20It%20also%20closes%20the%20item.%20If%20the%20post%20was%20useful%20in%20other%20ways%2C%20please%20consider%20giving%20it%20%3CSTRONG%3ELike%3C%2FSTRONG%3E.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor
Hello i would like to create a sharepoint site with many images in the cover screen

At click of each of this image i can navigate into specific part of the site.

How can i do this ?
2 Replies

@gennarodp1990 

 

You can use Image web part in SharePoint online. You can provide link to pages (or other specific parts as you want) within site on the images like below:

 

86746861-6fd2-42cc-be86-24d59f72c537On click of images, user will be redirected to respective link. You can also check Hero web part if it works for you.

Microsoft documentations

  1. Use the Image web part 
  2. Use the Hero web part 
  3. Add sections and columns on a SharePoint modern page 

Please click Mark as Best Response if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

 

@gennarodp1990 whenever I want to do this on my sites I use a Quick Links web part and set the layout to Grid. This way it picks up the main image on the page you are linking to and creates quite a nice tile:

quick-links-grid.png

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User