Custom Page Links

<strong>Basic metabox</strong> When first visiting a page, an empty metabox will be shown. Click the blue <em>Plus</em> icon to insert a link.

<strong>Filled metabox</strong> If one or more links have been added to a page, the metabox will show the list of links. The link image is shown on hover.

<strong>Add link</strong> This modal dialog will appear when the blue <em>Plus</em> icon is clicked. Fill in the fields and click the <em>Save</em> button. To insert a link to a page / post, click the <em>Pages</em> icon, to insert a link to a media object, click the <em>Media</em> icon. To pick the image to use for the link from the media picker, click the <em>Image</em> icon next to the input field.

<strong>Edit link</strong> When clicking the edit icon next to an existing link. The fields will be pre-filled. Click <em>Save</em> to update the link.

<strong>Delete link</strong> When deleting a link, the user will be asked to confirm the action. The link will be <em>permanently</em> deleted, when confirmed.

<strong>Usage</strong> Example usage of the ShortCode in a widget. The links are listed, and their image is shown next to the link.