The Icon Links block allows content maintainers to build out a grid of related links that help catch a reader’s attention via a spot illustration and custom headers. This block is an effective tool for directing users to specific information that may not be captured in the top-level menu of your site. It also provides a good way to highlight resources that were discussed in preceding paragraphs. This block can be used in conjunction with top-level menus, can help assure that skimming users can easily find what it is they are looking for. <\/p>\n\n\n\n In Gutenberg, adding a Icon Links block to a page is as easy as clicking the “Add a block” button and choosing “Icon Links” from the block list. Alternatively, the block can be found by using the “Search for a block” function. For more info on blocks and adding them to a WordPress site, see our documentation on blocks<\/a>.<\/p>\n\n\n\n Once added, the Icon Links block allows site maintainers to add additional resource cards. Each card includes a heading and teaser text. Each card will also want to include a link that sends users to the associated resource (most likely another webpage). Additionally, the color of the Icon Links block can be changed under the “Block” settings found on the right-hand side of the editing screen.<\/p>\n\n\n\n <\/p>\n\n\n\n![\"Screenshot](\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/10\/Screenshot-2020-10-27-at-16.59.22.png\")
<\/a>Features<\/h2>\n\n\n\n
![\"GIF](\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/10\/adding-resource-link.gif\")
<\/a><\/figure>\n\n\n\n![\"GIF](\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/10\/adding-a-resource-card.gif\")
<\/a><\/figure>\n\n\n\nNeed Help?<\/h2>\n\n\n\n