Como adicionar o ícone de menu do WordPress CSS?Instale o plug-in de fonte do ícone de navegação WP

WordPressComo adicionar o ícone de menu CSS?

Instale o plug-in de fonte do ícone de navegação WP

Novas mídiaspessoas fazemSEOÉ otimizar o site e melhorar a experiência do usuário.

Você pode adicionar fontes de ícone ao seu site WordPress, que são muito bonitas e suportam modelos de tema WP de design responsivo.

Fontes de ícones e ícones em formato de imagem pequena são diferentes:

• Suporte a exibição de retina.
• 可以无限prolongar.
• Personalize os itens no menu de navegação individualmente como fontes de ícone.

O diagrama de efeito específico pode ser visualizadoChen WeiliangMenu de navegação do blog.

Como usar fontes de ícones?

Etapa 1:Instale o plug-in

• WP background → Plugins → Instalar Plugins → Procure por "Font Awesome 4 Menus", baixe e instale e habilite;
• Você também pode baixar diretamente do site e, em seguida, fazer o upload ou instalar via FTP após o upload.

Etapa 2:Localizar fontes de ícones

Abra o site oficial da fonte do ícone e encontre o ícone que precisamos▼

• que você pode mostrar ao clicar no ícone <i class =“fa fa-home”> </ i>Copie fa fa-home.
• Se o nome do ícone inicial for home, precisamos entrar em "Menu CSS Class" fas fa-home

Etapa 3:Ícone de fonte de classe CSS de entrada de menu

• Fundo WP → Aparência → Menu, entre na página de configuração do menu.
• selecionar e editar um item de menu,
• Na classe CSS, cole o nome da fonte do ícone que acabamos de copiar (fa fa-home) ▼

• (O funcionamento de outros ícones é o mesmo)
• Por fim, clique em salvar.

注意 事项

Se você não tiver classes CSS no painel Editar itens do menu, poderá abrir as "Opções de exibição" no canto superior direito e, emMostrar propriedades avançadas do menu, selecione "classe CSS" ▼

• Obviamente, esta biblioteca de fontes de ícones não se limita ao uso no menu de navegação, desde que o código de ícone correspondente seja adicionado à posição correspondente do modelo de tema.