Image par défaut de la page d'accueil lorsqu'elle est partagée sur les réseaux sociaux

Question

Image par défaut de la page d'accueil lorsqu'elle est partagée sur les réseaux sociaux

- 3
- 45639 2017-06-27
Actuellement,mapage d'accueil contient quelques-uns des derniers articles.Par conséquent,lorsque lapage d'accueilestpartagée via lesmédias sociaux (c'est-à-dire Facebook),la vignette qui s'afficheprovient de l'image supérieure du derniermessage.

Ce quej'essaie defaire,c'est de le configurer de sorte que lorsque lapage d'accueilestpartagée,uneimagepar défaut spécifique soit affichée.Cependant,l'imagene doit être affichée que lorsque lapage d'accueilestpartagéeet ne doitpas apparaître autrement sur le site.Quelle serait lameilleurefaçon deprocéder?

Currently, my homepage contains a few of the latest posts. Therefore, when the homepage is shared via social media (i.e. Facebook), the thumbnail image which is displayed comes from the top image in the latest post.

What I am trying to do, is to set it so that when the homepage is shared, a specific, default image will be displayed. However, the image must only be displayed when the homepage is shared, and should not otherwise appear on the site. What would be the best way to do this?

images homepage social-sharing

3 réponses

votes

- 1
- 2017-06-27
Différentesplateformes sociales utilisent différentesméthodes.

Pour Facebook,vous avezbesoin d'unensemble debalises <meta> avec despropriétés og -parexempleog:url,og:type,og:descriptionet og:image.og:image doit contenir le chemin complet de l'image que vous souhaitez afficher.

Twitterest similairemaispossède sonpropremécanisme de «carte» quinécessite sonpropreensemble debalises meta -parex.name="twitter:card"et name="twitter:image"

Jepense qu'ilexiste despluginspourgérer cela.J'aimaproprefonction simple qui utilise la vignette de lapage,ou une solution de secours siellen'estpas définie.

Different social platforms use different methods.

For Facebook, you need a set of <meta> tags with og properties - e.g. og:url, og:type, og:description and og:image. og:image should contain the full path to the image you want to be displayed.

Twitter is similar but has their own 'card' mechanism which requires its own set of meta tags - e.g. name="twitter:card" and name="twitter:image"

I believe there are plugins to handle this. I have my own simple function which uses the thumbnail of the page, or a fallback if this isn't set.
- 0
- 2017-06-27
balisesmeta OG estprobablement ce que vous recherchez,dans ce cas:

<meta property="og:image"content="path/to/foo.jpg" />

mettez dans unif is_home()et j'espère que celafonctionnera
OG meta tags is probably what you are looking for, in this case :

<meta property="og:image"content="path/to/foo.jpg" />

put inside a if is_home() and hopefully it will work

WebElaine · Accepted Answer · 2017-06-27

6

2017-06-27

Plusieurs options:

Plug-inprêt à l'emploi

Si vous utilisez Yoast WordPress SEO,vous disposez d'unparamètreintégrépour lesimages Facebook. Sous votremenu SEO> Social,allez dans l'onglet Facebooket sélectionnez uneimage sous "Paramètres de lapage d'accueil". Vouspouvez également définir uneimage comme solution de remplacement,pour les articles quin'ontpas d'image sélectionnée,sous "Paramètrespar défaut".

D'autresplugins SEOpeuvent avoir des capacités similaires.

Thèmeenfant

Vouspouvez créer unthèmeenfant oumodifier unthèmepersonnalisé. Tout d'abord,assurez-vous que lethèmeprenden charge un logo de site. Sinon, ajoutez lapriseen charge d'un logopersonnalisé .

Ensuite,modifiez ou copiez header.php dans votrenouveauthèmeenfant. Dans lesbalises & lt; head > & lt;/head > ,incluez une vérificationpour if (is_front_page ()) ou if (is_home ()) selon vosbesoins. On dirait que l'un ou l'autrefonctionnerait dans votre cas.

Si la conditionest remplie,saisissez l'URL du logopersonnalisé

  $image=wp_get_attachment_image_url (get_theme_mod ('custom_logo'),'large');

et affichez-le dans lesbalises Open Graph:

  & lt;metaproperty="og:image" content="& lt;?phpecho $image;? >"/>
& lt;metaname="twitter:image" content="& lt;?phpecho $image;? >"/>

Plug-inpersonnalisé

Vouspouvez également créer votrepropreplugin,si vousne voulezpas utiliser Yoast WordPress SEO oujouer avec lethème. Le risqueest qu'unthème ou unpluginexistantpuisse déjàgénérer uneimage sélectionnée,vous voudrez donc vérifier la source de votrepageet vous assurer que rien d'autrene définit uneimage sélectionnée. Je suppose que c'est le caspuisque votrethème actuelet vosplugins définissent l'image de l'article leplus récemmentpublié lorsque vousessayez de lepartager.

Engros,vous ajouteriez une actionpour le hook wp_head . Votre actionproduirait les données d'image Open Graphet Twitter comme vous leferiez si vous choisissiez lapremière option,en travaillant avec lethème.

Vous devrez décider de coderen dur l'image dans votreplugin ou de créer unepage d'options quelquepart dans wp-admin où vouspourriez changer l'image quand vous le souhaitez.

Several options:

Out-of-the-box plugin

If you're using Yoast WordPress SEO, you have a built-in setting for Facebook images. Under your SEO > Social menu, go to the Facebook tab and select an image under "Frontpage settings." You can also set an image as a fallback, for posts that have no featured image, under "Default settings."

Other SEO plugins may have similar capabilities.

Child theme

You can create a child theme or modify a custom theme. First, make sure the theme supports a site logo. If not, add custom logo support.

Next, edit or copy header.php into your new child theme. Inside the <head></head> tags, include a check for if(is_front_page()) or if(is_home()) depending on your needs. Sounds like either would work in your case.

If the condition is met, grab the custom logo URL

$image = wp_get_attachment_image_url(get_theme_mod('custom_logo'), 'large');

and output it within Open Graph tags:

<meta property="og:image" content="<?php echo $image; ?>" />
<meta name="twitter:image" content="<?php echo $image; ?>" />

Custom plugin

You could also create your own plugin, if you don't want to use Yoast WordPress SEO or fiddle with the theme. The risk is that an existing theme or plugin may already output a featured image, so you'd want to check your page source and make sure nothing else is setting a featured image. I assume this is the case since your current theme and plugins are setting the most-recently-published post's image when you try to share it.

Basically, you would add an action for the wp_head hook. Your action would output the Open Graph and Twitter image data just like you would if you chose the first option, working with the theme.

You'd have to decide whether to hard-code the image into your plugin, or whether you would create an options page somewhere in wp-admin where you could change the image whenever you wanted.