{"id":33,"date":"2017-11-15T09:22:35","date_gmt":"2017-11-15T09:22:35","guid":{"rendered":"https:\/\/holithemes.com\/wp-css-shapes\/?p=33"},"modified":"2021-09-21T15:08:04","modified_gmt":"2021-09-21T09:38:04","slug":"sample-2","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/","title":{"rendered":"Sample &#8211; 2"},"content":{"rendered":"<p><strong> <img loading=\"lazy\" decoding=\"async\" width=\"639\" height=\"640\" src=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/leafs.png\" class=\" img-80 shape csh-image wp-image-56 csh-left \" alt=\"\" style=\"    shape-outside: url(https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/leafs.png) ; shape-margin: 1em;  margin-right: 1em;  \" srcset=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/leafs.png 639w, https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/leafs-300x300.png 300w, https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-content\/uploads\/2017\/11\/leafs-150x150.png 150w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/> <\/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.<\/p>\n<hr \/>\n<p>Shotcode used in this sample<\/p>\n<pre style=\"position: relative;\">[shape id=56\u00a0 class=\"img-80\"]<\/pre>\n<div class=\"open_grepper_editor\" title=\"Edit &amp; Save To Grepper\"><\/div>\n<p>&#8220;id&#8221; is the image id<\/p>\n<p>&#8220;img-80&#8221; is the predefined class added using &#8220;class&#8221; attribute.<\/p>\n<p>img-80\u00a0 &#8211;\u00a0 max width of the image is 80%<\/p>\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\/sample-2\/\"> <span class=\"screen-reader-text\">Sample &#8211; 2<\/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":[1],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sample - 2 - 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\/sample-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sample - 2 - 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; 2 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/\" \/>\n<meta property=\"og:site_name\" content=\"WP-Shapes\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-15T09:22:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-21T09:38:04+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\/sample-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/\"},\"author\":{\"name\":\"holithemes\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\"},\"headline\":\"Sample &#8211; 2\",\"datePublished\":\"2017-11-15T09:22:35+00:00\",\"dateModified\":\"2021-09-21T09:38:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/\"},\"wordCount\":154,\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/\",\"url\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/\",\"name\":\"Sample - 2 - WP-Shapes\",\"isPartOf\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website\"},\"datePublished\":\"2017-11-15T09:22:35+00:00\",\"dateModified\":\"2021-09-21T09:38:04+00:00\",\"author\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\"},\"breadcrumb\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sample &#8211; 2\"}]},{\"@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 - 2 - 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\/sample-2\/","og_locale":"en_US","og_type":"article","og_title":"Sample - 2 - 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; 2 Read More &raquo;","og_url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/","og_site_name":"WP-Shapes","article_published_time":"2017-11-15T09:22:35+00:00","article_modified_time":"2021-09-21T09:38:04+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\/sample-2\/#article","isPartOf":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/"},"author":{"name":"holithemes","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae"},"headline":"Sample &#8211; 2","datePublished":"2017-11-15T09:22:35+00:00","dateModified":"2021-09-21T09:38:04+00:00","mainEntityOfPage":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/"},"wordCount":154,"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/","url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/","name":"Sample - 2 - WP-Shapes","isPartOf":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website"},"datePublished":"2017-11-15T09:22:35+00:00","dateModified":"2021-09-21T09:38:04+00:00","author":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae"},"breadcrumb":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/sample-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/holithemes.com\/plugins\/wp-shapes\/"},{"@type":"ListItem","position":2,"name":"Sample &#8211; 2"}]},{"@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\/33","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=33"}],"version-history":[{"count":1,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts\/33\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/categories?post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/tags?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}