Do you want to create circle text in WordPress? This feature lets you wrap text around a circular shape, adding a dynamic and visually appealing element to your design that can capture attention and enhance creativity.
With the Advanced Typography block from Nexter Blocks, you can create circular text in WordPress directly in the block editor.
To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block, click here.
Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.
Best Used For:
- Hero section badges or taglines that use a circular text layout to draw visual attention
- Logo areas or stamp-style designs where text wraps around a circular graphic
- Creative agency or portfolio pages where curved text reinforces a distinctive visual identity
To do this, add the Advanced Typography block to the page and follow the steps:
1. In the Advanced Typography tab, select Normal from the Select Option section.
2. Then add the text in the Text field.
3. Make sure to select Center from the Alignment section to keep the circle text centered on the canvas.
4. After that, enable the Circular Text toggle from the Circular Text tab. The text will immediately wrap into a circular shape.
Now you will see the circle text on the page.
You will also find additional options to customize the circular layout.
From the Custom Radius section, change the circle radius value to control how tight or wide the curve is. Use a smaller radius for compact badge-style text and a larger radius when the circular text surrounds a central graphic or image.
From the Reverse Direction toggle, reverse the direction of the curved text so it arcs below the center line instead of above. Use this when your design places the text at the bottom of the circle rather than the top.
For text designs that move across the page, see How to Create Marquee Text Effect in WordPress? to add a scrolling text animation using Nexter Blocks.
For typographic effects that animate as visitors scroll or interact with the page, How to Add Animated Text in WordPress? covers the Animated Text block in Nexter Blocks.
