Blog, Splet, Wordpress

Na Facebook uporabi prikazno sliko iz WordPress

Ob ureditvi spletne strani sem naletel na problem, da pri všečkanju članka prikaže neko sliko iz celotne strani. Včasih je vzelo pravo sliko, včasih je vzelo sliko od kakšnega predlaganega prispevka pod objavo. WordPress ima lepo funkcijo, da nastavimo “Prikazno sliko”, po angleško “Featured Image”. Verjetno se to sliko lahko spravi na Facebook tudi s kakšnim plugin-om, lahko pa nekaj vrstic v kodo vnesemo kar sami.

Všečkanje objave s pravo sliko
Všečkanje objave s pravo sliko

Urediti moramo datoteko header.php v naši temi (themes).

Nekje med <head> in </head> vstavimo sledečo kodo:

Header.php

<meta property=”og:url” content=”<?php the_permalink(); ?>”/>

<meta property=”og:title” content=”<?php the_title(); ?>”/>

<meta property=”og:description” content=”<?php echo strip_tags(get_the_excerpt($post->ID)); ?>” />

<meta property=”og:image” content=”<?php if (function_exists(‘wp_get_attachment_thumb_url’)) {echo wp_get_attachment_thumb_url(get_post_thumbnail_id($post->ID)); }?>” />

<meta property=”og:type” content=”<?php if (is_page() || is_single()) { echo “article”; } else { echo “website”;} ?>”/>

<meta property=”og:site_name” content=”<?php bloginfo(‘name’); ?>”/>

4. vrstica je pomembna za sliko, ostale vrstice pa so, da vam pripravi še pravilen opis, naslov itd.

 

Slika pri deljenju povezave
Slika pri deljenju povezave

Če koda še vedno ne deluje pravilno, dodajte za oznako <body> sledečo kodo:

Koda:

<div id=”fb-root”></div>

<script>

window.fbAsyncInit = function() {
FB.init({appId: ‘your_fb_app_id’, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(‘script’); e.async = true;
e.src = document.location.protocol +
‘//connect.facebook.net/en_US/all.js’;
document.getElementById(‘fb-root’).appendChild(e);
}());

</script>

 

1 comment

Oddaj komentar...

This site uses Akismet to reduce spam. Learn how your comment data is processed.