Alguien puede echarme una mano?
tengo el OpenGraph configurado con yoast en wordpress para que siempre tome la IMAGEN DESTACADA para que sea la img OG a compartir
pero como puedo condicionar para que SI NO HAY IMG DESTACADA, se tome la primera imagen ???
O aun mejor como se puede determinar el OG en un div (sin pasar por un atrivuto de clase css)
Mil gracias
¡Claro que puedo ayudarte! Para lograr que OpenGraph tome la primera imagen si no hay una imagen destacada, puedes agregar un poco de código personalizado a tu tema de WordPress.
Aquí te dejo un ejemplo de cómo hacerlo:
1. Abre el archivo functions.php de tu tema y agrega el siguiente código:
```php
function custom_og_image($og_image) {
if (!$og_image) {
// Obtener la URL de la primera imagen en el contenido
$content = get_the_content();
preg_match('/<img.+?src="(.+?)"/', $content, $matches);
if (isset($matches[1])) {
$og_image = $matches[1];
}
}
return $og_image;
}
add_filter('wpseo_opengraph_image', 'custom_og_image');
```
Este código verifica si hay una imagen destacada configurada. Si no la hay, buscará la primera imagen en el contenido.
2. Una vez que hayas agregado este código y guardado los cambios, publica una nueva entrada o página sin imagen destacada definida. Cuando compartas el enlace en redes sociales, debería tomar la primera imagen encontrada en el contenido.
En cuanto a cómo determinar el OG en un div sin pasar por un atributo de clase CSS, puedes agregar el siguiente etiqueta meta en tu header.php para definir la imagen dinámicamente en cada página:
```php
<meta property="og:image" content="<?php echo obtener_imagen_og();?>"/>
```
Y luego en el functions.php agregar la función:
```php
function obtener_imagen_og() {
// Aquí puedes poner la lógica para obtener la imagen dinámicamente
// por ejemplo: return get_the_post_thumbnail_url();
}
```
Espero que esta información te haya sido útil. ¡Déjame saber si necesitas más ayuda!
