WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Facebook - Advanced Sharing Optimization for ALL Social Websites
[resolved] How do I set the og:image tag for a specific page? (4 posts)

  1. Muckbeast
    Member
    Posted 1 year ago #

    How do I set a specific image for facebook to pull from a web page?

    I assume I need to set the og:image tag somewhere?

    The page in question:

    http://frogdice.com/dungeon-of-elements/

    I have a specific splash screen image I'd like to use for it.

    Right now, I'm just ham-handedly putting it on the page at the bottom.

    This is the image:

    http://frogdice.com/wp-content/uploads/2013/04/splash-menu-sm.png

    Basically, I'd like to define that image as our image for Facebook to grab whenever people post a link to http://frogdice.com/dungeon-of-elements/

    How do I do that without having to just jam the image on the page weirdly?

    Thanks,

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

  2. JS Morisset
    Member
    Plugin Author

    Posted 1 year ago #

    From the FAQ:

    Q. How does NGFB find images to include in the Open Graph meta tags?

    A. The images used in the Open Graph meta property tags for Posts and Pages are chosen in this sequence:

    - A featured or attached image from a NextGEN Gallery or WordPress Media Library.
    - Images from NextGEN Gallery [singlepic], [nggallery] or [nggtags] shortcodes.
    - Images from <img/> HTML tags in the Post or Page content text.
    - A default image defined in the NGFB plugin settings.

    js.

  3. Muckbeast
    Member
    Posted 1 year ago #

    Thanks js. I promise I did read the faq. Here's my concern/issue. Of those 4 methods;

    1) "A featured or attached image from a NextGEN Gallery or WordPress Media Library."

    This means I have to have the image displayed on the page, correct? That's what I am trying to avoid (because then its like the situation I have right now on the page.

    2) "Images from NextGEN Gallery [singlepic], [nggallery] or [nggtags] shortcodes."

    I don't know much about this, but again I assume it would be actually displayed on the page, right?

    3) "Images from <img/> HTML tags in the Post or Page content text."

    Same issue.

    4) "A default image defined in the NGFB plugin settings."

    I have a default image defined for the site (frogdice.com), but I'm trying to define an image SPECIFIC for this page:

    http://frogdice.com/dungeon-of-elements/

    Am I utterly failing to understand something?

    Basically, I'm trying to figure out how I can define the open graph image for a page without actually having that image displayed on the page itself.

  4. JS Morisset
    Member
    Plugin Author

    Posted 1 year ago #

    Hm. An interesting scenario. The idea of NGFB is to take whats there and present it better for Facebook, etc. I've tried to avoid using "custom fields" in the Post entry page, for example.

    Featured images or "attached" images don't have to be displayed - that's up to your theme.

    Hm.

    I may look into adding a few custom fields to each Post / Page, but for now, NGFB uses what's available.

    Perhaps you could use CSS to hide the images you don't want displayed? For example, if you add an image to your content, you could use something like:

    <img class="hidden" src=""/>

    And then in your stylesheet, add hidden { display:none; } for example. Or event do it inline:

    <img style="display:none;" src=""/>

    Or, you can hide a featured image with something like .post-123 .attachment-post-thumbnail { display:none; } (the class names might be different on your theme - do a view source).

    js.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.