Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

Cómo generar imagen destacada de los POST en WordPress usando una URL o imagen contenida en el contenido

Tiempo de lectura: 2 minutos

Hola, hoy vamos a ver cómo podemos generar una imagen de forma automática a partir de las imágenes que añadimos en nuestros POST o artículos, sin necesidad de seleccionar imagen destacada.

Lo primero que tenemos que hacer es abrir el panel de control de WordPress y seleccionar el editor de archivos de tema.

Abrimos el editor de temas y vamos a la página dónde nuestro tema rellena la página principal( generalmente index.php o home.php). En mi caso, navegando en el tema, lo encuentro en content.php

En el archivo de plantilla, busca el código que genera el resumen del post. Esto podría ser una función como the_excerpt() o un bucle que itera sobre los posts y muestra el contenido resumido.

Justo antes o después de la función que muestra el resumen, puedes agregar el siguiente código para obtener la URL de la imagen, recortarla, escalarla y mostrarla centrada:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<?php //Mostrar imagen
$content = get_the_content();
preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches);
$image_url = isset($matches[1]) ? $matches[1] : '';
$book_title = get_the_title();
if (!empty($image_url)) {
echo '<div class="post-thumbnail">';
echo '<img src="' . $image_url . '" alt="' . $book_title . '" style="widht:300px;height: 300px; object-fit: cover; object-position: center; display: block; margin: 0 auto;">';
echo '</div>';
}
?>
<?php //Mostrar imagen $content = get_the_content(); preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches); $image_url = isset($matches[1]) ? $matches[1] : ''; $book_title = get_the_title(); if (!empty($image_url)) { echo '<div class="post-thumbnail">'; echo '<img src="' . $image_url . '" alt="' . $book_title . '" style="widht:300px;height: 300px; object-fit: cover; object-position: center; display: block; margin: 0 auto;">'; echo '</div>'; } ?>
<?php //Mostrar imagen
					$content = get_the_content();
					preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content, $matches);
					$image_url = isset($matches[1]) ? $matches[1] : '';
				    $book_title = get_the_title();
				 if (!empty($image_url)) {
						echo '<div class="post-thumbnail">';
						 echo '<img src="' . $image_url . '"  alt="' . $book_title . '" style="widht:300px;height: 300px; object-fit: cover; object-position: center; display: block; margin: 0 auto;">';
						echo '</div>';
					}
				?>
1

Deja un comentario