{"id":371412,"date":"2023-04-06T14:54:00","date_gmt":"2023-04-06T11:54:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371412"},"modified":"2023-04-09T15:49:36","modified_gmt":"2023-04-09T12:49:36","slug":"imagen-destacada-de-wordpress-que-es-y-como-agregarlo","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/imagen-destacada-de-wordpress-que-es-y-como-agregarlo\/","title":{"rendered":"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo"},"content":{"rendered":"\n<p>Cuando la gente comenz\u00f3 a decir que una sola imagen vale m\u00e1s que mil palabras, no ten\u00edan idea de cu\u00e1nto se convertir\u00edan las im\u00e1genes en el futuro. El adagio centenario surgi\u00f3 cuando el reinado de la imprenta estaba en pleno apogeo, y cosas como Internet, sitios web y WordPress no estaban a la vista.<\/p>\n<p>Ahora, sin embargo, la imagen se ha convertido en mucho m\u00e1s, incluso en situaciones en las que la informaci\u00f3n se transfiere en forma de texto. <strong>\u00bfQui\u00e9n quiere mirar grandes bloques de texto, cuando puede dividirlos en fragmentos f\u00e1cilmente manejables con im\u00e1genes?<\/strong> Y puede usar esas im\u00e1genes para proporcionar informaci\u00f3n adicional, llamar la atenci\u00f3n o simplemente darles a las personas algo en lo que descansar.<\/p>\n<p><strong>Las im\u00e1genes son indispensables<\/strong>, si a\u00fan no lo sabe por la cantidad de <a href=\"https:\/\/themewp.inform.click\/es\/los-mejores-sitios-web-de-archivo-de-fotos-gratis-y-premium\/\" title=\"sitios de fotos premium y gratuitos\">sitios de fotos premium y gratuitos<\/a> que puede usar para obtener fotograf\u00edas incre\u00edbles. Pero tambi\u00e9n aparecen en diferentes partes y p\u00e1ginas de tu sitio web donde realizan distintas funciones. Esta es la raz\u00f3n <strong>por la que no basta con elegir una buena imagen<\/strong>. Necesitas saber qu\u00e9 hace la imagen. En este art\u00edculo, <strong>explicaremos las im\u00e1genes destacadas de WordPress<\/strong>.<\/p>\n<h2>\u00bfQu\u00e9 es una imagen destacada de WordPress?<\/h2>\n<p>La imagen destacada en WordPress es diferente a la imagen ordinaria que usar\u00eda para dividir un texto o ilustrar un producto. <strong>Es una imagen representativa de toda la publicaci\u00f3n, independientemente de su tipo.<\/strong> Ni siquiera tienes voz en el lugar donde aparece, ya que generalmente est\u00e1 regulado por el tema que est\u00e1s usando. Usted puede decidir qu\u00e9 p\u00e1gina tiene una: a las p\u00e1ginas normales, las publicaciones de blog o las p\u00e1ginas de productos <strong>se les puede asignar una imagen destacada<\/strong>.<\/p>\n<p>Debido al importante papel que desempe\u00f1an, las im\u00e1genes destacadas de WordPress deben estar tan bien pensadas como cualquier otra pieza vital de contenido que publique en l\u00ednea. No hace falta decir que <strong>una imagen destacada debe ser capaz de atraer la atenci\u00f3n<\/strong>. Debe ser pegadizo, f\u00e1cil de digerir y capaz de impartir informaci\u00f3n de un vistazo. <strong>Una imagen destacada de WordPress debe representar bien su p\u00e1gina<\/strong>.<\/p>\n<p>Las im\u00e1genes destacadas tienen una larga y serpenteante historia en WordPress. Originalmente, las im\u00e1genes que realizaban esta funci\u00f3n deb\u00edan agregarse a trav\u00e9s de un campo personalizado. No fue hasta la versi\u00f3n 2.9 que WordPress lo hizo oficial y le dio a estas im\u00e1genes un campo propio.<\/p>\n<p>Con el tiempo, estas im\u00e1genes, <strong>entonces conocidas como &quot;im\u00e1genes en miniatura&quot;<\/strong>, recibieron una mayor apreciaci\u00f3n por parte de la comunidad. Hoy en d\u00eda, ser\u00eda dif\u00edcil encontrar un tema que no incluya un campo para ingresar estas im\u00e1genes, aunque la mayor\u00eda agr\u00e9guelo bajo el nombre &quot;imagen destacada&quot;.<\/p>\n<h2>C\u00f3mo agregar im\u00e1genes destacadas en WordPress<\/h2>\n<p>Por toda la importancia que tienen, las im\u00e1genes destacadas son incre\u00edblemente f\u00e1ciles de agregar a tus publicaciones. El \u00fanico problema que puede tener al agregarlos es el hecho de que a veces es dif\u00edcil notar d\u00f3nde se supone que debe hacerlo. Para que conste, <strong>la opci\u00f3n para agregar im\u00e1genes destacadas generalmente se encuentra en la esquina inferior derecha entre las herramientas<\/strong>.<\/p>\n<p>Todo el procedimiento para agregar im\u00e1genes destacadas en WordPress deber\u00eda ser as\u00ed:<\/p>\n<ol>\n<li>\n<p><strong>Encuentra la publicaci\u00f3n.<\/strong> Navegue hasta \u00e9l en el \u00e1rea de administraci\u00f3n.<\/p>\n<\/li>\n<li>\n<p><strong>Haga clic en el bot\u00f3n o enlace &quot;establecer imagen destacada&quot;<\/strong>. Ya sea que est\u00e9 usando Gutenberg o el Editor cl\u00e1sico, encontrar\u00e1 este bot\u00f3n en la barra lateral derecha. As\u00ed es como se ve en Gutenberg:<\/p>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e36fc3c6f8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e36fc3c6f8.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<p>Y as\u00ed es como se ve en el Editor cl\u00e1sico:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e36ff23972.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e36ff23972.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<ol start=\"3\">\n<li><strong>Agrega la imagen.<\/strong> Puede elegir uno de la Biblioteca multimedia o cargarlo desde su computadora:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e37013e014.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e37013e014.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<ol start=\"4\">\n<li><strong>Enjuague y repita.<\/strong> Siga estos pasos para cada nueva publicaci\u00f3n que necesite una imagen destacada.<\/li>\n<\/ol>\n<p>Es f\u00e1cil. La clave para recordar aqu\u00ed es el paso n\u00famero cuatro: <strong>cada nueva publicaci\u00f3n que realice requerir\u00e1 su propia imagen destacada<\/strong>. Tambi\u00e9n debe saber que puede <a href=\"https:\/\/themewp.inform.click\/es\/como-editar-imagenes-en-wordpress-de-forma-rapida\/\" title=\"editar im\u00e1genes en WordPress\">editar im\u00e1genes en WordPress<\/a> independientemente de d\u00f3nde las coloque y el papel que desempe\u00f1en.<\/p>\n<p>Finalmente, tambi\u00e9n debe recordar que <strong>cada imagen que coloque en la web debe optimizarse<\/strong>. No desea que una imagen particularmente grande reduzca la velocidad de carga de las publicaciones, \u00bfverdad? Es f\u00e1cil encontrar una <a href=\"https:\/\/themewp.inform.click\/es\/optimice-las-imagenes-en-wordpress-para-aumentar-la-velocidad-del-sitio-web\/\" title=\"gu\u00eda de optimizaci\u00f3n de im\u00e1genes\">gu\u00eda de optimizaci\u00f3n de im\u00e1genes<\/a> y revisarla solo para asegurarse de que sus im\u00e1genes destacadas solo sean buenas para su sitio web.<\/p>\n<h2>\u00bfC\u00f3mo muestran los diferentes temas las im\u00e1genes destacadas?<\/h2>\n<p>Tu trabajo finaliza cuando decides qu\u00e9 imagen quieres usar como imagen destacada para una publicaci\u00f3n. A partir de ah\u00ed, es el tema de WordPress que est\u00e1 utilizando en su sitio web el que decide qu\u00e9 sucede con la imagen. <strong>Cosas como la ubicaci\u00f3n y las dimensiones de la imagen dependen del tema.<\/strong><\/p>\n<p>Si desea ver r\u00e1pidamente c\u00f3mo se ver\u00eda en su sitio web, <strong>cree una nueva publicaci\u00f3n en el blog, agregue una imagen destacada y publ\u00edquela<\/strong>. Probablemente lo ver\u00e1s en la parte superior de la publicaci\u00f3n publicada. Echemos un vistazo a un ejemplo del tema gratuito Twenty Seventeen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370476498.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370476498.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<p>La imagen destacada aqu\u00ed es la prominente con el puente que cruza el r\u00edo. Puedes ver que est\u00e1 colocado encima del texto, casi en la parte superior de la publicaci\u00f3n, en una posici\u00f3n dominante. <strong>Esta imagen es un excelente ejemplo de una imagen destacada que representa la p\u00e1gina en la que<\/strong> se encuentra; debe ilustrar el tema que se trata en la publicaci\u00f3n.<\/p>\n<p>En este caso, la imagen destacada tiene el tama\u00f1o del ancho completo de la p\u00e1gina. Este no es siempre el caso: <strong>cada tema tiene sus propias reglas en lo que respecta al tama\u00f1o de las im\u00e1genes<\/strong>. En algunos casos, y especialmente cuando se usan los temas premium pagados, es posible que obtenga algunas opciones con las que jugar. O simplemente puede cambiar a un tema que muestre las im\u00e1genes destacadas de manera diferente. Tomaremos el <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/krafti-arts-crafts-wordpress-theme\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema de Krafti<\/a> como ejemplo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e3708d6e24.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e3708d6e24.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<p>Lo primero que notar\u00e1 en esta publicaci\u00f3n es que la imagen destacada tiene una posici\u00f3n completamente diferente. Todav\u00eda es llamativo, pero no domina la p\u00e1gina de la misma manera que lo hizo la imagen en el ejemplo anterior. Esta imagen destacada parece casi como si fuera parte del cuerpo de la p\u00e1gina.<\/p>\n<p>Pero tambi\u00e9n puedes ver las similitudes entre estos dos ejemplos. <strong>Las im\u00e1genes destacadas en ambos son las primeras im\u00e1genes en la publicaci\u00f3n. Se colocan justo debajo del encabezado y, por lo general, cerca del t\u00edtulo.<\/strong> Entonces, incluso si ve el t\u00edtulo sobre la imagen (algunos temas lo hacen), recuerde que la imagen destacada suele ser la m\u00e1s cercana al t\u00edtulo.<\/p>\n<h2>\u00bfDe qu\u00e9 otra manera los temas usan im\u00e1genes destacadas?<\/h2>\n<p>Con bastante frecuencia, no ver\u00e1 la imagen destacada de una p\u00e1gina en la p\u00e1gina misma. Puede encontrar temas que colocar\u00edan im\u00e1genes destacadas incluso en las p\u00e1ginas de inicio y en las p\u00e1ginas internas, pero ese no suele ser el prop\u00f3sito que tienen en estas p\u00e1ginas. Por lo general, <strong>la imagen destacada aparece en las p\u00e1ginas de archivo del tema, en los resultados de b\u00fasqueda y en las listas de publicaciones o productos del blog, as\u00ed como en la secci\u00f3n de &quot;publicaciones relacionadas&quot;<\/strong>.<\/p>\n<p>Incluso all\u00ed, sin embargo, puedes encontrar diferencias. El tema Twenty Seventeen no muestra im\u00e1genes destacadas en los resultados de b\u00fasqueda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370c35b65.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370c35b65.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<p>El tema de Krafti s\u00ed, y tiene sus propias reglas de tama\u00f1o y ubicaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370f9f1d5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370f9f1d5.jpg\" alt=\"Imagen destacada de WordPress: qu\u00e9 es y c\u00f3mo agregarlo\"><\/a><\/p>\n<p>Finalmente, las im\u00e1genes destacadas tienen otra funci\u00f3n muy importante que realizar, y sucede cuando se comparte una publicaci\u00f3n en las redes sociales. <strong>Las redes toman la imagen destacada como la imagen de su publicaci\u00f3n y la muestran junto con un enlace cuando se comparte la publicaci\u00f3n.<\/strong><\/p>\n<p>Las im\u00e1genes que muestran las redes sociales son muy importantes. Por eso encontrar\u00e1s montones de <strong><a href=\"https:\/\/themewp.inform.click\/es\/los-10-mejores-complementos-seo-de-wordpress-para-2022\/\" title=\"plugins SEO\">plugins SEO<\/a> que te ofrecen la posibilidad de poner otras im\u00e1genes en diferentes redes sociales<\/strong>. Eso le permitir\u00eda crear <a href=\"https:\/\/themewp.inform.click\/es\/tamanos-y-dimensiones-recomendados-de-imagenes-de-redes-sociales\/\" title=\"tama\u00f1os y dimensiones de imagen espec\u00edficos para las redes sociales\">tama\u00f1os y dimensiones de imagen espec\u00edficos para las redes sociales<\/a> y usarlos para reemplazar las im\u00e1genes destacadas, si las hay, al compartirlas en esas redes sociales.<\/p>\n<p>Las im\u00e1genes se han vuelto omnipresentes en el panorama digital por una buena raz\u00f3n. Las personas se sienten atra\u00eddas por ellos, son f\u00e1ciles de procesar r\u00e1pidamente y tienen m\u00e1s usos de los que podr\u00edas contar con los dedos de las manos y los pies.<\/p>\n<p>Esa es raz\u00f3n suficiente para pensar detenidamente en las im\u00e1genes de su sitio web antes de comenzar a cargarlas. Tenga mucho cuidado al manejar las im\u00e1genes destacadas: es probable que aparezcan en todas partes donde aparecen sus p\u00e1ginas. Quiere que le hagan justicia al resto del contenido que ha empaquetado en la p\u00e1gina, \u00bfverdad?<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Aprenda todo lo que necesita saber sobre una imagen destacada de WordPress y encuentre nuevas formas de hacer que su sitio web se destaque entre la multitud!<\/p>\n","protected":false},"author":1,"featured_media":274693,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-371412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=371412"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371412\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/274693"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=371412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=371412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=371412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}