Curved Text

A very simple shortcode series to create a curved text in WordPress using Arctext.js

Examples:

[arctext type=’p’ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’500′ dir =’-1′ rotate=’false’]

[arctext type=’div’ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’300′ dir =’1′]

[arctext type=’h3′ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’200′ ]

• Type : Type of element. Ex: p, span, h1, h2, h3, h4, div, ..
• Title: Text to be displayed.
• Class: Name of the class. It can be defined to style the class from the CSS file.
• Radius: It should be a number. Ex: 100, 500.
• Dir: Change the direction. It can be -1 or 1.
• Rotate: Non-rotated / rotated letters.

References:

• https://github.com/codrops/Arctext

1. Upload the plugin files to the wp-content/plugins/curved-text directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Done

How can I use the plugin?

Easy. Copy the shortcode in your post / post. That is all.

1. 

   Curved with radius of 300. Rotate false and non-rotated letters

2. 

   Curved with radius of 200. Changed direction.

0.1

• The first version plugin