Social Icons

Display icons linking to your social profiles or sites.

• Name: core/social-links
• Category: widgets
• API Version: 3
• Block Type: Static (saved in post content)
• Keywords: links

Block Relationships

Allowed inner blocks:
– core/social-link

Attributes

Defined via the attributes property in block.json.

Supports

Defined via the supports property in block.json.

• align: "left", "center", "right"
• anchor: true
• html: false
• layout:
  • allowSwitching: false
  • allowInheriting: false
  • allowVerticalAlignment: false
  • default: {"type":"flex"}
• background:
  • gradient: true
• color:
  • enableContrastChecker: false
  • background: true
  • gradients: true
  • text: false
• spacing:
  • blockGap: ["horizontal","vertical"]
  • margin: true
  • padding: true
  • units: ["px","em","rem","vh","vw"]
• interactivity:
  • clientNavigation: true
• shadow: true
• contentRole: true
• listView: true

Context

Defined via the usesContext and providesContext properties in block.json.

Provides context:

• openInNewTab → attribute openInNewTab
• showLabels → attribute showLabels
• iconColor → attribute iconColor
• iconColorValue → attribute iconColorValue
• iconBackgroundColor → attribute iconBackgroundColor
• iconBackgroundColorValue → attribute iconBackgroundColorValue

Block Styles

Defined via the styles property in block.json.

Block Markup

This is a static block. The markup is saved directly in the post content.

<!-- wp:social-links -->
<ul class="wp-block-social-links"><!-- wp:social-link {"service":"mastodon","url":"https://mastodon.social/@marcuskaz"} /--></ul>
<!-- /wp:social-links -->

Source

• block.json (reference)
• Source directory — browse the edit and save source files, index.php, and more.