Directorio de artículos
¿Cómo puedo añadir CSS a un icono del menú de WordPress ?
Instale el complemento de fuente del icono de navegación WP
Para los profesionales de los nuevos medios , el SEO consiste en optimizar los sitios web y mejorar la experiencia del usuario.
Puede agregar fuentes de íconos a su sitio web de WordPress, que son muy hermosas y admiten plantillas de temas de WP de diseño receptivo.
Las fuentes de iconos y los iconos en formato de imagen pequeño son diferentes:
- Soporta pantalla retina.
- 可以无限agrandar.
- Personalice los elementos del menú de navegación individualmente como fuentes de iconos.
Para ver imágenes más detalladas, consulte el menú de navegación del blog de Chen Weiliang .
¿Cómo usar fuentes de iconos?
Paso 1: Instalar el plugin
- Fondo de WP → Complementos → Instalar complementos → Busque "Font Awesome 4 Menus", descargue e instale y habilite;
- También puede descargar directamente desde el sitio web, luego cargar o instalar a través de FTP después de cargar.
Paso 2: Buscar fuentes de iconos
Haga clic aquí para ir al sitio web oficial de Icon FontsAbra el sitio web oficial de la fuente del icono y encuentre el icono que necesitamos▼
- que puede mostrar cuando hace clic en el icono
<i class =“fa fa-home”> </ i>Copia fa fa-casa. - Si el nombre del ícono de inicio es hogar, entonces debemos ingresar en "Menú Clase CSS"
fas fa-home
Paso 3: Introduzca el icono de fuente CSS en el menú.
- Fondo WP → Apariencia → Menú, ingrese a la página de configuración del menú.
- seleccionar y editar un elemento del menú,
- En la clase CSS, pegue el nombre de la fuente del icono que acabamos de copiar (
fa fa-home) ▼
- (El funcionamiento de los demás iconos es el mismo)
- Finalmente haga clic en guardar.
注意 事项
Si no ve las clases CSS en el panel del menú Editar, puede abrir "Opciones de visualización" en la esquina superior derecha y seleccionar "Clases CSS" en la sección Propiedades avanzadas del menú Visualización . ▼
- Por supuesto, esta biblioteca de fuentes de íconos no se limita al uso en el menú de navegación, siempre que se agregue el código de ícono correspondiente a la posición correspondiente de la plantilla de tema.
Esperamos que el artículo "Cómo agregar CSS a los iconos del menú de WordPress: Instalación del plugin WP Navigation Icon Font", compartido en el blog de Chen Weiliang ( https://www.chenweiliang.com/ ), le sea útil.
No dudes en compartir el enlace de este artículo: https://www.chenweiliang.com/cwl-642.html