{"id":35,"date":"2017-11-15T09:21:59","date_gmt":"2017-11-15T09:21:59","guid":{"rendered":"https:\/\/holithemes.com\/wp-css-shapes\/?p=35"},"modified":"2021-09-21T15:05:48","modified_gmt":"2021-09-21T09:35:48","slug":"s1","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/","title":{"rendered":"Sample &#8211; 1"},"content":{"rendered":"<p><strong> <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/tree.svg\" class=\" img-80 shape csh-image wp-image-65 csh-left \" alt=\"\" style=\"    shape-outside: url(https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/tree.svg) ; shape-margin: 1em;  margin-right: 1em;  \" \/> <\/strong> WP-Shapes is the WordPress plugin build based on CSS Shapes. In general cotent will wrap to the image in square\/rectangle shapes. WP-Shapes plugins make the content to wrap to the image size on one side. Before the CSS Shapes concept this kind of images we may seen in books. Now in the web we can see the content is wrapped with the image size. this makes content, image looks awesome. When we started this\u00a0 project all browsers are not supporting the CSS Shapes, so we got less active users. thats make us not continued the development well. but we like this concept, project very well. We plan to look in to this again. Thank you for checking in to WP-Shapes. In this first image, just added the shortcode to get the image. There are multiple shortcode attributes are there to adjust the image height,width. <span style=\"font-size: 1rem;\"><strong> <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/tree.svg\" class=\" img-80 shape csh-image wp-image-65 csh-left \" alt=\"\" style=\"  width: 300px;    shape-outside: url(https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/tree.svg) ; shape-margin: 1em;  margin-right: 1em;  \" \/>  <\/strong>In this second image adjusted the image width to 300px. for more information about the shorcode, please refer the shortcodes documentation. Here images are added using shortcode. below the shortcodes list that how this image are added. If you have any queries please contact us.<\/span><\/p>\n<hr \/>\n<p>First image shortcode<\/p>\n<pre style=\"position: relative;\">[shape id=65 class=\"img-80\"]<\/pre>\n<div class=\"open_grepper_editor\" title=\"Edit &amp; Save To Grepper\"><\/div>\n<p>Second image &#8211; shortcode<\/p>\n<pre style=\"position: relative;\">[shape id=65\u00a0 width=\"300px\" class=\"img-80\"]<\/pre>\n<div class=\"open_grepper_editor\" title=\"Edit &amp; Save To Grepper\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WP-Shapes is the WordPress plugin build based on CSS Shapes. In general cotent will wrap to the image in square\/rectangle shapes. WP-Shapes plugins make the content to wrap to the image size on one side. Before the CSS Shapes concept this kind of images we may seen in books. Now in the web we can &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\"> <span class=\"screen-reader-text\">Sample &#8211; 1<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","hentry","category-samples"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sample - 1 - WP-Shapes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sample - 1 - WP-Shapes\" \/>\n<meta property=\"og:description\" content=\"WP-Shapes is the WordPress plugin build based on CSS Shapes. In general cotent will wrap to the image in square\/rectangle shapes. WP-Shapes plugins make the content to wrap to the image size on one side. Before the CSS Shapes concept this kind of images we may seen in books. Now in the web we can &hellip; Sample &#8211; 1 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\" \/>\n<meta property=\"og:site_name\" content=\"WP-Shapes\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-15T09:21:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-21T09:35:48+00:00\" \/>\n<meta name=\"author\" content=\"holithemes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"holithemes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\"},\"author\":{\"name\":\"holithemes\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\"},\"headline\":\"Sample &#8211; 1\",\"datePublished\":\"2017-11-15T09:21:59+00:00\",\"dateModified\":\"2021-09-21T09:35:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\"},\"wordCount\":210,\"articleSection\":[\"samples\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\",\"url\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\",\"name\":\"Sample - 1 - WP-Shapes\",\"isPartOf\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website\"},\"datePublished\":\"2017-11-15T09:21:59+00:00\",\"dateModified\":\"2021-09-21T09:35:48+00:00\",\"author\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\"},\"breadcrumb\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sample &#8211; 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website\",\"url\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/\",\"name\":\"WP-Shapes\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\",\"name\":\"holithemes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a7b4e36d904a9e49a8b38b6c6a3649e4eef1a5ee0248c5830953e43335a27d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a7b4e36d904a9e49a8b38b6c6a3649e4eef1a5ee0248c5830953e43335a27d8?s=96&d=mm&r=g\",\"caption\":\"holithemes\"},\"sameAs\":[\"http:\/\/holithemes.com\/plugins\/wp-shapes\"],\"url\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/author\/holithemes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sample - 1 - WP-Shapes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/","og_locale":"en_US","og_type":"article","og_title":"Sample - 1 - WP-Shapes","og_description":"WP-Shapes is the WordPress plugin build based on CSS Shapes. In general cotent will wrap to the image in square\/rectangle shapes. WP-Shapes plugins make the content to wrap to the image size on one side. Before the CSS Shapes concept this kind of images we may seen in books. Now in the web we can &hellip; Sample &#8211; 1 Read More &raquo;","og_url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/","og_site_name":"WP-Shapes","article_published_time":"2017-11-15T09:21:59+00:00","article_modified_time":"2021-09-21T09:35:48+00:00","author":"holithemes","twitter_card":"summary_large_image","twitter_misc":{"Written by":"holithemes","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/#article","isPartOf":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/"},"author":{"name":"holithemes","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae"},"headline":"Sample &#8211; 1","datePublished":"2017-11-15T09:21:59+00:00","dateModified":"2021-09-21T09:35:48+00:00","mainEntityOfPage":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/"},"wordCount":210,"articleSection":["samples"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/","url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/","name":"Sample - 1 - WP-Shapes","isPartOf":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website"},"datePublished":"2017-11-15T09:21:59+00:00","dateModified":"2021-09-21T09:35:48+00:00","author":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae"},"breadcrumb":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/s1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/holithemes.com\/plugins\/wp-shapes\/"},{"@type":"ListItem","position":2,"name":"Sample &#8211; 1"}]},{"@type":"WebSite","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website","url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/","name":"WP-Shapes","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/holithemes.com\/plugins\/wp-shapes\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae","name":"holithemes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a7b4e36d904a9e49a8b38b6c6a3649e4eef1a5ee0248c5830953e43335a27d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a7b4e36d904a9e49a8b38b6c6a3649e4eef1a5ee0248c5830953e43335a27d8?s=96&d=mm&r=g","caption":"holithemes"},"sameAs":["http:\/\/holithemes.com\/plugins\/wp-shapes"],"url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/author\/holithemes\/"}]}},"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":3,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts\/35\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}