Cómo Modificar Imágenes destacadas en WordPress

Las imágenes son componentes vitales de cada sitio web. Antes de comenzar a cuestionar la importancia de las imágenes, simplemente intente imaginar su blog o sitio web favorito sin uno. ¿Estaría tan interesado en leer sobre tecnología, automóviles, comida o moda y maquillaje si el sitio web no contuviera imágenes?

Cuando los primeros sitios web se pusieron en línea, las imágenes no podían desempeñar un papel significativo en su existencia. Las conexiones a Internet eran demasiado lentas, y nadie podía cargar docenas de imágenes por página. Afortunadamente, las cosas han cambiado, y ahora no podemos vivir sin medios en línea. El mismo principio se puede aplicar a un blog personal o a su sitio web. En el mundo moderno, no puedes tener un blog sin imágenes. Son mucho más importantes de lo que podrías imaginar.

Qué es una imagen destacada en WordPress

Aunque una imagen destacada es solo otro archivo multimedia que puede agregar a WordPress, merece un tratamiento especial. Este tipo de imagen puede ayudarte a captar la atención de tus visitantes. Se utiliza para atraer a las personas a leer sus historias, aumentar la calidad visual de su blog e incluso juega un papel notable en el intercambio de redes sociales. Por lo tanto, no descuides la importancia de una imagen destacada.

Las imágenes destacadas están controladas por temas de WordPress.

No hace mucho tiempo, muchos temas de WordPress no tenían soporte para ellos. Solo los desarrolladores más cuidadosos fueron lo suficientemente amables para introducir imágenes destacadas en sus temas, mientras que todos los demás tuvieron que codificar la función ellos mismos. Afortunadamente, los tiempos han cambiado, y ahora la mayoría de los temas están completamente listos para imágenes destacadas.

¿Dónde aparecen las imágenes destacadas en tu sitio?

Por lo general, una imagen destacada en WordPress encontrará su lugar bajo los focos de su página de inicio. Se utilizan como miniaturas que representan todo el mensaje. La mayoría de las veces, la misma miniatura de la publicación (que también es otro nombre para una imagen destacada) enlaza directamente con esa publicación. Al seleccionar una imagen destacada para una publicación, puedes establecer el tono completo de tu historia. Si bien una buena foto puede tentar a un visitante a leer toda la publicación, una mala puede repeler fácilmente a un lector promedio.

Imágenes destacadas de WordPress en la portada

Además, las mismas imágenes destacadas generalmente aparecen en la parte superior de las publicaciones individuales, páginas y tipos de publicaciones personalizadas en WordPress. Dependiendo del tema que estés usando, una imagen destacada puede aparecer justo encima o debajo del título. Puede venir en diferentes dimensiones; todo depende de un desarrollador tema que trabajaron en los detalles.

De nuevo, dependiendo del tema, las imágenes destacadas se pueden usar en otros lugares. Por ejemplo, si agrega un widget para mostrar las publicaciones más recientes, las miniaturas de publicaciones se pueden usar para agregar más estilo al widget y para obtener más atención de sus visitantes.

Algunos temas incluso mostrarán las imágenes en las páginas de administración de WordPress, justo al lado de sus publicaciones asignadas.

Cómo agregar una imagen destacada

Cuando te guiamos para agregar tu primera publicación en WordPress, también mencionamos la pestaña de imagen destacada que se encuentra en el lado derecho de la pantalla. En caso de que no pueda encontrar la pestaña, debe verificar las opciones de pantalla:

  1. Agregar una nueva publicación o editar una existente
  2. Desplácese hasta arriba
  3. Haga clic en la pestaña «Opciones de pantalla» en la esquina superior derecha
  4. Asegúrese de que la casilla «Imagen destacada» esté marcada
Opciones de pantalla de WordPress editor de publicaciones

En un sitio de WordPress fresco, la pestaña de imágenes destacadas se ubicará en la parte inferior de la barra lateral en el lado derecho. Compruebe si tiene una y prepárese para agregar la primera miniatura de su publicación:

  1. Haga clic en el enlace «Establecer imagen destacada» ubicado en el cuadro «Imagen destacada»
  2. Una nueva ventana abrirá la biblioteca de medios
  3. Seleccione cualquier imagen que tenga o cargue una nueva desde el ordenador
  4. Una vez que elija la imagen, haga clic en el botón «Establecer imagen destacada»
Imagen destacada de WordPress

¡Esto es todo! Ahora puede ver la vista previa de una imagen directamente en el cuadro de Imagen destacada. Si quieres ver cómo se ve en la publicación, puedes desplazarte rápidamente hacia arriba y hacer clic en el botón» Vista previa».

Arrastrar&Soltar complemento de imagen destacada

PRECIO: Gratis

Arrastrar y soltar imagen destacada en WordPress

Si te gusta arrastrar y soltar imágenes a tu biblioteca multimedia de WordPress, deberías considerar agregar este plugin gratuito a la lista de los activos en tu sitio. Con solo instalar el complemento de imagen destacada de Arrastrar&Soltar, el enlace regular para agregar una publicación en miniatura cambiará. En lugar de hacer clic en el enlace y luego cargar una nueva imagen, podrá arrastrar y soltar la imagen directamente en el lugar.

Cómo eliminar o reemplazar una miniatura de publicación

A veces, querrá eliminar o reemplazar una miniatura de publicación. Ya sea que haya encontrado o creado una foto mejor, o haya habido un problema con la primera, solo tomará unos pocos clics para realizar el cambio:

  1. Haga clic en el enlace «Eliminar imagen destacada» ubicado en el cuadro» Imagen destacada » debajo de la miniatura
  2. Si desea establecer una nueva imagen, repita los pasos para agregar una nueva imagen destacada

¿Qué pasa si su tema no tiene la opción?

Aunque la mayoría de los temas de hoy en día están listos para imágenes destacadas, todavía hay algunos que no utilizan la función. Para agregar manualmente el elemento, necesitaría tener un conocimiento básico del desarrollo de WordPress. Por suerte, puedes ir por ahí y olvidar el código. Le mostraremos algunos complementos de WordPress que introducirán rápidamente miniaturas de publicaciones en su tema. Con esas extensiones, incluso puedes dejar que WordPress maneje automáticamente las imágenes destacadas.

Complemento de imagen destacada dinámica

PRECIO: Gratis

Imagen destacada dinámica

El hecho de que este complemento gratuito cuente con más de 70.000 usuarios activos te dice que todavía hay muchos temas que necesitan un cuidado adicional sobre las miniaturas de publicaciones. La imagen destacada dinámica le permite agregar varias imágenes, por lo que no tiene que depender solo de la que generalmente está disponible. Sin tocar el código, el complemento preparará imágenes seleccionadas y permitirá que otras funciones del tema accedan a ellas cuando sea necesario. Puedes relajarte, no hay nada que necesites hacer al respecto.

El complemento es una excelente opción cuando trabajas con otros complementos que necesitan imágenes destacadas y controles deslizantes que las mostrarán a tus usuarios. Incluso hay una versión premium que agrega varias funciones diferentes.

Complemento de Imágenes destacadas rápidas

PRECIO: Gratis

Imágenes destacadas rápidas

Desde el mismo momento en que instala este complemento, todo puede funcionar en el piloto automático. Las imágenes destacadas rápidas le permitirán establecer una imagen destacada predeterminada. Por lo tanto, cada vez que se olvide de establecer una, el complemento utilizará la miniatura predeterminada. También puede reemplazar o eliminar imágenes de cualquier número de publicaciones seleccionadas a la vez.

Además, este complemento gratuito agrega una imagen en una columna de imagen clasificable en listas de publicaciones, páginas y tipos de publicaciones personalizadas. También hay diferentes filtros y reglas que te permitirán personalizar la forma en que tu sitio maneja las miniaturas de las publicaciones.

La guía para el tamaño de imagen destacado: Cómo cambiarlo en WordPress

En un mundo en línea moderno, todo consiste en archivos multimedia. Aunque los videos han comenzado a apoderarse de Internet, las imágenes siguen siendo un componente vital sin el que no puedes vivir. Sea cual sea el sitio que abra, debe tener al menos algunas imágenes adjuntas. Los archivos multimedia enriquecen las publicaciones y las páginas de inicio, y recordarás la importancia de los archivos multimedia cada vez que te encuentres con un sitio sin uno. Incluso puedes buscar imágenes gratis tú mismo. Una vez que los añadas a tu blog, harán que todo el blog se vea más vibrante y atractivo para un visitante promedio.

La guía para el tamaño de imagen destacado

Por lo general, las imágenes destacadas están controladas por el tema. Si vas a tener uno, cuántas opciones de tamaño obtendrás y dónde aparecerá, depende completamente de tu desarrollador de temas. Desafortunadamente, no todos los desarrolladores tienden a prestar suficiente atención a las imágenes destacadas. Por lo tanto, en algunos casos, tendrá que hacer ajustes al tamaño de la imagen destacada. En otros casos, necesitará un conjunto de dimensiones extra para acomodar un complemento, un widget nuevo o alguna otra área de su sitio que desee personalizar.

Si bien registrar nuevos tamaños de imagen es pan comido para un desarrollador de WordPress, puede ser una pesadilla para un no programador. Por lo tanto, en esta parte, no vamos a mostrar fragmentos de código. En su lugar, le mostraremos cómo funcionan las configuraciones básicas y cómo ampliar la funcionalidad de las imágenes destacadas a través de un plugin gratuito para WordPress.

Configuración básica de imagen

Para empezar, debes saber que WordPress te permite cambiar algunas configuraciones básicas de medios que afectarán a todas las imágenes nuevas que subas al sitio. De forma predeterminada, cada instalación de WordPress funciona con solo cuatro tamaños de imagen:

  • El tamaño original
  • Miniatura
  • Medio
  • Grande
Configuración básica de imagen

Una vez que cargues una nueva imagen, WordPress almacenará el archivo original sin modificaciones. Después de la transferencia de datos, el sistema tomará ese archivo original y realizará todas las dimensiones adicionales que haya configurado en la Configuración de medios. También puede agregar algunos tamaños adicionales registrados por el tema que está utilizando, que podrían no ser visibles en la configuración de medios.

Para acceder a la configuración de medios, vaya a Configuración -> Medios

La imagen en miniatura es algo única. Es cuadrado, y no importa la dimensión que haya establecido, WordPress se centrará en la parte de la imagen y la recortará para obtener las dimensiones necesarias. Algunos temas pueden usar este preajuste como imagen destacada.

Cuando se trata de tamaños medianos y grandes, WordPress funciona un poco diferente. Puede especificar el ancho y la altura máximos, y el sistema reducirá la escala de la imagen de acuerdo con esos ajustes, para que no se recorte. Por lo general, estas son imágenes que usarás dentro de publicaciones y páginas.

¿Por qué WordPress genera tamaños adicionales?

Si WordPress no generara tamaños de imagen adicionales, tendría que crearlos manualmente. La alternativa sería tener el mismo tamaño de imagen en todo su sitio o los diseñadores tendrían que trabajar mucho más para establecer las dimensiones de todas y cada una de las imágenes a través del código. Esta opción también haría que fuera mucho más difícil de personalizar.

Imagine cuánto tiempo necesitaría para abrir cada archivo en un editor de fotos, establecer una dimensión personalizada y luego cargarlo en WordPress?

¿Sabes que los temas de WordPress pueden usar la misma imagen en varias dimensiones diferentes dependiendo de la ubicación? Eso significaría generar varios archivos de imagen cada vez que esté a punto de cargar una nueva imagen. Nadie tendría tiempo para eso.

Cambiar el tamaño de imagen destacado

Obviamente, no todos los temas de WordPress usan el mismo tamaño de imagen destacado. Por lo tanto, al cambiar entre temas o simplemente cuando desee modificar uno a sus necesidades y gustos, es posible que desee ajustar el tamaño de la imagen destacada.

Cambiar el tamaño de imagen destacado en WordPress

¿Quizás un tamaño más pequeño se vea mejor y acentúe el título? ¿Tal vez quieres que tu imagen destacada sea más amplia? Afortunadamente, cualquiera que sea la razón para cambiar el tamaño de la imagen destacada, no tendrá que codificar nada por su cuenta. Estamos a punto de mostrarte un fantástico plugin gratuito que te ayudará.

Compruebe la configuración de su tema

Antes de instalar cualquier complemento adicional, debe comprobar a fondo la configuración de su tema. En los últimos años, los desarrolladores de temas han estado permitiendo modificaciones de muchas características de temas. Por lo tanto, dependiendo del tema que tenga, existe la posibilidad de encontrar una opción de tamaño de imagen destacado justo en la configuración del tema.

Ir a Apariencia -> Temas -> Personalizar y buscar las opciones. Además, algunos temas tendrán configuraciones adicionales que generalmente se pueden encontrar en el menú Apariencia. Si puedes encontrar uno, estás de suerte porque puedes cambiar el tamaño de la imagen en tan solo unos clics. Si no, no se preocupe; el siguiente complemento seguirá siendo lo suficientemente simple como para hacer los cambios necesarios.

Simple Tamaños de la Imagen

PRECIO: Gratuito

Simple Tamaños de Imagen

Al instalar Simple Tamaños de Imagen, el de los medios básicos de configuración que hemos hablado, al instante se expanden. El complemento reconocerá todos los demás tamaños de imagen del tema activo actualmente, y también le permitirá crear tamaños personalizados por su cuenta.

Una vez que haya activado el complemento, vaya a Configuración – > Media. Entre todos los tamaños de imagen adicionales, debe encontrar el que está dedicado a la imagen destacada. Si está utilizando un tema estándar de veinte dieciocho, debe encontrar la opción «tamaño de imagen destacado de veintiocho dieciocho». Aquí puede configurar fácilmente un ancho y una altura personalizados para las imágenes destacadas.

Dependiendo del tema que estés usando, puede haber más de un tamaño de imagen destacado. Por ejemplo, un tema puede mostrar una imagen destacada en la portada, publicaciones individuales y algunos widgets también. En ese caso, se necesitarían tres tamaños para aprovechar al máximo la función. Dependiendo de cómo desee personalizar la imagen destacada, cambie la configuración en consecuencia. No olvides presionar el botón actualizar, guardar cambios y abrir tu sitio para ver qué pasó con las imágenes.

¿Qué pasa con las imágenes más antiguas?

Por lo general, al cambiar las dimensiones de la imagen, WordPress realiza cambios solo en los nuevos que está a punto de cargar. ¿Pero qué hay de los viejos que ya estás usando?

Regeneración de miniaturas

Afortunadamente, el desarrollador de Tamaño de imagen Simple tuvo la amabilidad de introducir una función que solucionará este problema. En la misma página de Configuración de medios, simplemente desplácese hacia abajo por la lista de dimensiones de la imagen. Encontrará una función de Regeneración de miniaturas que le permite seleccionar las miniaturas que desea reconstruir. Como solo hablamos de imágenes destacadas, selecciona las mismas miniaturas que editaste anteriormente.

Si quieres tener aún más control sobre las miniaturas, desplázate un poco más y selecciona un tipo de publicación en el que quieras reconstruir.

Una vez que esté listo, haga clic si desea regenerar miniaturas y no olvide guardar los cambios.

Desventajas de cambiar los tamaños de imagen

Mientras que configurar las nuevas dimensiones de imagen es bastante fácil con Tamaños de imagen simples, tenga cuidado al modificar sus imágenes.

Si está trabajando en un sitio más pequeño que aún no tiene tantas fotos, puede relajarse y regenerar las miniaturas. Pero ten en cuenta que hay sitios con cientos de miles de imágenes.

Generar una nueva dimensión para cada imagen puede ocupar mucho espacio en su servidor. Por lo tanto, antes de confirmar el cambio, asegúrese de saber lo que está haciendo.

Además, WordPress no se ocupa de tus miniaturas antiguas. Por lo tanto, incluso si ya no las usa, todas esas imágenes se sentarán en la carpeta y ocuparán un valioso espacio en el disco duro. Algunos complementos de limpieza de imágenes pueden ayudarlo si está ejecutando un sitio más pequeño. Pero para sitios web más grandes con toneladas de fotos, necesitará un enfoque más profesional (y desafortunadamente más complicado y más caro).

Configurar automáticamente la imagen destacada en WordPress

Usar imágenes destacadas en WordPress es fácil y relativamente sencillo de configurar, incluso si tu tema no admite la función desde cero. Ya le hemos mostrado cómo configurar y mostrar la imagen destacada básica, y aprenderá a verificar si hay un conjunto de imágenes destacadas y mostrar una notificación al autor que olvidó establecer una.

Si no te gusta esa opción, puedes implementar rápidamente una función ligeramente diferente: puedes programar tu WordPress para que establezca una imagen destacada automáticamente.

A diferencia del método mencionado anteriormente, donde WP le notificará sobre la falta de una imagen destacada, donde aún debe elegir una por sí mismo, este enfoque establecerá automáticamente una imagen como destacada. Para que esto funcione, necesitarás tener al menos una imagen adjunta a tu publicación.

Después de publicar la publicación sin la imagen destacada, la función tomará la primera imagen de ese artículo y la configurará como la imagen destacada.

Lo bueno de esto es que una vez que la función establece la imagen destacada para usted, permanecerá encendida incluso si decide eliminar la imagen de la publicación (la única función utilizada para hacer la imagen destacada en primer lugar).

Si no tiene ninguna imagen adjunta a su publicación y presiona el botón publicar, no habrá notificaciones y, por supuesto, no habrá ninguna imagen para que la función elija. Por lo tanto, esta es una gran opción para alguien que usa imágenes en la mayoría de sus publicaciones. Pero si tiende a olvidar las imágenes con más frecuencia y no adjunta imágenes de forma regular, le sugerimos que revise el método anterior para evitar publicar publicaciones sin la imagen.

Ahora, cuando sepas lo que puedes conseguir con esto, vamos a mostrarte el código. Para instalar la función, tendrá que abrir sus funciones.archivo php y copie / pegue el siguiente fragmento de código:

function autoset_featured() {global $post;$already_has_thumb = has_post_thumbnail($post->ID);if (!$already_has_thumb) {$attached_image = get_children("post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );if ($attached_image) {foreach ($attached_image as $attachment_id => $attachment) {set_post_thumbnail($post->ID, $attachment_id);}}}}add_action('the_post', 'autoset_featured');add_action('save_post', 'autoset_featured');add_action('draft_to_publish', 'autoset_featured');add_action('new_to_publish', 'autoset_featured');add_action('pending_to_publish', 'autoset_featured');add_action('future_to_publish', 'autoset_featured');


No olvide guardar los cambios después de pegar el código. Ahora puedes intentar añadir una nueva publicación con cualquier imagen dentro de ella y publicarla. ¿Ves cómo apareció la imagen destacada en el sitio? Magia.

Enlazar automáticamente miniaturas de publicaciones destacadas a sus publicaciones originales

Los temas modernos de WordPress son piezas de arte diseñadas con la última tecnología en mente. Eso significa que los desarrolladores se han encargado de todas y cada una de las cosas que usted y sus futuros visitantes del sitio web necesitarán de un tema. Eso incluye un hermoso diseño y numerosas características agregadas tanto al backend como al frontend.

Después de que WordPress introdujo miniaturas de publicaciones destacadas, los desarrolladores de temas tuvieron que encontrar una manera de vincular esas imágenes a sus publicaciones originales. Esa imagen destacada simple se convirtió en un cambio de juego para WordPress que transformó una plataforma de blogs popular en CMS aún más popular. A veces, esas fotos no tendrán que vincularse a ninguna parte, pero si nos preguntas, cada imagen en miniatura destacada debe conducir a la publicación original.

A pesar de que muchos desarrolladores consideran que esta característica es imprescindible en un tema, muchos temas de WordPress (la mayoría de ellos serán regalos) no lo tendrán instalado de forma predeterminada. Y si tienes problemas con que no se pueda hacer clic en las imágenes en miniatura de las publicaciones, como hacemos nosotros, esto podría ponerte de los nervios. Pero no se preocupe, una solución rápida se puede encontrar a continuación.

En esta parte del tutorial, estamos a punto de mostrarle cómo vincular automáticamente la imagen destacada al enlace permanente de la publicación y, por lo tanto, permitir que cualquier persona que haga clic en la imagen sea redirigido a la publicación original.

Enlaza la imagen destacada a la publicación:

  1. Abrir funciones.php
  2. Copie y pegue el siguiente código:
function wcs_auto_link_post_thumbnails( $html, $post_id, $post_image_id ) {$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>'; return $html;}add_filter( 'post_thumbnail_html', 'wcs_auto_link_post_thumbnails', 10, 3 );


  1. Guardar cambios

Eso es todo, amigos. Una vez que hayas guardado los cambios, no tendrás que preocuparte de que las miniaturas de las publicaciones destacadas no se vinculen a la publicación original. Ahora, tanto la imagen en miniatura destacada como el texto» leer más » llevarán a tus visitantes a tu publicación.

Cómo agregar vistas previas en miniatura en la lista de edición de publicaciones/páginas

Si tienes tu tema de WordPress diario con características estándar, probablemente te hayas acostumbrado a cierta apariencia del panel de administración de WordPress. Cuando hablamos de opciones de edición para publicaciones y páginas, probablemente tengas una vista estándar en la que el título, el autor, las categorías, las etiquetas y las fechas se muestran en diferentes columnas.

Como puede ver, no hay información sobre las imágenes destacadas. Por lo tanto, si quieres ver si una publicación tiene una imagen destacada ya configurada y posiblemente ver cómo se ve la imagen, tienes que editar cada publicación por separado.

Cómo agregar vistas previas en miniatura en la lista de edición de publicaciones/páginas

Imagine pasar por docenas de publicaciones solo para obtener una vista rápida de la imagen destacada, para que no duplique una o deje una publicación sin uno. Eso es solo una pérdida de tiempo y es por eso que vamos a mostrarle una solución rápida para esto.

En esta parte del tutorial, le mostraremos un código simple que puede agregar a su tema, que luego agregará una miniatura directamente a la columna post/página. Para que este» truco » funcione, asegúrate de que tu tema sea compatible con miniaturas de publicaciones.

Basta de charla; insertemos el código en el tema y mostremos una miniatura en el editor de publicaciones:

  1. Abra su función.archivo php
  2. Copie y pegue el siguiente código:
add_filter('manage_posts_columns', 'posts_columns', 5);add_action('manage_posts_custom_column', 'posts_custom_columns', 5, 2);add_filter('manage_post-type_posts_columns', 'posts_columns', 5);add_action('manage_post-type_posts_custom_column', 'posts_custom_columns', 5, 2);function posts_columns($defaults){ $defaults = __('Thumbs'); return $defaults;}function posts_custom_columns($column_name, $id){ if($column_name === 'riv_post_thumbs'){if( has_post_thumbnail() ) { echo the_post_thumbnail('medium'); } else { _e('No Thumbnail For Post'); }echo "<style> .column-riv_post_thumbs img{ max-height: 300px; max-width: 250px; } </style>"; } }


  1. Guarde los cambios
  2. Vaya a Publicaciones->

En el código anterior, hemos establecido el tamaño de la miniatura en 100×100 píxeles. Dado que esto solo se usa como una vista previa de imagen destacada, realmente no hay necesidad de una imagen más grande. Por supuesto, usted es libre de cambiar el tamaño de la miniatura a cualquier tamaño que desee. En las siguientes líneas, puede ver algunos ejemplos de cómo editar la última línea del código:

Mostrar imagen completa en lugar de una miniatura:

echo the_post_thumbnail( 'featured-thumbnail' );


Doblar el tamaño de la miniatura:

echo the_post_thumbnail( array(200,200) );


Nuestro título dice que puede mostrar miniaturas en las pantallas de edición de publicaciones y páginas. ¿Has probado el código, pero no puedes ver los pulgares en las páginas? No se preocupe, necesitará estas dos líneas de código, y debe agregarlas al principio del fragmento que se muestra arriba:

add_filter('manage_pages_columns', 'posts_columns', 5);add_action('manage_pages_custom_column', 'posts_custom_columns', 5, 2);


Después de agregar este fragmento de código, sus miniaturas también serán visibles en el editor de páginas.

Haga que sus autores seleccionen imágenes destacadas antes de publicar publicaciones

Cuando WordPress alcanzó la versión 2.9, las personas tuvieron la oportunidad de agregar imágenes destacadas a sus publicaciones. Desde entonces, si los temas lo permitían, pudiste cargar o seleccionar una imagen para tu publicación que la representara de manera agradable, y aún así no estabas obligado a mostrar esa imagen dentro de la publicación.

Los usuarios de WordPress se acostumbraron rápidamente a la nueva función, y ahora se ha vuelto difícil encontrar un tema sin imágenes destacadas.

Pero si publicas mucho y tienes más de un autor, a veces puedes olvidarte de agregar una imagen destacada que puede resultar en un sitio web desordenado. Tu publicación sin una imagen se vería vacía e inacabada en la página de inicio, definitivamente habría un agujero en tu widget de publicaciones recientes, y si usas miniaturas para mostrar las imágenes al principio de tus artículos, tus publicaciones se verían muy lisas sin una imagen.

Esos son solo algunos problemas simples que podrías tener si olvidas incluir una imagen destacada. Antes de que surjan esos problemas, veamos cómo hacerlo desaparecer para siempre.

En esta parte del tutorial, estamos a punto de mostrarte un fragmento de código que te permitirá olvidarte del problema. Una vez que instale el código, cada autor que intente publicar una publicación sin tener una imagen destacada recibirá un mensaje de error. Su publicación terminará siendo guardada como borrador en lugar de ser publicada. Esto hará que ese autor en particular use cualquier imagen destacada antes de publicar una publicación y será un salvavidas cuando tenga prisa.

Si está listo para hacer que la función funcione, estos son los pasos que debe seguir:

  1. Abra sus funciones.archivo php
  2. Copie y pegue el siguiente código:
add_action('save_post', 'pu_validate_thumbnail');function pu_validate_thumbnail($post_id){// Only validate post type of postif(get_post_type($post_id) != 'post')return;// Check post has a thumbnailif ( !has_post_thumbnail( $post_id ) ) {// Confirm validate thumbnail has failedset_transient( "pu_validate_thumbnail_failed", "true");// Remove this action so we can resave the post as a draft and then reattach the postremove_action('save_post', 'pu_validate_thumbnail');wp_update_post(array('ID' => $post_id, 'post_status' => 'draft'));add_action('save_post', 'pu_validate_thumbnail');} else {// If the post has a thumbnail delete the transientdelete_transient( "pu_validate_thumbnail_failed" );}}


  1. Guardar cambios

Este código se compruebe el post de estado una vez que el autor hace clic en el botón publicar. Funciona solo para publicaciones, y si la función no encuentra una miniatura adjunta, se guardará un borrador y WordPress estará preparado para mostrar un mensaje de error. Si se encuentra una miniatura, normalmente se publica una publicación sin mostrar el mensaje.

Dado que el código que se muestra arriba no contiene el mensaje de error en sí, aún necesita un pequeño fragmento de código que lo preparará:

  1. Justo después del código anterior, copie y pegue este:
add_action('admin_notices', 'pu_validate_thumbnail_error');function pu_validate_thumbnail_error(){if ( get_transient( "pu_validate_thumbnail_failed" ) == "true" ) {echo "<div class='error'><p><strong>A post thumbnail must be set before saving the post.</strong></p></div>";delete_transient( "pu_validate_thumbnail_failed" );}}


  1. Guarde los cambios y pruebe su nueva función

Si desea personalizar el mensaje de error, vaya a la fila #5 y cambie «Una miniatura de publicación debe configurarse antes de guardar la publicación» en cualquier cosa que desee.

Eso es todo. Disfruta de tus publicaciones sin tener que preocuparte por no tener una imagen destacada.

Cambiar el texto de la imagen destacada en las páginas de administración

Si está editando un tema o creando uno nuevo, probablemente necesite trabajar en torno a las imágenes destacadas.

Imagen destacada de WordPress

Si ha utilizado, por ejemplo, una función que agregará automáticamente la imagen destacada de la primera imagen de una publicación, sería bueno que sus autores sepan lo que está sucediendo. Simplemente puede cambiar el texto y usarlo como una breve notificación que le dirá a un autor que la imagen destacada se seleccionará automáticamente si un autor no ha elegido una por sí mismo. Entonces, ¿cómo cambiar ese texto que dice «Establecer imagen destacada» a otra cosa?

  1. Abrir funciones.archivo php del tema que está utilizando
  2. Copie y pegue el siguiente código:
function change_featured_image_text( $content ) { return $content = str_replace( __( 'Set featured image' ), __( 'Your custom text goes here' ), $content);}add_filter( 'admin_post_thumbnail_html', 'change_featured_image_text' );


  1. Cambie el ‘Su texto personalizado va aquí’, pero no olvide dejar las comillas simples
  2. Guardar cambios
  3. Vaya a cualquier publicación y vea el texto modificado

Terminando

Las imágenes destacadas son probablemente el tipo de archivo multimedia más importante que tendrá en su blog. Por eso, es crucial que se vean bien. Si bien es esencial tener una foto hermosa o una imagen de computadora bien generada, debe hacer todo lo que esté en su poder para que sea lo mejor que pueda.

Afortunadamente, no tienes que ser un desarrollador o tener una comprensión completa de cómo WordPress procesa las imágenes. Solo necesita un complemento simple o un fragmento de código que lo ayude a configurar nuevas imágenes destacadas; esperamos que esta guía lo ayude con eso.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.