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

Como adiciono CSS a um ícone de menu do WordPress ?

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

Para os profissionais de novas mídias , SEO significa otimizar sites 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.

Para obter imagens detalhadas, consulte o menu de navegação no blog de Chen Weiliang .

Como usar fontes de ícones?

Passo 1: Instale o plugin

• 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.

Passo 2: Encontre 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

Passo 3: Insira os ícones de fonte CSS no 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 visualizar as classes CSS no painel do menu Editar, abra "Opções de Exibição" no canto superior direito e selecione "Classes CSS" na seção Propriedades Avançadas do menu Exibir . ▼

• 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.