Setează imaginea reprezentativă a Custom Post ca og:image

Question

Setează imaginea reprezentativă a Custom Post ca og:image

26 aug. 2014, 16:50:22

Vizualizări: 35.6K

Voturi: 3

Încerc să setez imaginea reprezentativă ca og:image

Am încercat diferite metode și plugin-uri (Yoast) dar îmi este greu să înțeleg cum funcționează.

Problema este că nu preia deloc imaginea reprezentativă, în schimb preia imaginile din conținut.

Acesta este codul actual pentru pagina articolului individual. Aceasta este partea pe care am nevoie să o preiau când partajez articolul pe Facebook în loc de imaginile din conținut.

<div class="image-wrapper">
        <?php if( get_field('featured_image') ): ?>
        <?php $featuredImage = get_field('featured_image'); ?>
        <img rel="image_src" src="<?php echo $featuredImage['url']; ?>" alt="">
        <?php else: ?>
        <img src="http://lorempixel.com/842/458/?rand9" alt="">
        <?php endif; ?>
</div>

Face acest lucru ciudat când un articol nu are nicio imagine în conținut, atunci preia imaginile reprezentative și imaginile din bara laterală. Am rulat și debugger-ul Facebook dar din nou preia doar imaginile din conținut.

Am găsit acest fragment de cod care vizează imaginea reprezentativă dar am sentimentul că, deoarece al meu este un custom post, s-ar putea să nu o preia.

<meta property="og:image" content="<?php $post_thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'large'); echo $post_thumbnail[0]; ?>" />

Orice sugestii ar fi binevenite. Dacă aveți nevoie de altceva, anunțați-mă.

Kenny Van Sittert

45

imagini facebook plugin-wp-seo-yoast open graph

Toate răspunsurile la întrebare

Comentarii

Salut, mulțumesc pentru răspuns. Ai dreptate, folosesc ACF pentru imaginea reprezentativă. Am ales a doua opțiune, dar tag-ul nu preia imaginea, apare așa în codul sursă: <meta property="og:image" content="">

Kenny Van Sittert

27 aug. 2014 12:49:43

Am rezolvat: <meta property="og:image" content="<?php $featuredImage = get_field('featured_image'); echo $featuredImage['url']; ?>" /> Mulțumesc pentru ajutor!

Kenny Van Sittert

27 aug. 2014 13:37:54

Hopa! Scuze pentru greșeala cu denumirea variabilei. E o bună practică să lași esc_url() acolo pentru sanitizare.

mrwweb

27 aug. 2014 19:18:01

poți să-ți creezi propriul plugin, sau să-l folosești direct în functions.php

add_action('wp_head', 'dgsoft_fb');
function dgsoft_fb(){
    if( is_single() ) {
        echo '<meta property="og:image" content="'. get_the_post_thumbnail_url(get_the_ID(),'full')   .'" />';
    }
}

vencedor

131

11 oct. 2018 11:58:59

Comentarii

frumos, dar aș dori să înlocuiesc tag-ul actual

Fanky

23 oct. 2020 22:12:37

mrwweb 10.3K · Accepted Answer · 2014-08-26T18:41:57Z

Se pare că site-ul tău nu utilizează funcția Imagine reprezentativă din nucleul WordPress, ci folosește în schimb un câmp personalizat pentru imagini (probabil din Advanced Custom Fields). Plugin-ul Yoast, Jetpack și, presupunem, multe altele caută imaginea reprezentativă atunci când setează meta tag-ul opengraph. Așadar, ai două opțiuni:

Folosește funcția Imagine reprezentativă din nucleul WordPress împreună cu unul dintre plugin-urile care adaugă imaginea reprezentativă într-un meta tag opengraph
Schimbă proprietatea meta pentru a utiliza câmpul ACF:

<meta property="og:image" content="<?php $featuredImage = get_field('featured_image'); echo esc_url( $featuredImage['url'] ); ?>" />

Notă: dacă imaginea ta reprezentativă (indiferent cum este implementată) are vreo semnificație și nu este "pur decorativă", asigură-te că site-ul tău oferă suport pentru a-i oferi un text alternativ adecvat pentru accesibilitate.