Make sidebar image not pinnable

  • Nagi Maehashi

    (@nagi-maehashi)


    10 years ago

    I am using the text widget and image widget to place my own images in the sidebar on my blog https://www.recipetineats.com

    I want to make all these images not pinnable because when people click the “Pin” button, they are given far too many options for images to choose from. I just want readers to be presented with images from within the post.

    Please can someone help me?! This has been aggravating me for months and I’ve been searching endlessly for an answer!

    PS I am a non techie. That doesn’t help! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    Pinning isn’t an option in WP – are you using a plugin or is that part of your theme?

    Thread Starter Nagi Maehashi

    (@nagi-maehashi)

    Hello WPyogi! Thank you for responding! I am using a plug in called Simple Share Buttons. It picks up all images as pinnable unless I put the code nopin=”true” for an image in a post. BUT that code does not work for text widgets in the sidebar.

    Here it the code from a sidebar image I have inserted into a text widget. The nopin=”true” is not working! This image still appears as an option to pin when someone clicks the Pin button on any post!

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    <div align="center" style="margin-top: -20px">
<a href="https://recipetineats.com/cheese-garlic-crack-bread-pull-apart-bread/" title="Cheese Garlic Crack Bread"><img nopin="true" src="https://www.recipetineats.com/wp-content/uploads/2015/01/Cheese-and-Garlic-Crack-Bread.jpg" alt="DESCRIPTIVE-TEXT-OF-YOUR-LINK" /></a>
</div>

    Thank you for your help!

    WPyogi

    (@wpyogi)

    So you’ll need to ask on that plugins forum about any questions –

    https://www.ads-software.com/support/plugin/simple-share-buttons-adder#postform

    wpfan1000

    (@wpfan1000)

    You could try to use css display: none to hide the button.

    The html for a Pin button on your site is:

    <div align="center" style="margin-top: -15px">
<a data-pin-config="beside" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.recipetineats.com%2Fcheese-garlic-crack-bread-pull-apart-bread%2F&media=http%3A%2F%2Fwww.recipetineats.com%2Fwp-content%2Fuploads%2F2015%2F01%2FCheese-and-Garlic-Crack-Bread.jpg&description=Cheese%20and%20Garlic%20Crack%20Bread">
<script src="//assets.pinterest.com/js/pinit.js" defer="" async="" type="text/javascript">
Reload the page to get source for: https://assets.pinterest.com/js/pinit.js
</script>
</div>

    There is no css class in this so it is hard to apply css.

    The above is contained in:

    <div class="textwidget">

    so you could try

    .textwidget a {
display:none;
}

    Of course you need to know css in WP a bit in order to do this.

    Also, this forum is for general WP questions. You may want to try the plugin developer support at
    https://www.ads-software.com/support/plugin/simple-share-buttons-adder

    Thread Starter Nagi Maehashi

    (@nagi-maehashi)

    Thank you wpfan1000! I will give that a go. And if that does not work, I will try the plugin forum (thank you for directing me to them WPyogi, and I am sorry for putting this thread in the wrong place).

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Make sidebar image not pinnable’ is closed to new replies.