{"id":20239,"date":"2017-01-05T11:00:08","date_gmt":"2017-01-05T13:00:08","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=20239"},"modified":"2025-04-14T12:10:43","modified_gmt":"2025-04-14T15:10:43","slug":"6-recursos-de-imagem-no-wordpress","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/","title":{"rendered":"6 recursos de imagem no WordPress que far\u00e3o a diferen\u00e7a em seu site"},"content":{"rendered":"\n<p>Uma imagem vale mais que mil palavras, n\u00e3o \u00e9 mesmo? E, o WordPress vem com algumas ferramentas \u00f3timas para gerenciar e editar imagens. Infelizmente, quem \u00e9 iniciante no mundo do WordPress pode n\u00e3o saber destes recursos para edi\u00e7\u00e3o de imagem.<\/p>\n\n\n\n<p>Se voc\u00ea j\u00e1 teve alguma d\u00favida sobre quais s\u00e3o os recursos de imagens no WordPress, ent\u00e3o \u00e9 o seu dia de sorte. Neste artigo, voc\u00ea confere 06 recursos de imagem no WordPress que far\u00e3o a diferen\u00e7a em seu site!<\/p>\n\n\n\n<p>Ent\u00e3o vamos l\u00e1!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_alinhar_imagem_para_esquerda_ou_direta_no_WordPress\"><\/span>Como alinhar imagem para esquerda ou direta no WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Voc\u00ea j\u00e1 deve ter notado blogs ou sites que utilizam imagens com texto ao lado, n\u00e3o \u00e9 mesmo? <strong>Isto pode ser feito ao utilizar o recurso de alinhamento!<\/strong><\/p>\n\n\n\n<p>Ap\u00f3s realizar o upload da imagem em seu editor de texto, voc\u00ea deve clicar sobre a imagem e ent\u00e3o uma s\u00e9rie de \u00edcones ir\u00e3o aparecer na sua tela. Cada \u00edcone representa um recurso dispon\u00edvel. Ao passar o mouse em cada \u00edcone, um pequeno texto explicativo aparece em sua tela.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-definir-alinhamento-no-wordpress.png\" alt=\"Como alinhar imagem - Recursos de imagem no WordPress\" class=\"wp-image-35765\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-definir-alinhamento-no-wordpress.png 1024w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-definir-alinhamento-no-wordpress-300x209.png 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-definir-alinhamento-no-wordpress-768x534.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Para mudar o alinhamento, basta clicar no \u00edcone com 3 pequenos tra\u00e7os. Neste espa\u00e7o, voc\u00ea pode escolher alinhar \u00e0 esquerda, a direita ou ainda optar por centralizar ao centro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_mostrar_imagens_em_colunas_e_fileiras\"><\/span>Como mostrar imagens em colunas e fileiras?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00c9 poss\u00edvel dispor imagens no WordPress em colunas e fileiras? Sim, \u00e9 poss\u00edvel.<\/p>\n\n\n\n<p>Se voc\u00ea tem uma sequ\u00eancia de fotos que necessita publicar em seu post, este recurso \u00e9 a sua salva\u00e7\u00e3o! Voc\u00ea pode criar galerias de imagem.<\/p>\n\n\n\n<p>Para fazer isso, voc\u00ea precisa fazer o upload das imagens quando estiver fazendo a edi\u00e7\u00e3o de um post ou p\u00e1gina.<\/p>\n\n\n\n<p>Basta clicar na op\u00e7\u00e3o de + e em seguida clicar em galeria. Depois \u00e9 s\u00f3 selecionar as imagens que ir\u00e3o compor a sua galeria, que podem ser enviadas ou podem j\u00e1 estar na biblioteca de m\u00eddia. Super f\u00e1cil, n\u00e3o \u00e9 mesmo? <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-mostrar-imagens-em-colunas-e-fileiras.png\" alt=\"Como mostrar imagens em colunas e fileiras - Recursos de imagem no WordPress\" class=\"wp-image-35766\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-mostrar-imagens-em-colunas-e-fileiras.png 1024w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-mostrar-imagens-em-colunas-e-fileiras-300x164.png 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-mostrar-imagens-em-colunas-e-fileiras-768x419.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Agora, voc\u00ea pode criar uma s\u00e9rie de galerias para ilustrar seu post! Se preferir, voc\u00ea tamb\u00e9m pode legendar a galeria de imagens.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_adicionar_imagem_destacada\"><\/span>Como adicionar imagem destacada?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A maioria dos temas WordPress permite que voc\u00ea mostre uma imagem destacada para cada um dos seus artigos. Para n\u00e3o desperdi\u00e7ar este recurso, veja como configurar sua imagem destacada.<\/p>\n\n\n\n<p>No lado direito do seu editor de texto, voc\u00ea pode gerenciar itens relacionados ao seu post ou bloco. Logo abaixo de categorias e tags, voc\u00ea vai encontrar o item imagem destacada. Em seguida, clique em definir imagem destacada. Depois \u00e9 s\u00f3 escolher se deseja enviar uma nova imagem ou escolher uma das imagens que est\u00e3o na sua galeria de imagem.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"729\" height=\"507\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-adicionar-imagem-destacada-no-wordpress.png\" alt=\"Como adicionar imagem destacada - Recursos de imagem no WordPress\" class=\"wp-image-35767\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-adicionar-imagem-destacada-no-wordpress.png 729w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-adicionar-imagem-destacada-no-wordpress-300x209.png 300w\" sizes=\"(max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_adicionar_uma_imagem_de_cabecalho_no_WordPress\"><\/span>Como adicionar uma imagem de cabe\u00e7alho no WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Uma<strong> imagem de cabe\u00e7alho \u00e9 um recurso de tema<\/strong>. Muitos temas premiuns e gr\u00e1tis do WordPress suportam imagens de cabe\u00e7alho.<\/p>\n\n\n\n<p>Voc\u00ea pode fazer o upload de uma imagem de cabe\u00e7alho customizada ao ir em <em>Apar\u00eancia>Personalizar<\/em>. O WordPress vai apontar quais s\u00e3o as <strong>dimens\u00f5es exatas<\/strong> que sua imagem precisa ter, se for uma logo, o tamanho deve ser de 512&#215;512.<\/p>\n\n\n\n<p>Se voc\u00ea fizer o upload de uma imagem de acordo com as dimens\u00f5es requeridas, voc\u00ea n\u00e3o ter\u00e1 nenhum problema.<\/p>\n\n\n\n<p>Se sua imagem for maior ou de um tamanho diferente voc\u00ea precisar\u00e1 cortar para que ela entre nos padr\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_configurar_uma_imagem_de_destaque_padrao_no_WordPress\"><\/span>Como configurar uma imagem de destaque padr\u00e3o no WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Encontrar a imagem destaque perfeita para cada post e artigo \u00e9 uma tarefa dif\u00edcil. Pode acontecer de voc\u00ea <strong>n\u00e3o querer adicionar uma imagem de destaque em seu post<\/strong>, por\u00e9m, seu tema ficar\u00e1 com a apar\u00eancia estranha sem ela.<\/p>\n\n\n\n<p>\u00c9 nesse momento que uma<strong> imagem de destaque padr\u00e3o<\/strong> \u00e9 \u00fatil. Imagem de destaque padr\u00e3o \u00e9 utilizada quando um artigo n\u00e3o tem uma imagem de destaque pr\u00f3pria.<\/p>\n\n\n\n<p>Voc\u00ea pode fazer isto ao utilizar um c\u00f3digo diretamente em seu tema ou voc\u00ea pode configurar um plugin para fazer isto por voc\u00ea, como plugins de SEO, como o Rank Math por exemplo. Atrav\u00e9s dele, \u00e9 poss\u00edvel selecionar a imagem destaque padr\u00e3o que se encaixe perfeitamente em seu site em WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_cortar_imagens_no_WordPress\"><\/span>Como cortar imagens no WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Quando voc\u00ea fizer o upload de imagens do seu celular ou c\u00e2mera normalmente elas ficam grandes demais.<\/p>\n\n\n\n<p>O WordPress automaticamente cria tamanhos de imagens \u2013 pequeno, m\u00e9dio, grande \u2013 para o seu upload original. Mas algumas vezes, voc\u00ea pode precisar cortar a imagem para um tamanho diferente.<\/p>\n\n\n\n<p>O WordPress n\u00e3o \u00e9 um Photoshop, mas vem com alguns recursos de edi\u00e7\u00e3o b\u00e1sicos como escala, corte e rota\u00e7\u00e3o.<\/p>\n\n\n\n<p>Durante a edi\u00e7\u00e3o voc\u00ea poder\u00e1 mudar de tamanho, cortar, redimensionar e ainda digitar um texto que aparecer\u00e1 sob a imagem.<\/p>\n\n\n\n<p>Para editar, basta fazer o upload de imagem e em seguida abrir a sua biblioteca de m\u00eddia. Ap\u00f3s abrir a biblioteca de m\u00eddia, selecione a imagem escolhida e clique em editar imagem. Depois, voc\u00ea ter\u00e1 a possibilidade redimensionar, ajustar propor\u00e7\u00e3o, recortar ou alterar a sua rota\u00e7\u00e3o. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-cortar-imagens-no-wordpress.png\" alt=\"Como cortar imagem - Recursos de imagem no WordPress\" class=\"wp-image-35764\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-cortar-imagens-no-wordpress.png 1024w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-cortar-imagens-no-wordpress-300x149.png 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/10\/como-cortar-imagens-no-wordpress-768x382.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ao longo deste post, voc\u00ea p\u00f4de conferir 06 recursos de imagem no WordPress que far\u00e3o a diferen\u00e7a em seu site! E n\u00f3s queremos saber: voc\u00ea j\u00e1 utilizou um destes recursos? Conta para a gente nos coment\u00e1rios! <\/p>\n\n\n\n<p>Se voc\u00ea gostou deste post, compartilhe com os seus amigos em suas redes sociais!<\/p>\n\n\n\n<p>At\u00e9 a pr\u00f3xima!<\/p>\n\n\n\n<p><strong>Texto traduzido e modificado:<\/strong> <a href=\"http:\/\/www.wpbeginner.com\/beginners-guide\/how-to-fix-common-image-issues-in-wordpress\/#defaultunlink\" target=\"_blank\" rel=\"noopener\"><strong>How to fix common image issues in WordPress<\/strong><\/a><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Como_alinhar_imagem_para_esquerda_ou_direta_no_WordPress\" >Como alinhar imagem para esquerda ou direta no WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Como_mostrar_imagens_em_colunas_e_fileiras\" >Como mostrar imagens em colunas e fileiras?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Como_adicionar_imagem_destacada\" >Como adicionar imagem destacada?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Como_adicionar_uma_imagem_de_cabecalho_no_WordPress\" >Como adicionar uma imagem de cabe\u00e7alho no WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Como_configurar_uma_imagem_de_destaque_padrao_no_WordPress\" >Como configurar uma imagem de destaque padr\u00e3o no WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Como_cortar_imagens_no_WordPress\" >Como cortar imagens no WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.yogh.com.br\/blog\/6-recursos-de-imagem-no-wordpress\/#Conclusao\" >Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\t\t\t\tVeja alguns recursos de imagem no WordPress que podem melhorar ainda mais o conte\u00fado de seu site WordPress.\t\t<\/p>\n","protected":false},"author":2,"featured_media":20270,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[19],"tags":[],"class_list":["post-20239","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas-wordpress"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/20239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/comments?post=20239"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/20239\/revisions"}],"predecessor-version":[{"id":35768,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/20239\/revisions\/35768"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media\/20270"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=20239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/categories?post=20239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/tags?post=20239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}