WordPress
Full Site Editing

Home » WordPress blocks for full site editing » Site logo

Site logo

You can use the site logo block to upload a new logo image or select an image from the media library. You can resize the image using drag handles. All copies of the site logo will display the same image.

Block category: Theme.
Added in: WordPress 5.8

Style options

 Default or rounded.

Sidebar settings

  • Image width. The default width is 120px.
  • Link to home page
  • Open in new tab
  • Use as site icon
  • Advanced: Additional CSS classes

Toolbar settings

Left, right, and center align. Replace image. Crop image. Duotone.

Example

The site logo block is one of the new blocks in WordPress 5.8. The block has two resize handles in the editor, and toolbar options for aligning left, center and right.

HTML Markup

<!-- wp:site-logo /-->

Output

<a href="http://localhost:8888/" class="custom-logo-link" rel="home"><img loading="lazy" width="200" height="200" src="..." class="custom-logo" alt="..." srcset="..."></a>

You can place the site logo inside the navigation block.