¿Buscas una forma de añadir imágenes destacadas a las entradas de tu blog de WordPress?
Las imágenes destacadas, también conocidas como miniaturas de entradas, son una característica muy conocida de WordPress compatible con la mayoría de los temas. Son la imagen principal de las entradas de tu blog y suelen aparecer encabezadas en la página de inicio y en los medios sociales.
En este artículo, le mostraremos cómo añadir fácilmente imágenes destacadas o miniaturas de entradas en WordPress.
Guía para principiantes sobre imágenes destacadas en WordPress
Las imágenes destacadas son una característica de los temas de WordPress. Casi todos los temas de WordPress son compatibles con / dan soporte a las imágenes destacadas y las muestran de forma atractiva en diferentes áreas de tu sitio web de WordPress.
Como seres humanos, los elementos visuales nos resultan más atractivos que el texto. Las imágenes destacadas le ayudarán a que las páginas de su blog parezcan más atractivas.
También le ayudan a fomentar la participación de los usuarios y a aumentar las visitas a la página. Los motores de búsqueda y los sitios web de medios sociales también pueden utilizar estas imágenes y mostrarlas en los resultados de búsqueda y en los feeds de noticias de los medios sociales.
En general, las imágenes destacadas se utilizan para entradas de blog, pero también puede establecer imágenes destacadas para páginas y tipos de contenido personalizados.
Nota: Las imágenes destacadas no son lo mismo que las imágenes de portada. Consulta la diferencia entre imagen de portada e imagen destacada en WordPress.
Dicho esto, veamos cómo añadir fácilmente imágenes destacadas en WordPress.
Tutorial en vídeo
Si prefiere instrucciones escritas, siga leyendo.
Añadir miniatura de entrada o imagen destacada en WordPress
Para añadir una imagen destacada a una entrada de WordPress, basta con editar o crear una nueva entrada en el blog.
En el editor de contenidos, encontrará la pestaña de imágenes destacadas en la columna de la derecha.
Debe hacer clic en el área “Establecer imagen destacada” y aparecerá el mensaje / ventana emergente del cargador de medios de WordPress.
Desde aquí, puedes subir una imagen desde tu ordenador o utilizar una imagen existente de tu biblioteca de medios. Una vez seleccionada la imagen, basta con hacer clic en el botón “Establecer imagen destacada”.
WordPress mostrará ahora una vista previa de la imagen destacada en la columna derecha.
Sin embargo, la imagen destacada real tendrá un aspecto diferente dependiendo de su tema de WordPress.
Ahora puede guardar o publicar su entrada o verla previa para ver cómo aparecerá la imagen destacada en su sitio web.
Dependiendo de los ajustes establecidos por el desarrollador de tu tema, tu imagen destacada aparecerá automáticamente con tus entradas.
Cómo encontrar y utilizar eficazmente imágenes destacadas
La siguiente gran pregunta que se plantean la mayoría de los principiantes es dónde encontrar imágenes para utilizarlas como imágenes destacadas.
No puedes utilizar la búsqueda de imágenes de Google y usar cualquier imagen de Internet. Esas imágenes están protegidas por leyes de copyright, y usarlas sin el permiso adecuado puede causar problemas legales.
Por suerte, existen varios recursos que puede utilizar para encontrar imágenes gratuitas para las entradas de su blog.
Nuestros favoritos son:
- Shutterstock – Tienen algunas imágenes gratuitas, pero el valor real viene de sus planes de pago, que te dan acceso a toneladas de fotos de alta calidad, ilustraciones, dibujos, vídeos y mucho más.
- Unsplash – Un popular recurso en línea que publica imágenes de alta resolución que puedes utilizar en tu sitio web y otros proyectos.
- Negative Space – Una colección bien organizada de imágenes libres de copyright.
- New Old Stock – Una colección de fotografías antiguas procedentes de archivos públicos.
Nota: Todas estas fuentes proporcionan imágenes de alta resolución, lo que significa que son grandes en tamaño de archivo y dimensiones. Tendrás que optimizar las imágenes para la web antes de utilizarlas como imágenes características.
Las imágenes destacadas son gestionadas por tu tema de WordPress. Para cambiar la forma en que su tema muestra las imágenes destacadas, necesitará algunos conocimientos básicos de CSS o de código de WordPress.
Si se siente cómodo con el código, siga leyendo para obtener más consejos.
Guía para desarrolladores de temas sobre imágenes destacadas y miniaturas de entradas en WordPress
La imagen destacada es una característica popular compatible con / dar soporte a casi todos los temas de WordPress. En raras ocasiones, puede que te encuentres con un tema que no es compatible con las imágenes destacadas, o puede que no te guste cómo manejan las imágenes destacadas.
En ese caso, puede añadir soporte para imágenes destacadas a su tema o cambiar su apariencia.
Si se siente cómodo editando archivos de temas de WordPress y conoce un poco de CSS personalizado, puede hacerlo usted mismo.
Si tu tema no es compatible con imágenes destacadas, entonces no verás la opción de añadir una imagen destacada en el editor de contenido.
Para añadir soporte para imágenes destacadas en un tema de WordPress, necesita añadir esta línea de código en el archivo functions. php de su tema:
add_theme_support( 'post-thumbnails' );
No recomendamos editar directamente el archivo functions.php de tu sitio si no eres desarrollador. El más mínimo error puede romper el sitio web y causar numerosos errores.
Una forma más fácil de añadir código personalizado es usar WPCode. Es el mejor plugin de fragmentos de código para WordPress. Usted puede gestionar fácilmente todos los fragmentos de código personalizado utilizando el plugin y no tiene que preocuparse acerca de estropear su sitio web.
En primer lugar, tendrás que instalar y activar el plugin WPCode. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado, puede ir a Fragmentos de código ” + Añadir fragmento desde su escritorio de WordPress. Desde aquí, sólo tiene que seleccionar la opción “Añadir su código personalizado (nuevo fragmento)”.
A continuación, puede introducir su código personalizado en la zona “Vista previa del código”.
No olvide hacer clic en el menú desplegable “Tipo de código” y seleccionar “Fragmento de código PHP” como tipo.
Una vez hecho esto, puede desplazarse hacia abajo y seleccionar el método de inserción de su código.
WPCode utilizará la opción ‘Auto Insertar’ por defecto y ejecutará el código en todas partes. Sin embargo, puede cambiar la ubicación y seleccionar para ejecutar el código en un lugar específico, como la cabecera, pie de página, antes de un párrafo, y más.
También hay un método Shortcode, en el que puede introducir manualmente un shortcode para ejecutar el código.
Para este tutorial, puede utilizar el método por defecto y auto-insertar el código en todas partes.
Cuando haya terminado, sólo tiene que hacer clic en el conmutador de la parte superior para activar el fragmento de código y, a continuación, en el botón “Guardar fragmento de código”.
Este código activará el soporte de imágenes destacadas para entradas y páginas. Ahora puedes ir al editor de bloques de entradas o páginas, y verás activada la opción de imagen destacada.
Sin embargo, cuando estableces una imagen destacada, no se mostrará automáticamente en tu tema de WordPress. Para mostrar imágenes destacadas en su tema, es necesario editar sus plantillas y añadir esta línea de código en el que desea mostrar la imagen destacada:
<?php the_post_thumbnail(); ?>
Los archivos que añadir el código anterior en variará en función de su tema. Usted querrá añadir el código dentro de su bucle de entradas.
Relacionado: Consulte la hoja de trucos sobre la jerarquía de temas de WordPress para comprender mejor cómo funcionan los temas.
Configure el tamaño de sus imágenes destacadas
El código anterior es la función básica que necesita para añadir soporte con / dar imágenes destacadas en su tema. Para establecer el tamaño de la imagen para las imágenes destacadas que se suben, es necesario añadir esta línea de código a su archivo functions.php o fragmento de código WPCode.
set_post_thumbnail_size( 50, 50);
Los parámetros para set_post_thumbnail_size son en este orden: anchura, altura.
También puede establecer tamaños de imagen adicionales para utilizarlos con la función_post_thumbnail(). Por ejemplo:
// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );
En este ejemplo, hemos añadido un nuevo tamaño de imagen llamado single-post-thumbnail con 590px de ancho y 180px de alto.
Para utilizar este tamaño de imagen en nuestro tema, tendremos que añadirlo al archivo del tema correspondiente.
Para obtener más información, consulte nuestra guía sobre cómo añadir tamaños de imagen adicionales en WordPress.
Si has subido anteriormente imágenes destacadas, pero siguen apareciendo en otro tamaño, entonces necesitas regenerar las miniaturas y los tamaños de las imágenes para las entradas anteriores.
A continuación se muestra un ejemplo de la función de imagen destacada con un tamaño de imagen específico.
<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
Esta es la versión desglosada de la funcionalidad completa. Hay muchas otras cosas que puedes hacer con las imágenes destacadas.
FAQ Acerca de las Imágenes Destacadas en WordPress
Si eres principiante, es posible que te surjan problemas / conflictos / incidencias al utilizar imágenes destacadas en tu blog. Estas son algunas de las preguntas más frecuentes acerca de las imágenes destacadas.
1. ¿Por qué la imagen destacada aparece dos veces en mis entradas?
A veces, los principiantes añaden una imagen destacada y luego añaden la misma imagen dentro de la parte de contenido del editor de entradas.
Solo tienes que eliminar la imagen del área de contenido y solo usar la caja meta de imagen destacada para añadir la imagen destacada. Para más información sobre esta característica, consulta nuestro artículo sobre cómo corregir que la imagen destacada aparezca dos veces en WordPress.
2. ¿Cuál es la diferencia entre la imagen de portada y la imagen destacada?
Las imágenes de portada se utilizan en el área de contenido de sus entradas o páginas. Normalmente se utilizan para separar diferentes secciones de una página o entrada larga.
La imagen destacada es la imagen representativa de un artículo. Aparece antes o junto al contenido, pero no dentro del propio artículo.
Para más información sobre este debate, consulte nuestra guía sobre la diferencia entre la imagen de portada y la imagen destacada en WordPress.
3. ¿Cómo mostrar imágenes destacadas junto a entradas recientes del blog?
El editor de bloques de WordPress incluye un bloque “Últimas entradas” que permite mostrar entradas recientes con miniaturas de entradas.
También puedes mostrar entradas recientes con miniaturas en los widgets de la barra lateral utilizando el plugin Recent Posts Widget Extended. Para más detalles, consulte nuestro artículo sobre cómo mostrar entradas recientes en WordPress.
4. ¿Cómo recordar a los autores que añadan imágenes destacadas en WordPress?
Las imágenes destacadas ocupan un lugar destacado en su página de inicio, página de blog y otras páginas de archivo.
Si usted u otro autor de su blog olvidó establecer una y publicó la entrada, ésta aparecerá sin imagen destacada. Esto se verá mal e inconsistente, lo que no es bueno para la experiencia del usuario.
Puedes instalar y activar el plugin PublishPress Checklist, que mostrará un aviso cuando alguien intente publicar una entrada sin imagen destacada.
Para más detalles, consulte nuestro artículo sobre cómo exigir imágenes destacadas en WordPress.
5. ¿Por qué no se muestra mi imagen destacada en WordPress?
Existen varias razones por las que tu imagen destacada no se muestra en tu sitio WordPress. Por ejemplo, puede que estés intentando subir un archivo de imagen demasiado grande. O bien, un plugin o tema podría estar restringiendo la aparición de la imagen.
Para resolver esta incidencia, compruebe nuestra guía sobre cómo corregir que la imagen destacada no se muestre en WordPress.
Recursos adicionales para optimizar las imágenes destacadas
También puede consultar nuestras otras guías y tutoriales sobre cómo sacar el máximo partido a las imágenes destacadas de su sitio:
- Cómo editar por lotes las imágenes destacadas en WordPress
- Cómo añadir múltiples miniaturas de entradas / imágenes destacadas en WordPress
- Cómo establecer una imagen destacada por defecto en WordPress (de forma sencilla)
- Imagen de portada vs. Imagen destacada en el editor de bloques de WordPress (Guía para principiantes)
- Cómo Ocultar Imágenes Destacadas en Entradas Individuales en WordPress
Esperamos que este artículo te haya ayudado a aprender cómo añadir imágenes destacadas o miniaturas de entradas en WordPress. También puedes marcar / comprobar nuestra guía para principiantes sobre SEO de imágenes y nuestras selecciones de expertos para los mejores plugins de medios sociales para sitios web de WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Esch
What do I need to do to only have the featured image shown next to each post in the blog roll, but not when you are reading individual posts? Do I insert the line of code into my index.php file or is there something else? Thanks!
Jurgen
Hi,
is it possible to embed a code as a featured image? For example: Getty images offers free pictures for bloggers. Once i copy the code its easy to embed in the post, but I need the pictures as my featured image. Is there a way I can do this? Plugin?
Thanks for your help!
lauren lynch
I cant find the featured pictures bit on this and can you use this for hp windows laptop?????
WPBeginner Support
Are you sure you are using self hosted WordPress.org site? Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Administrador
Sumit Kumar Gogawat
I want to remove blank space of featured image from wordpress post. Can you please help me.
carlita
Need help with distorted pics on mobile look of site. When you click read more the photos are distorted can someone explain what i need to do. thanks
Adam
How do I edit a post so that the picture is beside a blog post description?
Harini
I do not know how to convert html file to wordpress. As a beginner can you help me.
Astha
thanks
Abs
Hi,
Thanks for the info. I’ve been following this blog and help a lot.
I have a question regarding the thumbnail.
1. It is possible the thumbnail or featured image appeared on the blog roll but when the user click and open the entire post, the feature image will be hide?
2. Or it is possible that one of the image inside the post will be use as the featured image?
The reason for this is, in my blog not all post have image on the beginning of the post. When I set featured image, it will automatically insert on the beginning of the post.
Thanks.
Isabel
Hi, I am able to upload a feature image successfully but when I open the post, the image doesn’t show. What might be the problem? For better understanding you can check out my post below to get what I mean. I use the plugin WP Smush as well so not sure if this affects.
Gaby
I’d been using Timthumb for a while now, and I was kinda afraid to change to Wordpress’ built in featured images, but this tutorial worked perfectly – and Worpress is handling different sized images just fine! So thank you so much for it!
Cheers!
Tracy Quinn
Thanks for the article, really helped me out today, I now have pictures on my blog roll.
Cheers Tracy
Filip
Thanks for making it so simple! I was petrified of going into the code, but with your help I finally fixed the thing that has been bugging me for days!
Thank you!
Barry Richardson
I have set a Featured Image for most of my blog posts. (In each case the image is already present within the post.) My Reading setting is set to show the latest post when viewing the Home page.
However, on the Home page the Featured image is repeated above the post, and I don’t want that. How can I prevent that duplication?
I’m not getting any response from the WP Support Forum.
bobbi
I have the same issue as Barry.
So I remove the original, and try to remember to set FI first.. it’s sort of ok.
But when hover over image I don’t get the title info (Firefox) that is there.. ???
Milagros Cuevas
Hello,
I’m not sure if this fits under the “featured image” issue, but I am hoping to use a image link map on the featured image (my client insist on having it), but I cannot seem to find where I can edit the code easily. The theme they have selected is utilizing a left side bar as the regular “header” so I’ve had to set a featured image to be the “header” on each post. I don’t want to start messing around with the .php or stylesheet until I know whether or not I can actually do it, or more insight on how to do it.
Anne Seabrook
Help!! Our website crashed and it’s been rebuilt but now there is a problem with featured image. The images are cutting off the top of the pictures, such as peoples heads. Also, when setting featured images, pictures are not uploading to featured image size and they are loading in the centre, not to the left.
Hope this makes sense. I have tried everything I can think of, unsure about changing coding in php as previous effort crashed site. Any help greatly received.
WPBeginner Support
Please see our guide How to regenerate thumbnails and new image sizes in WordPress.
Administrador
Lionel
Thanks for this tip, that’s exactly what I need !
Daniel Keith
Hi there,
Great tutorial indeed. Especially, the links you provided at the end of this tutorial are awesome.
Customizing a WordPress website is always a charm.
Chao
How to display featured image below page title?
Maiya
How do I make the thumbnails of my featured images bigger?
Dinnae
That all depends on the theme you are using. It’s all about the styling. Some themes have functionality to allow you to choose the layout of your blog and change the sizing, but many don’t. If your theme is one that doesn’t, you will have to make the change in your styles.css file. If it DOES, it will be somewhere in your theme options area. Good luck!
jay
It doesnt appear on my post editor. appears the one from the theme but does not work! any solution? thanks a lot
WPBeginner Staff
Please make sure that there is no space after the last command at the end of your functions.php file. Alternately, you can also create a site-specific plugin and paste your code there.
Ratio
Hi, i’ve tried to add the code to my functions.php. This is what was the “response”: Warning: Cannot modify header information – headers already sent by (output started at
Please help!
Mohsin Alam
Another great help! I’ve got rid of thumbnail issue. You are rocks my brother Syed.
kumarapush
Thanks for detailed post about adding Thumbnail and Featured Image.
For my website, I display recent post in Sidebar and Related post at end of every post.
Is there any way that I can have different Thumbnail image for Sidebar and Featured Post at the end of the Page, for same post?
Basically, I want to have 2 featured images for single post. Thanks.
imagecolor
this snipet works.
but how can i create a custom page where i can place this snippet as the body?
• ive created a php file with this script:
(get_header) (body: this script) + (get_footer)
•i uploaded this file into my themes folder and made it as a Template for pages.
• now im creating a new page. and seting it to load the template i created.
• the output is blank. its only showing the (header) (emptybody) (footer)
Should i replace the code in “content-single.php” with this script. so that the Rule of “loading the feature image” is applied everywhere?
Saurabh Mathur
My wordpress theme is wildfire and the featured image size and post featured thumbnail size are different. But on the slider, the featured image is not showing up properly and appears to be blown out of proportion. How can I make sure that when I upload the featured image, it displays correctly in slider and also in the post featured thumbnail according to the respective sizes.
Gemma
Hi,
I have tried putting this code into my functions file in lots of different spots (top, bottom, middle, etc) and it still doesn’t seem to work.
Can you suggest any other kinds of troubleshooting? I really want to be able to do excerpts with featured images, which I know is supposed to be a function of the theme I am using.
Help! This stuff makes me (a non-techie) go crazy!! Thank you
WPBeginner Support
Try creating a site-specific plugin.
Administrador
Sajjadur Rahman
I start a wordPress Theme Customization, I use featured image various post in my theme,In a page “contact Us” I want to add image. I can add statically image under a div in this page.But i wan to add featured image in this div / In this section,Which will work dynamically.Now how can i call this featured image in this div………..?????????
Alex
This plugin can help you https://wordpress.org/plugins/dynamic-featured-image/ !
Pat MacDonald
I have a question – where exactly within the functions.php file should the snippet “add_theme_support( ‘post-thumbnails’ );” be added?
WPBeginner Support
At the end of functions.php file.
Administrador
luis
this was really nice and clear! Thanks!!! =)
Flávio Cecilio
Good afternoon,
I am using the ClassiPress theme and would like to announce that when the person on the site, automatically announcement appeared on facebook.
I am using the plugin “Facebook Auto Publish” and it works well but does not put the photo.
How can I make the images of the ads, only the first is great, appear on facebook?
thank you!
Bojan
Tnx for the article.
I have a problem here, since if I click “New Post”, there is not Featured Image option. It appears only if I click edit on an allready published post.
But the problem is, that once it is published, it is allready been posted to my FB, and if I edit it then, it wont get updated on FB.
Any solution?
WPBeginner Support
Click on New Post, when the post editor opens, click on “Screen Options” link on the top right corner of the screen. This will open a fly-down menu. You will see a checkbox next to featured images. Make sure Featured images is checked.
Administrador
Nate Otaba
i using “transcript wordpress theme” and i’m having difficulties having thumbnails on home page, you can only see pics when u click on a post. i have installed “regenerate thumbnail” plugin and regenerated the thumbnails and it didn’t work… Pls help…
WPBeginner Support
Please contact your theme support
Administrador
Nalin
Hi, I used the featured images option. However in my blog roll, the image is on top of the excerpt. I want the excerpt to be to the side of the featured image. How do i do this?
Thanks
WPBeginner Support
Nalin, use CSS to set alignment for your featured images and excerpt.
Administrador
Alexandros Gr
I wouldn’t have done lots of things if wpbeginner hadn’t existed !!
I am really thankful
Karol
Guys, I used this add on: add_theme_support( ‘post-thumbnails’ ); and I ended up messing up the entire site. I don’t have a way to get back to it to delete. Help please!!!
WPBeginner Support
Karol, you can edit it by using an FTP client, like Filezilla. Connect to your website using FTP locate the file /wp-content/themes/your-theme-name/functions.php right click and select Edit to open this file in a text editor. Find the lines you added and remove them.
Administrador
Darlene Burke
I have been having issues with trying to remove a featured image. When I click on the ‘remove featured image’ link in the post – nothing happens. Have you come across this before? Its causing us to have to recreate posts when we want to add a new featured image
WPBeginner Support
It is possible that a WordPress plugin is causing the problem. Try deactivating your plugins one by one, after deactivating each plugin go back to a post and try to remove a featured image. Repeat this until you find the plugin causing the problem. Let us know if this resolves the issue.
Administrador
Nishanth
I have been using wordpress theme for my website over a month. All of a sudden now when I am uploading featured image, it is uploading but the image dimensions are not displayed in the thumbnail which shows up in Media Library, this means the post will not display the featured image. And when I click “Edit Image” next to the thumbnail, I get an error message “Image data does not exist. Please re-upload the image.” I am really frustrated because of this error, I am nto able to post new articles as I am not able to upload new images, already uploaded images works. I have searched a lot and have done all troubleshooting. Is have already contacted theme support, they are telling, its hosting issue and they should be able to resolve. I am not sure what is causing this issue. I have already emailed them and waiting for reply. Any idea why this is happening, it was working fine till now.
Thanks any suggestions will be very much helpful.
TY
Is there a way to bulk remove featured image from multiple posts? Currently the way to unset featured image is to remove it via the post edit page individually.
WPBeginner Support
Today we published how to bulk remove featured images from posts in WordPress, we hope this answers your question.
Administrador
Maria
Hi, on my food blog http://www.reallifedinner I have been trying to figure out how to have the featured image show up in my category archives (like my recipe index) with out having them show up in the top corner of each post. I have turned off the display right now because it looks so stupid to have the tiny thumbnail above the larger post image. Can you help me? Is there a way I can get the one on the post to disappear without getting rid of the one in the archives?
WPBeginner Support
You need to create a new image size for example category-archive-thumbnail. Then you need to use in your category templates. Also make sure that you not inserting the featured image inside your individual posts. You just need to set the featured image and let your theme handle the display of featured image on single post view and category archives.
Administrador
PaulJoe
This article helped me a lot in adding images to my Wordpress blog. thank you so much
Nathmie
Hi
I have a problem which I cannot solve and still googling on this topic and hope you can advise.
I have around 5000 custom posts, all I want to do is assign X amount of posts to a featured image, i.e. bulk assign featured image to X amount of posts.
Can you please help me?
kyle
i enterd the code above and it crashed my website – white screen of death – now i can;t get in anywhere. .. i read your page on how to fix the white screen, butnone of it worked… i just need to get into the editor theme and remove your code that i entered – any idea how to do that>?
WPBeginner Support
you can use an FTP client like Filezilla to access your site. Then go to the file you last edited. Download that file and open it in a text editor like notepad or WordPad. Remove the lines you last edited and upload the file back using FTP.
Administrador
Nancy ZIller
Suddenly I can’t post images in blog. Here is what is happening:
New Post>Add Media>Now Im at the Insert Media but it only lets my use the Upload option, the Media Library option is dead.>SO ok I’ll upload the image, it looks like it uploads, and then I get a Error Message that says, ” Error _DSC6096WEB.jpg An error occurred in the upload. Please try again later. ”
So now I can’t insert an image in my post. However, If I hit the back arrow to my Dashboard and click on MEDIA>Library the image that had the error is there! So then I click the small box next to the image and hit view. and it shows it on my blog page as a tiny image, now I either go back OR I have the option to EDIT, I see the image but it won’t let me post the image, I have a choice of UPDATE or DELETE PERMENETLY.
Im going in circles, any suggestions?
Chloe
We’re having an issue that maybe you can help me with?
– We add a blog post without an image
– We check the homepage- looks fine
– Then later we notice that an image has been randomly attached to the post
Do you have any idea what’s causing this?
thanks!
Chloe
Also, i should say that it’s happing on the live site but we can’t seem to replicate it on the staging site which is why we suspect is has something to do with servers but not sure how to solve the problem.
Editorial Staff
Seems odd. If a post is being randomly attached, then it can happen because of another plugin that maybe checks for the featured image if nothing found attaches the first image of the post as featured image.
Administrador
justin
when using featured images, it creates the thumbnail successfully, but also posts the larger ‘featured image’ above the posts, how do you remove this double post?
i want my post excerpt to have a thumbnail, 200 words and a ‘read more’ button ….
i want my full post to have the full sized photo and all the text
why is this so hard? what am i missing? why are thumbnails tied to featured (above the fold) images??
Editorial Staff
It sounds like an issue with your theme.
Administrador
justin
wordpress 2012 theme is what i’m using. only minor cosmetic changes to it. nothing structural.
any ideas? i could really use some help!
thanks very much for your response! appreciate it!
Martin
Justin, did you ever fix this? The exact same thing is happening to me. I want to move to a responsive them (awethemes reactor) which adds the thumb on the posts/blog page AND in the post. Been chasing my tail on this for hours!
WPBeginner Support
@Justin and Martin:
Twenty Twelve displays featured image above the post content. You are not supposed to insert a featured image inside the post. You just need to set it as featured image. A lot of users make this mistake and not only they set the featured image they also insert it into the post. This way the image appears twice on the site in different sizes. Once as featured image and once as part of the post content.
A featured image does not necessarily have to be a thumbnail or a smaller size. For example, twenty twelve and twenty thirteen display large images as featured images by default.
So what you need to do is to create a new image size. Then remove the tag <?php the_post_thumbnail(); ?> and use <?php the_post_thumbnail(‘your-thumbnail-size’); ?> where ever your want the thumbnail to appear.
Hope this resolves the issue you guys are having.
Aiza Khan
I have a problem with my wordpress blog that the images urls are appearing like this
http://www.pakistanimodels.pk/wp-content/uploads/2013/06/Syra-Yousuf-Wedding-Pics-Shehroz-Sabzwari-29.jpg?487874
After the .jpg why this ?487874 is appearing. Due to this my images are not indexing in google.
Editorial Staff
Its a setting in W3 Total Cache that is causing the issue.
Administrador
Aiza Khan
Can you tell me how to solve this problem???
Nathan
That helped a lot. The coding stuff is just too complicated for me.
Mark
Glad to see another good article on use of coding rather than blindly using a plugin. Keep up the great work.
Silvan
Featured images only work going foward. If you haven’t set a featured image, it won’t show up.
So is there a way to retrospectively set a featured image in bulk for each post (i.e. pick the first image in the post); without having to do it manually?
Editorial Staff
Sure there is. In our article’s last paragraph, we have mentioned a way to set a fallback for featured images.
Administrador
Tarique Sani
There is a plugin to do precisely what you want, loop thru the old posts pick up first image and set it as featured.
http://wordpress.org/plugins/auto-post-thumbnail/ [link modified to point to plugin page directly]
Hope that helps