{"id":52,"date":"2017-11-15T09:25:18","date_gmt":"2017-11-15T09:25:18","guid":{"rendered":"https:\/\/holithemes.com\/wp-css-shapes\/?p=52"},"modified":"2017-11-15T09:25:18","modified_gmt":"2017-11-15T09:25:18","slug":"shortcodes","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"

Shortcode name :\u00a0 shape<\/span><\/p>\n

e.g.<\/p>\n

[shape id=99]<\/pre>\n
id<\/span>\u00a0attribute to add image ID ( How to find image ID<\/a> )<\/p>\n
i.e. Add image id using “id” attribute.<\/p>\n
Shortcode Attributes<\/h3>\n
id\u00a0<\/span> –\u00a0 add Image ID.<\/p>\n
float\u00a0<\/span> –\u00a0 make the image float left or right (\u00a0 default float to left ).<\/p>\n
margin\u00a0<\/span> –\u00a0 add space between image and content ( default to 1em ) , can add in css units px, em, %<\/p>\n
width\u00a0<\/span> –\u00a0 Width of the image.<\/p>\n
height\u00a0<\/span> –\u00a0 height of the image.<\/p>\n
class\u00a0<\/span> –\u00a0 add class name’s to image.<\/p>\n
There are some predefined class<\/p>\n
\n
img-50<\/strong>\u00a0 –\u00a0 add max width of image to 50%<\/div>\n
img-60<\/strong>\u00a0 –\u00a0\u00a0add max width of image to 60%<\/div>\n
img-70<\/strong>\u00a0 –\u00a0\u00a0add max width of image to 70%<\/div>\n
img-80<\/strong>\u00a0 –\u00a0\u00a0add max width of image to 80%<\/div>\n
img-90<\/strong>\u00a0 –\u00a0\u00a0add max width of image to 90%<\/div>\n
img-100<\/strong>\u00a0 –\u00a0\u00a0add max width of image to 100%<\/div>\n<\/div>\n
\n
\n
auto-h<\/strong>\u00a0 –\u00a0 add height: auto for that image,<\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0autoh or auto-h both works.<\/div>\n<\/div>\n<\/div>\n
[shape id=99 float=\"right\" width=\"500px\" class=\"img-80\" ]<\/pre>\n
How to \u2013 WP CSS Shapes<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Shortcode name :\u00a0 shape e.g. id\u00a0attribute to add image ID ( How to find image ID ) i.e. Add image id using “id” attribute. Shortcode Attributes id\u00a0 –\u00a0 add Image ID. float\u00a0 –\u00a0 make the image float left or right (\u00a0 default float to left ). margin\u00a0 –\u00a0 add space between image and content ( …<\/p>\n
  Shortcodes<\/span> Read More »<\/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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-52","post","type-post","status-publish","format-standard","hentry","category-doc"],"yoast_head":"\nShortcodes - 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\/shortcodes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shortcodes - WP-Shapes\" \/>\n<meta property=\"og:description\" content=\"Shortcode name :\u00a0 shape e.g. id\u00a0attribute to add image ID ( How to find image ID ) i.e. Add image id using “id” attribute. Shortcode Attributes id\u00a0 –\u00a0 add Image ID. float\u00a0 –\u00a0 make the image float left or right (\u00a0 default float to left ). margin\u00a0 –\u00a0 add space between image and content ( … Shortcodes Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"WP-Shapes\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-15T09:25:18+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\/shortcodes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/\"},\"author\":{\"name\":\"holithemes\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\"},\"headline\":\"Shortcodes\",\"datePublished\":\"2017-11-15T09:25:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/\"},\"wordCount\":154,\"articleSection\":[\"doc\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/\",\"url\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/\",\"name\":\"Shortcodes - WP-Shapes\",\"isPartOf\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website\"},\"datePublished\":\"2017-11-15T09:25:18+00:00\",\"author\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae\"},\"breadcrumb\":{\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/holithemes.com\/plugins\/wp-shapes\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\"}]},{\"@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":"Shortcodes - 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\/shortcodes\/","og_locale":"en_US","og_type":"article","og_title":"Shortcodes - WP-Shapes","og_description":"Shortcode name :\u00a0 shape e.g. id\u00a0attribute to add image ID ( How to find image ID ) i.e. Add image id using “id” attribute. Shortcode Attributes id\u00a0 –\u00a0 add Image ID. float\u00a0 –\u00a0 make the image float left or right (\u00a0 default float to left ). margin\u00a0 –\u00a0 add space between image and content ( … Shortcodes Read More »","og_url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/","og_site_name":"WP-Shapes","article_published_time":"2017-11-15T09:25:18+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\/shortcodes\/#article","isPartOf":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/"},"author":{"name":"holithemes","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae"},"headline":"Shortcodes","datePublished":"2017-11-15T09:25:18+00:00","mainEntityOfPage":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/"},"wordCount":154,"articleSection":["doc"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/","url":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/","name":"Shortcodes - WP-Shapes","isPartOf":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#website"},"datePublished":"2017-11-15T09:25:18+00:00","author":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/#\/schema\/person\/8f88055f5b6caa99de4c77c2589d30ae"},"breadcrumb":{"@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/holithemes.com\/plugins\/wp-shapes\/shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/holithemes.com\/plugins\/wp-shapes\/"},{"@type":"ListItem","position":2,"name":"Shortcodes"}]},{"@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\/52","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=52"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/wp-shapes\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}