Cómo mostrar iconos en el menú de WordPress [Plugin de WordPress]

El ícono es un gran complemento para cualquier tipo de diseño. Muchos íconos son universalmente reconocidos . Tome una señalización de baños públicos en el aeropuerto. Sin la necesidad de conocer el idioma local, si es extraño para usted, puede comprender de inmediato qué baño es para las damas, y cuál es para los hombres del ícono que se usa en la parte delantera de la puerta.

Lo mismo podría aplicarse también a un sitio web; mostrar un ícono podría ayudar a los usuarios a navegar a través de su sitio web. Esto ayuda con la experiencia del usuario y también hará que un sitio web se vea más bonito.

Pero mostrar ese icono en un CMS como WordPress podría ser un desafío. Si su sitio web está construido en la parte superior de WordPress, aquí le mostraremos la forma más fácil de mostrar un ícono en el menú de WordPress .

Empezando

Agregar un icono en WordPress es fácil con un complemento de WordPress llamado Iconos de menú. Primero, instala y activa este complemento.

Ahora estamos listos para agregar los iconos.

Agregar icono

Para este ejemplo, me gustaría usar TwentyTwelve, un tema agradable y limpio de WordPress. También creé algunas páginas que incluiré en el menú.

Crea un nuevo menú a través de Apariencia> Menús . No olvide asignar la ubicación del menú, a menos que no aparezca en ningún lugar del sitio web.

Luego agregaremos un icono para cada artículo. Para comenzar, expandamos uno de los elementos del menú. Encontrarás un enlace que dice Ícono: Seleccionar ícono . Haga clic en "Seleccionar icono" para comenzar a seleccionar. Aquí se le presentará una ventana similar a la biblioteca multimedia de WordPress.

En el momento de escribir esto, este complemento viene con 3 bibliotecas de iconos de fuentes, a saber, Dashicons, Genericons y FontAwesome.

Sin embargo, aunque podemos usar libremente cualquier ícono, es mejor derivar los iconos de una biblioteca, ya que cada uno de ellos tiene sus propios rasgos, como el tamaño y la curva. En otras palabras, si usa FontAwesome, úselo en todo el sitio web. Hacerlo mantendría la coherencia del icono y lo haría parecer más unificado.

Cuando seleccione el icono, verá la vista previa en el panel derecho. En el panel derecho, haz algunos ajustes. Puede colocar el ícono antes o después del menú, controlar el tamaño de la fuente y establecer la alineación vertical. Cuando finalice la configuración, haga clic en Seleccionar y proceda a agregar un icono para los otros elementos en el menú.

Pensamiento final

Menu Icons es un complemento muy útil para agregar íconos en el menú. Se integra bien con el patrón de interfaz de usuario de WordPress que es muy intuitivo de usar. Además, el desarrollador ha planificado algunas funciones nuevas para las próximas versiones, incluida la adición de más bibliotecas de iconos y la posibilidad de cargar un icono personalizado.

Espero que disfrutes y encuentres este consejo útil. Continúa y prueba el complemento.

Cómo forzar reiniciar el iPhone 7 y iPhone 7 Plus

Apple ha realizado algunos cambios bastante grandes en el iPhone 7. Sin un conector para auriculares, el nuevo iPhone 7 viene con un botón de inicio sensible a la fuerza que usa el propio "motor táctil" de Apple .Viendo que el botón de inicio del iPhone 7 está basado en software, iOS podrá detectar si el botón de inicio funciona mal. En c

(Consejos de tecnología y diseño)

20 juegos de iconos gratis para diseños minimalistas

En la actualidad, el diseño minimalista es popular en todas las áreas de nuestras vidas: en diseño de paquetes, diseño de interiores y, por supuesto, diseño web. Si va a lograr un diseño estético minimalista, debe usar elementos de diseño simple, como fuentes de luz e iconos de líneas.Por lo tanto, aquí hemos reunido 20 conjuntos de iconos ligeros y delgados que te ayudarán en tu búsqueda para crear diseños minimalistas. En esta col

(Consejos de tecnología y diseño)