Skip to content
Link Extension for XFN documentation

Screenshots

The screens Link Extension for XFN adds to WordPress. Every screenshot has a text equivalent in the page that documents the task, so you never need the image to follow the instructions.

Screenshots come from the repeatable capture script (npm run screenshots:docs, which runs against a disposable WordPress Playground using the plugin’s demo blueprint).

Admin

Section titled “Admin”

Settings page with the Inspector Controls checkbox and the always-on Advanced panel note

Settings → Link Extension for XFN: the Inspector Controls toggle. The link popover’s Advanced panel is always on and has no setting. See Settings.

Editor

Section titled “Editor”

Link popover Advanced section showing the collapsible XFN area with a count badge and relationship button groups

Tag an inline link without leaving the popover. See Common tasks.

XFN Relationships sidebar panel showing radio and checkbox groups with selected relationship pills

Block-level links get a full sidebar panel. See Settings.

Editor pill summary listing the active XFN relationships for a link

Confirm active relationships at a glance.

Front end

Section titled “Front end”

Published XFN demo page with inline paragraph links and a button block section

The /xfn-demo/ page the Playground blueprint publishes: inline links and buttons carrying XFN relationships. See Playground preview.

Tooltip popover listing colleague, met, and co-worker relationship pills above a hovered XFN link

The frontend tooltip on WordPress 7.0+: hovering or focusing an XFN link shows its relationships as pills. See FAQ for the version gate.

WordPress Playground demo page showing XFN relationships on buttons, embeds, and inline links

The demo page in WordPress Playground, showing relationships across block types.

Browser developer tools showing an anchor element with XFN values in its rel attribute

The relationships live in the standard rel attribute. See Common tasks.

XFN Blogroll block grouping linked sites under relationship headings with counts

Turn your tagged links into a blogroll. See Common tasks.

Relationship Badge block showing a URL with its XFN relationship pills

Show how you know one specific site. See Common tasks.

Relationship Directory block with a search box, relationship filter buttons, and a filtered list of links

Browse every relationship on your site. See Common tasks.