---
title: "How to Create a Circle Menu in WordPress?"
url: https://nexterwp.com/docs/create-a-circle-menu-in-wordpress/
date: 2024-11-29
modified: 2026-04-14
author: "Aditya Sharma"
description: "Creating a circle menu on your WordPress website can give it a special, standout feature. It's a unique addition that adds a different touch to your site, making it more..."
image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Create-a-Circle-Menu-in-WordPress_-1024x519.jpg
word_count: 272
---

# How to Create a Circle Menu in WordPress?

## Key Takeaways

- Nexter Blocks Circle Menu block adds a circle menu to a WordPress website and requires Nexter Blocks to be installed and activated.
- Circle Menu block uses the Layout section to select Circle, the Direction dropdown to set the open direction, and the Menu List section to add menu items.
- Extra Options tab controls Circle Radius, Icon Delay (ms), Menu Open Speed (ms), Icon Step In (ms), Icon Step Out (ms), and Icon Trigger with Hover or Click.

Creating a circle menu on your WordPress website can give it a special, standout feature. It's a unique addition that adds a different touch to your site, making it more visually appealing and engaging for visitors.

With the Circle Menu block from the Nexter Blocks, you can easily add a circle menu on your WordPress website.

*To check the complete feature overview documentation of the Nexter Blocks Circle Menu block,* [click here](https://nexterwp.com/docs/add-a-circle-menu-in-wordpress/).

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-container/)

Add the Circle Menu block to the page and follow the steps -

1. Select **Circle** from the **Layout** section.

![](https://nexterwp.com/wp-content/uploads/2024/11/circle-menu-layout-circle-new-1.png)

2. Then, from the **Direction** dropdown, select the appropriate menu open direction.

3. In the **Menu List** section, add the menu items.

Now, you should be able to see a beautiful circle menu.

From the **Extra Options** tab, you can fine-tune the circle menu further. 

You can manage the circle menu radius from the **Circle Radius** field.

From the **Icon Delay (ms)** section, you can delay the menu closing. 

Then, from the **Menu Open Speed (ms)** section, you can manage the menu opening speed.

From the **Icon Step In (ms)** and **Icon Step Out (ms)** sections, you can manage menu item step in and step out duration.

Then, from the **Icon Trigger** section, you can select the menu trigger type. Here, you’ll find two options - 

**Hover** - To open the circle menu on hover.

**Click** - To open the circle menu on click.

You can select different transition effects from the **Icon Transition** dropdown.