WordPress.org

Forums

The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

  1. Manege
    Member
    Posted 2 years ago #

    Hi,

    does anyone know how to add custom share buttons instead of the default buttons?

    Thanks.

    http://wordpress.org/plugins/nextgen-facebook/

  2. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    It would probably be easier to use another social sharing plugin for the buttons in that case. NGFB Open Graph+ uses the javascript provided by each social website -- embedded within those javascript files are links to various button images. The only exception is Pinterest, which has a URL to an image that could be changed -- all the other images are part of the content generated by each javascript.

    There are also some legal implications as well -- as far as I know, most of the javascript code is provided with usage terms that specifically prohibit the re-branding or modification of the buttons.

    js.

  3. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    BTW, here's a cute effect using just CSS:

    .ngfb-buttons > div {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
        opacity:0.3;
    }
    
    .ngfb-buttons > div:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
        filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: none ; /* IE6-9 */
        -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
        opacity:1.0;
    }

    js.

  4. Manege
    Member
    Posted 2 years ago #

    thanks for the reply, right now I'm using another plugin for the share buttons but the problem is, for example when I click on the pinterest button it opens a new window where I can choose the picture to be pinned. If I click on the pinterest button of your plugin then a window opens that allready has the right image and also the description.
    I am not sure but I think it has to be this way to make sure it get pinned as a rich pin. I just can't live with the look of the buttons...

    The social share plugin I'm using is "simple share buttons adder" if anyone can recommend a different plugin that can handle the meta tags and have custom icons I would appreciate it very much. Thanks.

    @ Jean-Sebastian, once again thank you for your support.

  5. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    Meta tags and social buttons are independent of each other. Have a look at this video:

    https://www.youtube.com/watch?v=cBmXMN0mE7M

    All buttons should only share the URL, nothing more (no title, description, etc). The Pinterest and Tumblr buttons are the exception -- they need a little more info. The strength of NGFB Open Graph+ is the information it builds for the meta tags, which comes in handy for those buttons as well, so although they may not look as slick as some, they do work pretty well. ;-)

    The best I could do is add a custom URL for the Pinterest button in the next version. Besides that, any Pinterest button that shares the current webpage URL should turn into a Rich Pin (if you also use NGFB Open Graph+ and your website is approved for Rich Pins).

    js.

  6. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    FYI - The current DEV version at http://downloads.wordpress.org/plugin/nextgen-facebook.zip will allow you to change the Pin button image.

    js.

  7. Manege
    Member
    Posted 2 years ago #

    Thanks, for now I think I wait until my site is approved by pinterest and twitter and then start to play around with the buttons.
    Thanks,
    Rainer

  8. Manege
    Member
    Posted 2 years ago #

    my website is now approved by pinterest but my products still not showing up as rich pins on pinterest, what do I wrong?

  9. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    URL to an example Post/Page?

    js.

  10. Manege
    Member
    Posted 2 years ago #

  11. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    It pinned rich for me...

    Visit vezodesign.com
    Vezo #2018
    In Stock • €1900
    vezo design & crafts
    See this on vezo design & crafts

    js.

  12. Manege
    Member
    Posted 2 years ago #

    I have no idea what I am doing wrong...

  13. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    Expectations? ;-)

    The small preview does not show the rich details, but click on the preview to expand the pin, and the rich details should be there -- they were for me. ;-)

    js.

  14. Manege
    Member
    Posted 2 years ago #

    now it works, thank you for your help

  15. Elizabeth Lowrey
    Member
    Posted 2 years ago #

    JS, Thanks so much for the code you included above. It did exactly what I came here to find out, which is if there was a way to make the "loud" social buttons much more muted until a mouse over. My theme is all dark greys, and I just couldn't stand the light colored buttons jumping off the page, yet I wanted to include the share buttons. Your add on code works perfectly to achieve this. I wasn't even sure where to add it but just assumed tacking it on to the end of the "Buttons Style" included in Open Graph would do the trick and it did. If only all tweaks were this easy for web novices to implement.:-)

  16. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    Lol. :) No problem. And I know what you mean - this is one of my websites: http://underwaterfocus.com/photo/20070504-143319-jsmoriss-9651 ;-)

    js.

  17. Elizabeth Lowrey
    Member
    Posted 2 years ago #

    Great looking site, and terrific photos! You are obviously a man of many talents.

    And yes, you clearly know what I mean about wanting to mute the loud sharing buttons. Is just tacking it on to the end of the Open Graph Button CSS the "best" way to do it, or would it be technically better to replace some other code with this bit to eliminate redundancies or that sort of thing?

  18. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    Nope, no redundancies - what you did is perfect, and what I've done as well. ;-)

    CSS is made to "cascade" (ie. inherit from preceding), so re-definitions of classes etc. is normal and intended by the CSS standard.

    js.

  19. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    Oh, and thanks. :-D

    js.

  20. senkettru
    Member
    Posted 2 years ago #

    உங்கள் நீட்சிகளுக்கு நன்றி thanks for the plugin ngfb+..
    ur plugin was working great & i dont know what was the reason, but unable to publish the posts using ngfb+ for a few days. i am able to publish in firefox, but the plugin doesnt showup in chrome. can u please guide me through what needs to be done

  21. JS Morisset
    Member
    Plugin Author

    Posted 2 years ago #

    This thread is closed.

    Please read the sticky at http://wordpress.org/support/topic/please-read-before-posting-about-an-issue?replies=1 and open a new thread with the necessary info.

    Thanks,

    js.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.