Wrap Inline Content around image on one side.

HoliThemes

<p>Add transparent image using this plugin shortcode makes the inline content wrap around the images on one side left or right.</p>
<p>Instead of content looks like a box shape, now content looks in a shape based on image</p>
<p>for more information and to get an idea please check the demo.</p>
<p><a href="https://holithemes.com/wp-shapes/" rel="nofollow ugc">Documentation, Demo, Examples</a></p>
<p>Happy to say that, This is the first WordPress plugin released in public, based on CSS Shapes</p>
<h4>note</h4>
<p>This plugin is build based on CSS Shapes<br />
It a new css feature. Currently 80% of the usage browsers <a href="https://caniuse.com/#feat=css-shapes" rel="nofollow ugc">supports</a> this feature.<br />
And some other browsers are in development. Expect to launch soon.</p>
<p>If browser supports then content shape will appear.<br />
If browser not supports then content appear in normal way. like box shape</p>
<h4>Enable SVG Images</h4>
<p>By default WordPress not supports uploading SVG images.<br />
At plugin setting page, We can enable upload SVG Images.</p>
<h3>Documentation</h3>
<p>Its easy to get started with WP-Shapes plugin</p>
<h4>step-1 : upload image and get image id</h4>
<p>Upload images from Dashboard</p>
<p>Media -> add New  – and upload images</p>
<p>after uploading images, WordPress adds an ID for each image.</p>
<p>to get ID of images</p>
<p>Media  ->  Media Library</p>
<p>set the image to view as list instead of grid view</p>
<p>then at image when hover the mouse</p>
<p>can notice at bottom left corner with an url</p>
<p>at there we can notice post=</p>
<p><a href="https://holithemes.com/wp-shapes/how-to-find-image-id-wordpress/" rel="nofollow ugc">more info</a></p>
<h4>step-2: Add shortcode and its attributes</h4>
<p>Add shortcode in WordPress post edit with a attribute</p>
<p>[shape id=40]</p>
<p>id=40, 40 is the image id.</p>
<p><a href="https://holithemes.com/wp-shapes/shortcodes/" rel="nofollow ugc">more info</a></p>
<h4>Adding svg images</h4>
<p>WordPress defaults to not support uploading SVG images</p>
<p>If you like to add svg images, at wp admin<br />
go to menu  – wp css shapes – and then checkmark – enable svg images<br />
and save changes</p>
<p><a href="https://holithemes.com/wp-shapes/enable-svg-images-upload/" rel="nofollow ugc">more info</a></p>


Alternatives to WP SHAPES

Top alternatives