C
Cargando
Épsilon
Estaba aburrido y como nunca había aportado algo al foro decidí hacer este tutorial para agregar los metadatos de Twitter o Twitter Card de forma manual en Wordpress y sin necesidad de plugin.
Para qué sirven las Twitter Card?
Para que aparezca un resumen de la publicación en Twitter, o en e caso de tener una web de imágenes o videos aparece el contenido multimedia (Este tutorial es solo para los Summary Card)
Lo único que necesitan hacer es colocar este código en el header.php
En la miniatura se mostrará la imagen que hayan seleccionado como "imagen destacada" en wordpress. Donde está la url de http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75 la reemplazan por la url de la imagen que quieren que se muestre por defecto cuando a la entrada no se le haya seleccionado una imagen destacada.
En esta parte del código <meta name="twitter: site" value="@libdemvoice" /> acuerdate de reemplazar el libdemvoice con tu usuario de Twitter.
Después de tener el código listo y haber guardado los cambios te vas a Enlace eliminado y verificas que aparece todo correcto.
Si no tienes ningún error rellenas este formulario para aplicar: Enlace eliminado
Eso sería todo, cuando hayas rellenado el formulario primero deben aceptar tu cuenta ya que no es automático. (a mi me aceptaron como en 15-20 días)
Dato adicional: Si usas el plugin de Yoast este agrega los metadatos con tan solo marcar la casilla en el plugin, pero igual debes rellenar el formulario.
Nota: De código sé lo mismo que de chino, esto lo compartió el usuario Ryan Cullen (@artesea) on Twitter acá Enlace eliminado
Para qué sirven las Twitter Card?
Para que aparezca un resumen de la publicación en Twitter, o en e caso de tener una web de imágenes o videos aparece el contenido multimedia (Este tutorial es solo para los Summary Card)
Lo único que necesitan hacer es colocar este código en el header.php
HTML:
<?php
#twitter cards hack
if(is_single() || is_page()) {
$twitter_url = get_permalink();
$twitter_title = get_the_title();
$twitter_desc = get_the_excerpt();
$twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
$twitter_thumb = $twitter_thumbs[0];
if(!$twitter_thumb) {
$twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
}
$twitter_name = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
}
}
?>En la miniatura se mostrará la imagen que hayan seleccionado como "imagen destacada" en wordpress. Donde está la url de http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75 la reemplazan por la url de la imagen que quieren que se muestre por defecto cuando a la entrada no se le haya seleccionado una imagen destacada.
En esta parte del código <meta name="twitter: site" value="@libdemvoice" /> acuerdate de reemplazar el libdemvoice con tu usuario de Twitter.
Después de tener el código listo y haber guardado los cambios te vas a Enlace eliminado y verificas que aparece todo correcto.
Si no tienes ningún error rellenas este formulario para aplicar: Enlace eliminado
Eso sería todo, cuando hayas rellenado el formulario primero deben aceptar tu cuenta ya que no es automático. (a mi me aceptaron como en 15-20 días)
Dato adicional: Si usas el plugin de Yoast este agrega los metadatos con tan solo marcar la casilla en el plugin, pero igual debes rellenar el formulario.
Nota: De código sé lo mismo que de chino, esto lo compartió el usuario Ryan Cullen (@artesea) on Twitter acá Enlace eliminado
