WP SHAPES

Description

Add transparent image using this plugin shortcode makes the inline content wrap around the images on one side left or right.

Instead of content looks like a box shape, now content looks in a shape based on image

for more information and to get an idea please check the demo.

Documentation, Demo, Examples

Happy to say that, This is the first WordPress plugin released in public, based on CSS Shapes

note

This plugin is build based on CSS Shapes
It a new css feature. Currently 80% of the usage browsers supports this feature.
And some other browsers are in development. Expect to launch soon.

If browser supports then content shape will appear.
If browser not supports then content appear in normal way. like box shape

Enable SVG Images

By default WordPress not supports uploading SVG images.
At plugin setting page, We can enable upload SVG Images.

Documentation

Its easy to get started with WP-Shapes plugin

step-1 : upload image and get image id

Upload images from Dashboard

Media -> add New – and upload images

after uploading images, WordPress adds an ID for each image.

to get ID of images

Media -> Media Library

set the image to view as list instead of grid view

then at image when hover the mouse

can notice at bottom left corner with an url

at there we can notice post=

more info

step-2: Add shortcode and its attributes

Add shortcode in WordPress post edit with a attribute

[shape id=40]

id=40, 40 is the image id.

more info

Adding svg images

WordPress defaults to not support uploading SVG images

If you like to add svg images, at wp admin
go to menu – wp css shapes – and then checkmark – enable svg images
and save changes

more info

Screenshots

  • Enable SVG Images
  • Add shortcode - e.g.
  • Result
  • sample 1
  • sample 2
  • sample 3
  • Find image ID
  • If browsers supports
  • If browsers not supports

Installation

using FTP or similar

  • unzip wp-shapes file and
  • Upload “wp-shapes” folder to the “/wp-content/plugins/” directory.
  • Activate the plugin through the “Plugins” menu in WordPress.

From Dashboard ( WordPress admin )

  • plugins -> Add New
  • search for ‘wp shapes’
  • click on Install Now and then Active.

FAQ

Installation Instructions

using FTP or similar

  • unzip wp-shapes file and
  • Upload “wp-shapes” folder to the “/wp-content/plugins/” directory.
  • Activate the plugin through the “Plugins” menu in WordPress.

From Dashboard ( WordPress admin )

  • plugins -> Add New
  • search for ‘wp shapes’
  • click on Install Now and then Active.

Contributors & Developers

“WP SHAPES” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP SHAPES” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • Initial release.