{"id":2615,"date":"2024-07-29T15:23:12","date_gmt":"2024-07-29T19:23:12","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2615"},"modified":"2024-08-07T17:29:55","modified_gmt":"2024-08-07T21:29:55","slug":"how-to-teaser-links","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/supportive\/teaser-links\/how-to-teaser-links\/","title":{"rendered":"How To: Teaser Links"},"content":{"rendered":"\n

Adding the Block<\/h2>\n\n\n\n

To add the Teaser Links block, click the \u201c+\u201d symbol and search for \u201cTeaser Links\u201d. Then, select the Teaser Links block icon.<\/p>\n\n\n

\n
\"teaser<\/figure>\n<\/div>\n\n\n

Editing a Teaser Links block<\/h2>\n\n\n\n

The block editor for the Teaser Links block has fields for an image and a link.<\/p>\n\n\n\n

You’ll first need to select an image by uploading or selecting one from the media library for each Teaser link. <\/p>\n\n\n

\n
\"An<\/figure>\n<\/div>\n\n\n

Once you have added your image, you should see a new field appear for your link. Type your desired link text, then click the link icon to add your URL.<\/p>\n\n\n

\n
\"A<\/figure>\n<\/div>\n\n\n

Customize the number of Teaser Links by moving the slider or by typing the number in the block tab of the inspector panel. You can have between 1-3 Teaser Links per page.<\/p>\n\n\n

\n
\"Inspector<\/figure>\n<\/div>\n\n