{"id":353,"date":"2016-10-26T16:48:46","date_gmt":"2016-10-26T16:48:46","guid":{"rendered":"http:\/\/highfiveplugins.com\/?page_id=353"},"modified":"2018-09-30T09:59:20","modified_gmt":"2018-09-30T09:59:20","slug":"jquery-pin-it-button-for-images-documentation","status":"publish","type":"page","link":"https:\/\/highfiveplugins.com\/jpibfi\/jquery-pin-it-button-for-images-documentation\/","title":{"rendered":"jQuery Pin It Button For Images Documentation"},"content":{"rendered":"<p>jQuery Pin It Button For Images is a free plugin that allows your readers to easily pin images in your blog posts by simple hovering over them and clicking a button. It is highly customizable, so you can adjust it to your own needs. You can download it on the <a title=\"jQuery Pin It Button For Images\" href=\"http:\/\/wordpress.org\/plugins\/jquery-pin-it-button-for-images\/\" target=\"_blank\" rel=\"noopener\">WordPress plugin repository<\/a>. There is also a <a href=\"http:\/\/highfiveplugins.com\/downloads\/jquery-pin-it-button-for-images-pro\/\" target=\"_blank\" rel=\"noopener\">Pro version of the plugin<\/a> available.<\/p>\n<div id=\"toc_container\" class=\"toc_white no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#Selection_settings\"><span class=\"toc_number toc_depth_1\">1<\/span> Selection settings<\/a><ul><li><a href=\"#Enabled_and_disabled_classes\"><span class=\"toc_number toc_depth_2\">1.1<\/span> Enabled and disabled classes<\/a><\/li><li><a href=\"#Minimum_image_resolution\"><span class=\"toc_number toc_depth_2\">1.2<\/span> Minimum image resolution<\/a><\/li><\/ul><\/li><li><a href=\"#Visual_settings\"><span class=\"toc_number toc_depth_1\">2<\/span> Visual settings<\/a><ul><li><a href=\"#Pin_linked_images\"><span class=\"toc_number toc_depth_2\">2.1<\/span> Pin linked images<\/a><\/li><li><a href=\"#Transparency_value\"><span class=\"toc_number toc_depth_2\">2.2<\/span> Transparency value<\/a><\/li><li><a href=\"#Scale_Pin_Image_PRO_only\"><span class=\"toc_number toc_depth_2\">2.3<\/span> Scale Pin Image (PRO only)<\/a><\/li><\/ul><\/li><li><a href=\"#Downloading_an_older_version_of_the_plugin\"><span class=\"toc_number toc_depth_1\">3<\/span> Downloading an older version of the plugin<\/a><\/li><li><a href=\"#Troubleshooting\"><span class=\"toc_number toc_depth_1\">4<\/span> Troubleshooting<\/a><\/li><li><a href=\"#Common_issues_and_Frequently_Asked_Questions\"><span class=\"toc_number toc_depth_1\">5<\/span> Common issues and Frequently Asked Questions<\/a><ul><li><a href=\"#8220Something_went_wrong8221_when_pinning\"><span class=\"toc_number toc_depth_2\">5.1<\/span> &#8220;Something went wrong&#8221; when pinning<\/a><\/li><li><a href=\"#Can_I_set_up_an_image_to_be_a_repin_of_the_original_image\"><span class=\"toc_number toc_depth_2\">5.2<\/span> Can I set up an image to be a repin of the original image?<\/a><\/li><li><a href=\"#Empty_settings_page\"><span class=\"toc_number toc_depth_2\">5.3<\/span> Empty settings page<\/a><\/li><li><a href=\"#Plugin_does_not_work_on_mobile_devices\"><span class=\"toc_number toc_depth_2\">5.4<\/span> Plugin does not work on mobile devices<\/a><\/li><li><a href=\"#Enableddisabled_classes_don8217t_work_in_Visual_Composer\"><span class=\"toc_number toc_depth_2\">5.5<\/span> Enabled\/disabled classes don&#8217;t work in Visual Composer<\/a><\/li><li><a href=\"#8220Pin_It8221_button_is_visible_but_I_cannot_click_it\"><span class=\"toc_number toc_depth_2\">5.6<\/span> &#8220;Pin It&#8221; button is visible but I cannot click it<\/a><\/li><li><a href=\"#8220Pin_it8221_button_doesn8217t_show_up_on_non-img_elements\"><span class=\"toc_number toc_depth_2\">5.7<\/span> &#8220;Pin it&#8221; button doesn&#8217;t show up on non-img elements<\/a><\/li><li><a href=\"#No_8220Pin_it8221_button_on_a_slider\"><span class=\"toc_number toc_depth_2\">5.8<\/span> No &#8220;Pin it&#8221; button on a slider<\/a><\/li><li><a href=\"#Pin_It_button_does_not_bring_up_multiple_images_to_choose_from\"><span class=\"toc_number toc_depth_2\">5.9<\/span> Pin It button does not bring up multiple images to choose from<\/a><\/li><li><a href=\"#Two_8220Pin_It8221_buttons\"><span class=\"toc_number toc_depth_2\">5.10<\/span> Two &#8220;Pin It&#8221; buttons<\/a><\/li><li><a href=\"#Disable_Pin_it_button_from_social_media_icons\"><span class=\"toc_number toc_depth_2\">5.11<\/span> Disable Pin it button from social media icons<\/a><\/li><li><a href=\"#Broken_icon_on_the_button\"><span class=\"toc_number toc_depth_2\">5.12<\/span> Broken icon on the button<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<h2><span id=\"Selection_settings\">Selection settings<\/span><\/h2>\n<h3><span id=\"Enabled_and_disabled_classes\">Enabled and disabled classes<\/span><\/h3>\n<p>Enabled and disabled classes are an easy way to activate or deactive the &#8220;Pin it&#8221; button on certain images. Let&#8217;s see how it works.<\/p>\n<p>In this example I&#8217;ll use the <i>Disabled classes<\/i>, but the <i>Enabled classes<\/i> setting works the same way (except you use it to show the &#8220;Pin it&#8221; button only on certain images instead of hiding the button on certain images).<\/p>\n<p>Let&#8217;s start with the settings panel. Our current <i>Disabled classes<\/i> setting looks like the following:<br \/>\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-1068\" src=\"http:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/disabled_classes_setting_ex.jpg\" alt=\"\" width=\"594\" height=\"56\" srcset=\"https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/disabled_classes_setting_ex.jpg 594w, https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/disabled_classes_setting_ex-300x28.jpg 300w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/p>\n<p>Classes are separated by semicolons, so we have two classes currently available: <strong>wp-smiley<\/strong> and <strong>nopin<\/strong>. Let&#8217;s use the latter to disable the button on an image in a blog post. If you want to use another class, feel free to add it (make sure you separate it using a semicolon).<\/p>\n<p>In order to use the class you need to modify the class attribute of the image you want to disable. You can do that using one of two options:<\/p>\n<ul>\n<li>Using WordPress&#8217; image editor<\/li>\n<li>Using text editor<\/li>\n<\/ul>\n<p><strong>Using WordPress&#8217; image editor<\/strong><\/p>\n<ul>\n<li>Open WordPress&#8217; image editor<br \/>\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-1069\" src=\"http:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_example.jpg\" alt=\"\" width=\"482\" height=\"220\" srcset=\"https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_example.jpg 482w, https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_example-300x137.jpg 300w\" sizes=\"(max-width: 482px) 100vw, 482px\" \/><\/li>\n<li>Locate the <i>Image CSS Class<\/i> setting (it&#8217;s in the advanced options)<\/li>\n<li>Add the class to that setting (<strong>nopin<\/strong> in our case). If its value is not empty, make sure you add a space before the value you&#8217;re adding.<\/li>\n<li>After adding the value, the class setting should look like the following:<br \/>\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-1070\" src=\"http:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_css_class_example.jpg\" alt=\"\" width=\"875\" height=\"134\" srcset=\"https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_css_class_example.jpg 875w, https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_css_class_example-300x46.jpg 300w, https:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/image_editor_css_class_example-768x118.jpg 768w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><\/li>\n<li>Update the image (the button is in the right bottom corner).<\/li>\n<li>Save the post<\/li>\n<\/ul>\n<p><strong>Using text editor<\/strong><\/p>\n<ul>\n<li>Switch to the <em>Text<\/em> tab in the post editor.<\/li>\n<li>Locate the code of the image. It usually looks like the following:\n<pre>&lt;img class=\"alignright\" src=\"http:\/\/www.highfiveplugins.me\/wp-content\/image.png\" width=\"500\" height=\"250\" \/&gt;<\/pre>\n<\/li>\n<li>As you can see, the image already has the <i>class<\/i> attribute. If it doesn&#8217;t, you can add it by adding <strong>class=&#8221;&#8221;<\/strong> after &lt;img (make sure there&#8217;s a space before the <i>class<\/i> attribute)<\/li>\n<li>Now you can add the disabled class of your choice (in our example it&#8217;s the <strong>nopin<\/strong> class) to the image&#8217;s class attribute. After that modification the code of the image should look like two following:\n<pre>&lt;img class=\"alignright nopin\" src=\"http:\/\/www.highfiveplugins.me\/wp-content\/image.png\" width=\"500\" height=\"250\" \/&gt;<\/pre>\n<\/li>\n<li>Save the post<\/li>\n<\/ul>\n<p>Once you add the class to the image using one of the two described ways to do that, the image shouldn&#8217;t show the &#8220;Pin it&#8221; button anymore.<\/p>\n<p>If need be, you can do the process in reverse &#8211; first, find the class attribute of the image you want to delete, then choose one of the classes (if there are many), add it to the <i>Disabled classes<\/i> setting and save plugin&#8217;s settings. That will work too.<\/p>\n<p>If the image you want to disable the button on doesn&#8217;t have a class and you can&#8217;t add it (e.g. a plugin generates its code), you can (in most cases) disable it using the <i>Image selector<\/i> setting. Using that setting requires knowledge of jQuery and I couldn&#8217;t possibly cover it in a tutorial. If that&#8217;s the case, ask your web developer for help or use the support forum.<\/p>\n<h3><span id=\"Minimum_image_resolution\">Minimum image resolution<\/span><\/h3>\n<p>Minimum image resolution is a set of constraints that allows one to disable smaller images from showing the &#8220;Pin it&#8221; button. One can set different size constraints for small devices because on smaller devices images will be, inevitably, smaller. When checking the image against the constraints set, the size of the image on screen is taken into account. That means if an image is 1500 pixels high and wide &#8220;naturally&#8221; but on screen, its size is only 200 pixels high and wide, it will be treated as a 200&#215;200 image.<\/p>\n<p><strong>Example<\/strong><br \/>\nLet&#8217;s say you have an image at the bottom of every blog post, like a signature or an ad, and you would like to disable it. The easiest way to do that would be:<\/p>\n<ul>\n<li>Check the size of the image<\/li>\n<li>Choose the smaller number of the two (height and width)<\/li>\n<li>If the width is smaller, set the minimum width for small and large screens. If the height is smaller, set the minimum height for small and large screens. The value you use should be the width\/height of the image + 1<\/li>\n<li>Save settings and check if the image stopped showing the button<\/li>\n<\/ul>\n<h2><span id=\"Visual_settings\">Visual settings<\/span><\/h2>\n<h3><span id=\"Pin_linked_images\">Pin linked images<\/span><\/h3>\n<p>When checked, if you link an image to its full-resolution version, the plugin pins the full-resolution version. Linking an image to its full-resolution version can be done when adding an image. In the <em>Insert Media<\/em> screen, in the <em>Attachment Display Settings<\/em> section set the <em>Link to<\/em> property do <strong>Media File<\/strong>. That&#8217;s it.<br \/>\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-1654\" src=\"http:\/\/highfiveplugins.com\/wp-content\/uploads\/2016\/10\/Pin-linked-image.jpg\" alt=\"Pin linked image\" width=\"288\" height=\"188\" \/><\/p>\n<p>This setting produces HTML code that looks like the following:<\/p>\n<pre>&lt;a href=\"http:\/\/www.highfiveplugins.me\/wp-content\/image_large.jpg\"&gt;&lt;img class=\"alignright wp-image-58\" src=\"http:\/\/www.highfiveplugins.me\/wp-content\/image_small.jpg\" width=\"500\" height=\"250\" \/&gt;&lt;\/a&gt;<\/pre>\n<h3><span id=\"Transparency_value\">Transparency value<\/span><\/h3>\n<p>Transparency value is responsible for the hover effect over the image. Set it to 0 to disable the grey overlay when user hovers over the image.<\/p>\n<h3><span id=\"Scale_Pin_Image_PRO_only\">Scale Pin Image (PRO only)<\/span><\/h3>\n<p>When checked, the plugin will scale down the size of the &#8220;Pin it&#8221; button for smaller screens. The scaling down is simply making sure that the button won&#8217;t be too large on smaller screens. If you&#8217;re happy about the size of the button on mobile devices, leave this setting unchecked. Below is a table of max button height and width based on screen width. If the button is smaller than the size limit, it will be rendered full size.<\/p>\n<table>\n<thead>\n<tr>\n<th>Screen width<\/th>\n<th>Max button height\/width<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>up to 575px<\/td>\n<td>50px<\/td>\n<\/tr>\n<tr>\n<td>576px to 767px<\/td>\n<td>60px<\/td>\n<\/tr>\n<tr>\n<td>768px to 991px<\/td>\n<td>80px<\/td>\n<\/tr>\n<tr>\n<td>992px to 1199px<\/td>\n<td>110px<\/td>\n<\/tr>\n<tr>\n<td>1200px and more<\/td>\n<td>always full size<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span id=\"Downloading_an_older_version_of_the_plugin\">Downloading an older version of the plugin<\/span><\/h2>\n<p>Every released lite version of the plugin is available <a href=\"http:\/\/wordpress.org\/plugins\/jquery-pin-it-button-for-images\/developers\/\" target=\"_blank\" rel=\"noopener\">here<\/a>, in the &#8220;Other versions&#8221; section. To install it, first make sure you have deactivated and deleted the version you&#8217;re using currently. Then download the zip file of the version you would like to use. Now you need to install it using the <i>Plugin Upload<\/i> feature. You can read about it <a href=\"http:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners\/\" target=\"_blank\" rel=\"nofollow noopener\">here<\/a> in the <i>Install a Plugin using the WordPress Admin Plugin Upload<\/i> section.<\/p>\n<h2><span id=\"Troubleshooting\">Troubleshooting<\/span><\/h2>\n<p>If you have any issues with the plugin, report them in the <a href=\"http:\/\/wordpress.org\/support\/plugin\/jquery-pin-it-button-for-images\" target=\"_blank\" rel=\"noopener\">plugin&#8217;s support forum<\/a>. I do my best to help people who are experiencing issues with the plugin. If you&#8217;re a PRO user, you can report an issue using the email address you got after purchasing the plugin.<\/p>\n<p>Few things I would like you to do when reporting a problem:<\/p>\n<ul>\n<li>If you&#8217;re using a caching plugin (like W3 Total Cache) on your website, clear its cache. That might fix the issue.<\/li>\n<li><strong>One thread = one person + one problem.<\/strong><br \/>\nIf you have a problem, start a new thread. Don&#8217;t post in a thread started by someone else saying &#8220;I have the same problem&#8221;. Any &#8220;me too&#8221; posts will be ignored. Start a new thread and answer only there. If another problem will occur somewhere in the future, start a new thread instead of reviving the old one. This lets me manage the support forum and make sure everyone gets help.<\/li>\n<li><strong>Include a URL address of the website and make sure the plugin is activated.<\/strong><br \/>\nUnless it&#8217;s a settings page issue or an error that crashes the site, I need the URL of the website and the plugin activated for debugging. If the plugin works but things aren&#8217;t rendering as they should, let me know which browser you are using.<\/li>\n<li><strong>If your issue is resolved, please let me know.<\/strong><\/li>\n<\/ul>\n<h2><span id=\"Common_issues_and_Frequently_Asked_Questions\">Common issues and Frequently Asked Questions<\/span><\/h2>\n<h3><span id=\"8220Something_went_wrong8221_when_pinning\">&#8220;Something went wrong&#8221; when pinning<\/span><\/h3>\n<p>If you repeatedly get the message that says &#8220;Sorry! Something went wrong on our end. Please try again.&#8221; after trying to pin an image, in almost all cases it&#8217;s caused by the hosting of your website. It&#8217;s usually caused by some server settings that prevent Pinterest from downloading the image. Please email your hosting provider, describe that you&#8217;re unable to pin images from your site and ask them if they could fix it.<\/p>\n<h3><span id=\"Can_I_set_up_an_image_to_be_a_repin_of_the_original_image\">Can I set up an image to be a repin of the original image?<\/span><\/h3>\n<p>Yes, that feature is available in the PRO version of the plugin. You can read more <a href=\"http:\/\/highfiveplugins.com\/jpibfi\/pro-faq\/#Repinning_images\">here<\/a>.<\/p>\n<h3><span id=\"Empty_settings_page\">Empty settings page<\/span><\/h3>\n<p>If you&#8217;re using Cloudflare and have the settings page empty, there&#8217;s an easy fix for that. In Cloudflare&#8217;s &#8216;Speed&#8217; settings, please disable Auto Minify for JavaScript and purge the cache. If you&#8217;re using any other caching plugin, clear its cache too. Then clear your browser&#8217;s cache or switch to incognito mode. Now you should be able to see the settings page correctly. Sometimes you need to give it a few minutes after disabling Auto Minify and accessing the settings page.<\/p>\n<p>You can disable Auto Minify, adjust your settings and then enable Auto Minify again, which should work just fine. Cloudflare refuses to fix this issue and suggests what I suggested.<\/p>\n<p>If you&#8217;re up for it, you can keep Auto Minify enabled but disable it on the plugin&#8217;s JavaScript file using Page Rules. You can read about <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/218411427-Page-Rules-Tutorial\" target=\"_blank\" rel=\"noopener\">page rules here<\/a>. To do that, in Cloudflare&#8217;s Page Rules add a new rule with a URL address like this: <em>http:\/\/www.yoururladdress.com\/wp-content\/plugins\/jquery-pin-it-button-for-images\/js\/jpibfi.admin.js*<\/em>, add the <em>Disable Performance<\/em> setting and <em>Save and Deploy<\/em> the rule. Once you force refresh the plugin&#8217;s settings page everything should work properly.<\/p>\n<h3><span id=\"Plugin_does_not_work_on_mobile_devices\">Plugin does not work on mobile devices<\/span><\/h3>\n<p>The free version shows the &#8220;Pin it&#8221; button when user hovers over an image. That works perfectly fine for desktop machines. When it comes to mobile devices, in most cases it doesn&#8217;t work at all. On some devices the user has to tap the image for the &#8220;Pin it&#8221; button to show up. In other words, this solution is not perfect for mobile devices. That&#8217;s why I added &#8220;show always&#8221; mode that shows the &#8220;Pin it&#8221; button over images all the time. That mode is available only in the <a href=\"http:\/\/highfiveplugins.com\/downloads\/jquery-pin-it-button-for-images-pro\/\" target=\"_blank\" rel=\"noopener\">Pro version of the plugin<\/a>. If your audience is accessing your website using mobile devices, consider buying it.<\/p>\n<h3 id=\"enabled-disabled-classes-visual-composer\"><span id=\"Enableddisabled_classes_don8217t_work_in_Visual_Composer\">Enabled\/disabled classes don&#8217;t work in Visual Composer<\/span><\/h3>\n<p>If you&#8217;re using Visual Composer to add images (e.g. using the Image Element) and want to add or remove the Pin it button to\/from images, the enabled\/disabled classes settings won&#8217;t work. That&#8217;s because Visual Composer won&#8217;t add the class directly to the image element, but to its container instead. Because of that, the easiest way to make it work is to:<\/p>\n<ul>\n<li>Add class <em>nopin<\/em> to the Image Element or the whole gallery<\/li>\n<li>Change the image selector setting to: <code>.jpibfi_container img:not(.nopin img)<\/code><\/li>\n<\/ul>\n<p>That should do the trick.<\/p>\n<h3><span id=\"8220Pin_It8221_button_is_visible_but_I_cannot_click_it\">&#8220;Pin It&#8221; button is visible but I cannot click it<\/span><\/h3>\n<p>That&#8217;s usually caused by your theme&#8217;s CSS. In most cases <a href=\"http:\/\/highfiveplugins.com\/support-faq\/#custom_css\">adding the following line of CSS<\/a> fixes the issue:<br \/>\n<code>a.pinit-button { z-index:10000000 !important; }<\/code><\/p>\n<h3><span id=\"8220Pin_it8221_button_doesn8217t_show_up_on_non-img_elements\">&#8220;Pin it&#8221; button doesn&#8217;t show up on non-img elements<\/span><\/h3>\n<p>The free version of the plugin only supports the <code>img<\/code> tag. If you have an image that&#8217;s being shown using another tag (e.g. a div), you need the Pro version to show the &#8220;Pin it&#8221; button on such an image. <a href=\"http:\/\/highfiveplugins.com\/jpibfi\/pro-faq\/\">Click here to read more.<\/a><\/p>\n<h3><span id=\"No_8220Pin_it8221_button_on_a_slider\">No &#8220;Pin it&#8221; button on a slider<\/span><\/h3>\n<p>The plugin doesn&#8217;t work properly with most sliders. If it&#8217;s working with your slider, that&#8217;s most likely by accident, not by design. It doesn&#8217;t work with sliders because each slider plugin works differently and it&#8217;s pretty much impossible to handle all possible scenarios. Currently there isn&#8217;t a slider plugin that I recommend that works with the plugin.<\/p>\n<h3><span id=\"Pin_It_button_does_not_bring_up_multiple_images_to_choose_from\">Pin It button does not bring up multiple images to choose from<\/span><\/h3>\n<p>The plugin is designed to share the image the user clicks on. If you want to have multiple images to choose from, consider using <a href=\"https:\/\/developers.pinterest.com\/tools\/widget-builder\/?buttonType=imageHover\" target=\"_blank\" rel=\"noopener\">Pinterest\u2019s<\/a> widget builder or another plugin.<\/p>\n<h3><span id=\"Two_8220Pin_It8221_buttons\">Two &#8220;Pin It&#8221; buttons<\/span><\/h3>\n<p>The plugin adds exactly one &#8220;Pin it&#8221; button. If you have more than one &#8220;Pin it&#8221; button showing up on your website, it&#8217;s most likely either another plugin adding it or a browser extension\/phone app adding it.<\/p>\n<h3><span id=\"Disable_Pin_it_button_from_social_media_icons\">Disable Pin it button from social media icons<\/span><\/h3>\n<p>Use <a href=\"#Minimum_image_resolution\">minimum image resultion<\/a>.<\/p>\n<h3><span id=\"Broken_icon_on_the_button\">Broken icon on the button<\/span><\/h3>\n<p>If you&#8217;re using any kind of caching plugin, try adding the following URL to the ignore URLs:<br \/>\n<em>\/wp-content\/plugins\/jquery-pin-it-button-for-images-pro\/css\/client.css<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery Pin It Button For Images is a free plugin that allows your readers to easily pin images in your blog posts by simple hovering over them and clicking a&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/pages\/353"}],"collection":[{"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/comments?post=353"}],"version-history":[{"count":0,"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/pages\/353\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/pages\/14"}],"wp:attachment":[{"href":"https:\/\/highfiveplugins.com\/wp-json\/wp\/v2\/media?parent=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}