es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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ódigo en la nube con Koding

Código en la nube con Koding

La forma en que desarrollamos y codificamos de forma remota no ha cambiado mucho en los últimos años . Después de todo, el acto de codificarse es algo que requiere atención y un cierto sentido de soledad para poder hacerlo bien. Pero, ¿qué pasa si estás atascado y quieres una forma más personal de superar un cierto problema de codificación?Koding e

(Consejos de tecnología y diseño)

20 Ebooks gratuitos para desarrolladores de software [Principiantes]

20 Ebooks gratuitos para desarrolladores de software [Principiantes]

Desarrollar y programar software y aplicaciones nunca es una tarea fácil, y algunas veces necesita un poco de ayuda, ya sea para administrar su flujo de trabajo, refrescar sus conocimientos o aprender un nuevo lenguaje de programación . Afortunadamente, hay muchos recursos en Internet que pueden ayudar, incluidos los libros electrónicos gratuitos.Aq

(Consejos de tecnología y diseño)