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

Como engado CSS a unha icona de menú de WordPress ?

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

Para os profesionais dos novos medios , o SEO consiste en optimizar sitios 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.

Para ver representacións detalladas, consulta o menú de navegación no blog de Chen Weiliang .

Como usar as fontes de iconas?

Paso 1: Instalar 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.

Paso 2: Atopar 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▼

Icona de fonte Font-Awesome 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

Paso 3: Introduza a icona da fonte CSS no 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) ▼

Iconas de fonte CSS do menú de navegación de WordPress

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

注意 事项

Se non ves as clases CSS no panel do menú Editar, podes abrir "Opcións de visualización" na esquina superior dereita e seleccionar "Clases CSS" na sección Propiedades avanzadas do menú Mostrar . ▼

Nas opcións do menú de navegación de WordPress, marca a categoría 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.

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Volver arriba