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

download

(requires PHP 5.3, WordPress 3.9)

• SVG_Logo_and_Text_Effects_More_Shapes_extension-1.2.1-wordpress-plugin.zip - 1.2.1
• SVG_Logo_and_Text_Effects_More_Shapes_extension-1.2.0-wordpress-plugin.zip - 1.2.0
• SVG_Logo_and_Text_Effects_More_Shapes_extension-1.1.1-wordpress-plugin.zip - 1.1.1
• SVG_Logo_and_Text_Effects_More_Shapes_extension-1.1.0-wordpress-plugin.zip - 1.1.0
• SVG_Logo_and_Text_Effects_More_Shapes_extension-1.0.1-wordpress-plugin.zip - 1.0.1
• SVG_Logo_and_Text_Effects_More_Shapes_extension-1.0.0-wordpress-plugin.zip - 1.0.0

support

https://www.dashed-slug.net/forums/forum/slate-shapes-extension-support/

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]

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]

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]