Como engadir a icona do menú de WordPress CSS?Instala o complemento de fonte de icona de navegación WP

WordPressComo engadir a icona do menú CSS?

Instala o complemento de fonte de icona de navegación WP

novos mediosa xente faiSEOTrátase de optimizar o sitio web e mellorar a experiencia do usuario.

Podes engadir fontes de iconas ao teu sitio web de WordPress, que son moi fermosas e admiten modelos de temas WP de deseño sensible.

As fontes das iconas e as iconas en formato de imaxe pequeno son diferentes:

  • Admite pantalla retina.
  • podeilimitadoampliar.
  • Personaliza os elementos do menú de navegación individualmente como fontes de iconas.

Pódese ver o diagrama de efectos específicosChen WeiliangMenú de navegación do blog.

Como usar as fontes de iconas?

Capitulo 1:Instala o complemento

  • Fondo de WP → Complementos → Instalar complementos → Busca "Font Awesome 4 Menus", descarga e instala e activa;
  • Tamén podes descargar directamente desde o sitio web, despois cargalo ou instalalo mediante FTP despois da carga.

Capitulo 2:Buscar fontes de iconas

Fai clic aquí para ir ao sitio web oficial de Icon Fonts

Abre o sitio web oficial do tipo de letra da icona e busca a icona que necesitamos▼

Fonte: icona de fonte impresionante, 1ª folla de inicio

  • que pode mostrar ao facer clic na icona <i class =“fa fa-home”> </ i>Copiar a fa-home.
  • Se o nome da icona de inicio é a casa, necesitamos entrar en "Menú Clase CSS" fas fa-home

Capitulo 3:Icona da fonte da clase CSS de entrada de menú

  • Fondo WP → Aparencia → Menú, acceda á páxina de configuración do menú.
  • seleccionar e editar un elemento do menú,
  • Na clase CSS, pega o nome da fonte da icona que acabamos de copiar (fa fa-home) ▼

Menú de navegación de WordPress Iconas de fontes CSS Parte 2

  • (O funcionamento doutras iconas é o mesmo)
  • Finalmente fai clic en gardar.

注意 事项

Se non tes clases de CSS no panel Editar elementos do menú, podes abrir as "Opcións de visualización" na esquina superior dereita e enMostra as propiedades avanzadas do menú, seleccione "Clase CSS" ▼

Opcións do menú de navegación de WordPress, verifique a folla 3 da clase CSS

  • Por suposto, esta biblioteca de fontes de icona non se limita ao seu uso no menú de navegación, sempre que se engada o código de icona correspondente á posición correspondente do modelo do tema.

Blog de Hope Chen Weiliang ( https://www.chenweiliang.com/ ) compartiu "Como engadir CSS da icona do menú de WordPress?Instala WP Navigation Icon Font Plugin", axudarache.

Benvido a compartir a ligazón deste artigo:https://www.chenweiliang.com/cwl-642.html

Benvido á canle de Telegram do blog de Chen Weiliang para recibir as últimas actualizacións.

🔔 Sexa o primeiro en obter a valiosa "Guía de uso da ferramenta de intelixencia artificial de marketing de contidos de ChatGPT" no directorio principal da canle. 🌟
📚 Esta guía contén un gran valor, 🌟Esta é unha oportunidade rara, non a perdas! ⏰⌛💨
Comparte e da like se che gusta!
O teu compartir e gústame son a nosa motivación continua!

 

发表 评论

O seu enderezo de correo electrónico non se publicará. Utilízanse os campos obrigatorios * Etiqueta

desprázate cara arriba