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

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.

Reviews

SO glad I found this plugin!!!!!

Vortex11 April 2, 2024

I am so glad I found this plugin. I have a client who wanted to have fluid text wrapping around images on their page, like Microsoft Word. In my 25 years of doing this, I’ve never had that request before so it was a fun challenge. Anyway, after finding that CSS shapes would be my answer, I found this abandoned plugin. It’s bare bones but it does exactly what I want. I also had to wrap my pictures in vector shapes in Inkscape and save them as SVG’s, and I also added a snippet to restrict SVG uploads to Admins and Editors only. But, put it all together and you can fluidly wrap text around a raster image. Hope the author does at least a minor update to keep this in the repository.

Contributors & Developers

Changelog

1.0

• Initial release.