![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\")
<\/a><\/p>\nNesta postagem, descubra um plugin que permite adicionar imagens a qualquer um dos seus itens de menu e aprenda como us\u00e1-lo no seu site.<\/p>\n
Para adicionar imagens ao seu menu, baixe e instale o plugin Menu Image<\/a>.<\/p>\n Este plugin permite adicionar uma imagem a qualquer item do menu e controlar todos os aspectos do estilo, incluindo a posi\u00e7\u00e3o e o tamanho da imagem.<\/p>\n Depois de ativado, visite a p\u00e1gina Menus (Apar\u00eancia> Menus) e clique na seta suspensa em um item do menu.<\/p>\n Ainda n\u00e3o tem um menu?<\/strong> Voc\u00ea pode precisar criar um menu personalizado<\/a> primeiro.<\/p>\n Isso revela as configura\u00e7\u00f5es do item de menu. Depois de instalar o Menu Image, voc\u00ea ver\u00e1 um conjunto adicional de op\u00e7\u00f5es para adicionar uma imagem.<\/p>\n Fa\u00e7a upload de uma imagem, altere o estado de foco, escolha um tamanho e posicione-a com a Imagem do Menu<\/p>\n Por exemplo, vou usar este \u00edcone de pessoa pequena para o item de menu Sobre:<\/p>\n Para adicionar a imagem, clique no bot\u00e3o Definir imagem e voc\u00ea ver\u00e1 o pop-up familiar da Biblioteca de m\u00eddia, onde pode fazer upload de uma nova imagem ou selecionar uma existente.<\/p>\n Depois de adicionar sua imagem, voc\u00ea ver\u00e1 uma pr\u00e9via no editor de itens de menu.<\/p>\n Veja como isso fica no menu do tema Manh\u00e3<\/a> :<\/p>\n Al\u00e9m de adicionar uma imagem, voc\u00ea pode posicion\u00e1-la acima, abaixo, antes ou depois do item de menu. Voc\u00ea tamb\u00e9m pode mostrar uma imagem diferente quando um visitante passa o mouse sobre o item de menu, o que \u00e9 especialmente \u00fatil para mudan\u00e7as de cor.<\/p>\n Quanto ao tamanho da imagem, voc\u00ea tem os quatro tamanhos de imagem que o WordPress cria, mais tr\u00eas novos tamanhos adicionados pelo Menu Image. Os tamanhos dispon\u00edveis s\u00e3o:<\/p>\n As dimens\u00f5es dos tamanhos miniatura, m\u00e9dio e grande podem ser definidas no menu Configura\u00e7\u00f5es de m\u00eddia (Configura\u00e7\u00f5es> M\u00eddia).<\/p>\n Planeje primeiro um conjunto de imagens de apar\u00eancia semelhante para o seu menu, para que ele tenha uma est\u00e9tica coesa. Eu adicionei um \u00edcone no meu exemplo para ilustrar o uso do plug-in, mas recomendo adicionar uma imagem a todos os itens de menu ou nenhum.<\/p>\n Pode ser necess\u00e1rio redimensionar a imagem algumas vezes at\u00e9 que ela apare\u00e7a no menu. Se voc\u00ea n\u00e3o tem um editor gr\u00e1fico de escolha, confira GIMP<\/a> (gratuito) ou Sketch<\/a> ($ 99 Mac apenas).<\/p>\n Por \u00faltimo, use imagens PNG transparentes, se puder. Mostrar um grande quadrado ao redor do \u00edcone n\u00e3o vai ficar bem em nenhum menu.<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nPersonaliza\u00e7\u00e3o adicional de imagens<\/h3>\n
\n