Adicionar imagens para o projeto do menu do seu blog em wordpress

Video: Criando menus personalizados no WordPress - Aula 12

Adicionando imagens para o menu de navegação acrescenta dom a seu design blog e fornece um lugar para estender a sua marca. imagens de menu em um blog também pode desempenhar um papel mais funcional, adicionando mais contexto para um título item do menu. Por exemplo, uma imagem de um avião ao lado de uma Onde guia Ir ajuda os leitores a entender melhor onde esse link leva-los.

Video: Como criar um portfólio em WordPress #9 - Página inicial, Blog e Menu

Você pode criar suas imagens de menu em qualquer programa de edição de fotos ou ilustração. A estrela mostrado aqui foi criado usando o Adobe Illustrator e depois salvá-lo como um arquivo PNG com fundo transparente. Salvar o arquivo desta forma garante que não há caixa branca em torno da estrela.

Video: COMO COLOCAR IMAGEM BANNER NA LATERAL DO BLOG WORDPRESS

Veja como adicionar imagens para o menu Sobre em WordPress, sem ficar muito pesado em codificação. Antes de iniciar os seguintes passos, certifique-se a sua imagem é carregado no seu servidor. Você pode adicionar imagens como você construir um novo menu ou adicionar imagens a um menu você já criou (comece com a Etapa 6).

1. Vá para o seu painel WordPress.

2. Escolha Aparência → Menus.

3. Para começar a construir um menu, digite um nome no campo Nome do menu e selecione Criar Menu.

   Dependendo do tema WordPress, você pode ter para selecionar a guia de mais (+) para criar um novo menu.

4. Na caixa Locais Tema, selecione o seu novo menu de navegação a partir do menu drop-down e clique em Salvar.

   O seu novo menu será exibido no seu blog em vez do menu padrão.

5. 
   
   
   

   Na caixa páginas, coloque uma marca de verificação ao lado de sua Sobre ou página sobre mim.

   Isso adiciona sua página para a área de menu no lado direito.

6. Na caixa da área Menu, clique na seta drop-down ao lado de seu botão de página About.

   Novos campos aparecem abaixo do botão página Sobre. Os dois que você precisa para trabalhar com são a etiqueta de navegação e Título Atributo.

7. No campo Rótulo de navegação, adicione o seguinte código, substituindo a imagem URL fundo com URL da sua imagem e substituindo o nome da guia com o título que deseja aparecer no seu menu de navegação.

   

   Nome tab

8. No campo Atributo Título, digite o título aqui também.

   Video: Adicionando e Editando Imagens no WordPress (10 de 21)

   Este atributo é o texto alternativo (alt) que um visitante vê quando eles mouse sobre o item de menu.

9. Quando terminar, clique no botão Salvar Menu.