{"id":36,"date":"2018-04-14T10:43:08","date_gmt":"2018-04-14T10:43:08","guid":{"rendered":"https:\/\/www.holithemes.com\/plugins\/wca\/?p=36"},"modified":"2018-04-14T10:43:08","modified_gmt":"2018-04-14T10:43:08","slug":"customize-style-1","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/customize-style-1\/","title":{"rendered":"Customize style-1"},"content":{"rendered":"\n<p>Style-1 &#8211; is image style<\/p>\n\n\n\n\r\n    <div data-htclick=\"style-1-sc\" class=\"wca_shortcode ht-click-analytics\" style=\"  z-index: 9999; cursor: pointer; display: inline; \" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/customize-style-1\/, Hello, How are you', '_blank'); \" >\r\n    <div class=\"style-1 \" style=\"display: inline-block;\">\r\n        <img decoding=\"async\" class=\"ht-click-analytics\" data-htclick=\"style-1-sc\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-icon-square.svg \" data-wca=\"style-1\" style=\" height: 50px;  \" alt=\"WhatsApp Chat\">\r\n    <\/div>\r\n    <\/div>      \r\n    \n\n\n\n<p><\/p>\n\n\n\n<p>when no image URL is added, default image will load &#8211; Green Square WhatsApp icon<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"395\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/Style-1-1024x395.png\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/Style-1-1024x395.png 1024w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/Style-1-300x116.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/Style-1-768x296.png 768w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/Style-1.png 1078w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Style-1 &#8211; Add own Image \/ GIF<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image URL<\/h2>\n\n\n\n<p>Add the Image URL,<\/p>\n\n\n\n<p>Add the image hosted on your website or hosted somewhere else.<\/p>\n\n\n\n<p>If image uploaded in WordPress site &#8211;&nbsp;To get the image url<\/p>\n\n\n\n<p>From Dashboard -&gt; Media<\/p>\n\n\n\n<p>click on the image, and we can find the image url&nbsp; ( URL field&nbsp; &#8211; right side of the image or after the image &#8211; based on screen resolution ).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image Height \/ Width<\/h2>\n\n\n\n<p>It better to create an image \/ resize with perfect size, instead of loading big image and reduce the image size.<\/p>\n\n\n\n<p>Add Image with pefect size, and keep height, width field blank<\/p>\n\n\n\n<p>If not then add only height or width for better result ( Height preferred )<\/p>\n\n\n\n<p>Add units after the image size. e.g.&nbsp; &nbsp;100px<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Extra style-blocks<\/h2>\n\n\n\n<p>Style-3 is also similar to style-1.<\/p>\n\n\n\n<p>some times we may plan like in mobile device show one image, and in desktop show another image, or different image in WooCommerce single product page,&nbsp; or while using shortcodes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Where to host Image<\/h2>\n\n\n\n<p>* Can Add image in your WordPress Media Uploads and get the URL<\/p>\n\n\n\n<p>so many Image Hosting sites are there.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Get \/ Create Images<\/h2>\n\n\n\n<p>We just added some list, We are responsible on how to use the image, please read there license policy on how to use.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.whatsappbrand.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">WhatsApp Brand \u2013 Official Site<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.iconfinder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ICONFINDER<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">FLATICON<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/imgur.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Imgur<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/giphy.com\/\">GIPHY<\/a>&nbsp; \u2013 GIF Images<\/p>\n\n\n\n<p>( can find so many image with license of no attribution is required )<\/p>\n\n\n\n<p><a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flickr<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Unsplash<\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/pixabay.com\/\" target=\"_blank\">pixbay<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/pikwizard.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">pikwizard<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">some of the places to create image<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.picmonkey.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">PicMonkey<\/a><\/p>\n\n\n\n<p>offline, there are so may apps available<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>To reduce the image request &#8211; can add <strong>Data URI<\/strong> base64 encoding ( normal image link may be better, in some cases Data URI&nbsp; is like extra load )<\/p>\n\n\n\n<p>or &#8211; best to use inline <strong>SVG<\/strong> &#8211; at style -2, 4, 5<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>We are not responsible for any thing from the links ( out side of this website ) added above<\/p>\n\n\n\n<p>and please check there licence, terms of use.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\r\n    <div data-htclick=\"style-1-sc\" class=\"wca_shortcode ht-click-analytics\" style=\" position:fixed;;right:10px;bottom:10px;; z-index: 9999; cursor: pointer; display: inline; \" onclick=\" window.open('https:\/\/api.whatsapp.com\/send?phone=919494429789&text=https:\/\/holithemes.com\/plugins\/click\/customize-style-1\/, Hello, How are you', '_blank'); \" >\r\n    <div class=\"style-1 \" style=\"display: inline-block;\">\r\n        <img decoding=\"async\" class=\"ht-click-analytics\" data-htclick=\"style-1-sc\" src=\" https:\/\/holithemes.com\/plugins\/click\/wp-content\/plugins\/ht-click\/.\/assets\/img\/whatsapp-icon-square.svg \" data-wca=\"style-1\" style=\" height: 50px;  \" alt=\"WhatsApp Chat\">\r\n    <\/div>\r\n    <\/div>      \r\n    \n","protected":false},"excerpt":{"rendered":"<p>Style-1 &#8211; is image style when no image URL is added, default image will load &#8211; Green Square WhatsApp icon Style-1 &#8211; Add own Image \/ GIF Image URL Add the Image URL, Add the image hosted on your website or hosted somewhere else. If image uploaded in WordPress site &#8211;&nbsp;To get the image url &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/click\/customize-style-1\/\"> <span class=\"screen-reader-text\">Customize style-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-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-docs","category-styles"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}