Extends the WordPress SLATE plugin to add more SVG shapes. Shapes are essentially SVG templates that allow more complex text effects.

download

Visit the download area to get this extension!

examples

See below for some examples of how to use the shapes included in this extension.

stamp shape

Introducing the stamp shape: Use this to create circular stamps. Text can be placed on the periphery and at the center. Now you have a stylish way to stress messages such as "approved", "passed", "free", "verified", etc.

Note: If you choose to skew the shape around the x-axis (_skew_x_deg argument), then this will only work in browsers that support CSS 3D transforms.

[slate_stamp
	_font_family="Holtwood One SC"
	_font_size="20px"
	_stroke="#dd3333"
	_skew_x_deg="20"
	angle="-25"
	upper_text="Seal of Approval"
	lower_text="SVG you can trust"
	outline_color="#b21818"
	fill="color"
	fill_color_color="#dd3333"
	filter_shadow_radius="8"
	filter_shadow_xoff="8"
	filter_shadow_yoff="8"]
	
	PASSED
[/slate_stamp]
PASSED PASSED Seal of Approval SVG you can trust PASSED  PASSED

arc shape

The arc shape lets you write text that is shaped like an arc.

[slate_arc
	_font_family="Rye"
	_font_size="36pt"
	_stroke="#000000"
	fill="color"
	width="200"
	height="60"
	fill_color_color="#dd3333"
	filter_shadow_radius="4"
	filter_shadow_xoff="3"
	filter_shadow_yoff="3"]

	SALOON
[/slate_arc]
SALOON SALOON SALOON  SALOON

star shape

The star shape lets you write text inside a star! You get to pick the inner and outer radius, number of tips, etc. Works great with glow animations for even more eye-catchiness!

[slate_star
	_font_family="Acme"
	_font_size="36pt"
	_stroke="#dd3333"
	_stroke_width="3px"
	tips="20"
	radius1="100"
	radius2="125"
	angle="15"
	outline_color="#dd3333"
	fill_color="#ffff00"
	fill="gradient_radial"
	fill_gradient_radial_color="#dd9933"
	fill_gradient_radial_xcenter="100%"
	fill_gradient_radial_ycenter="100%"
	filter_glow_radius="5"
	filter_glow_radiusmax="15"
	filter_glow_duration="2"]
	
	FREE!

[/slate_star]
FREE! FREE! FREE! FREE!

 

SLATE More Shapes extension

Updated on 2017-08-25T15:46:13+00:00, by alexg.