En el día de ayer se publicó la nueva versión de WordPress, que va por su versión 3.8. Presenta las siguientes novedades: Nueva estética del panel de administración. Nuevo diseño más personalizable, y más claro. Letras más grandes y claras a través de tipografía Open Sans. Nuevo tema por defecto, Twenty Fourteen. Es una plantilla […]

En el capítulo anterior tratamos la estructura básica html en un theme wordpress, en esta ocasion empezaremos a dar forma al html del header e insertamos el logotipo, que en esta ocasión será un fichero que aportamos con el theme, emulando lo que ocurriría con el logo de un cliente en un theme a medida. The post Theme WordPress Inclusivo 6: Insertando el Logo appeared first on Metsuke (メツケ).

En el último capítulo insertamos el logo, en esta ocasión insertaremos el menú principal en el lugar destinado a tal efecto. Recordemos que estábamos trabajando en header.php, y habíamos dejado el código del modo siguiente: The post Theme WordPress Inclusivo 7: Menú de Navegación appeared first on Metsuke (メツケ).

Hemos generado una parte de la cabecera, pero no hemos aportado estilo visual alguno, veamos hoy como incluir la hoja de estilos que tenemos creada en wordpress. The post Theme WordPress Inclusivo 8: Insertar la hoja de estilo CSS appeared first on Metsuke (メツケ).

En el último capítulo aprendimos a incorporar la css principal a nuestro theme, hoy aprovecharemos para dos aspectos, por un lado como añadir más hojas de estilo, y por otro incorporar dos funciones básicas en toda web: Normalize y Web Fonts (usando Google Fonts para ello). The post Theme WordPress Inclusivo 9: Normalize y Google Fonts appeared first on Metsuke (メツケ).

Actualmente parece que el plugin WP Browser Update esta metiendo anuncios de google, preventivamente lo he desactivado, aunque la información sirva, tómese con pinzas el uso de este plugin. The post Theme WordPress Inclusivo 10: Browser Update appeared first on Metsuke (メツケ).

Hasta ahora usaba SASS con Foundation, pero resulta que acabo de descubrir que CSS3 ya incorpora variables. The post Theme WordPress Inclusivo 11: CSS3 Custom Properties appeared first on Metsuke (メツケ).

Llegó el momento de empezar a definir aspectos de nuestra hoja de estilos, empecemos por las tipografías. The post Theme WordPress Inclusivo 13: Proporción Áurea y tamaño de fuente en CSS appeared first on Metsuke (メツケ).

Continuamos el proceso que iniciamos en el capítulo anterior sobre el tamaño de fuente con progresión áurea. The post WordPress Inclusivo 14: Interlineado en tipografías con proporción Áurea. appeared first on Metsuke (メツケ).

Ahora que tenemos una base de css interesante para las tipografías, vamos a proceder a mejorar ese código para hacer mas sencillo usarlo y mantenerlo. The post WordPress Inclusivo 15: Refactorizando la base css appeared first on Metsuke (メツケ).

Además de los elementos básicos globales ya agregados, especificaremos una serie de configuraciones de algunos elementos básicos pero que no siempre suelen configurarse apropiadamente. The post WordPress Inclusivo 16: Ampliando la base CSS appeared first on Metsuke (メツケ).

Wordpress es a veces una plataforma llena de contradicciones, una de ellas, es el galimatías en que se convierte el menú de administración cuando nuestra web está en producción con algunos plugins, hoy solucionaremos esto. The post WordPress Inclusivo 18: Ordenar alfabeticamente el menú de administración appeared first on Metsuke (メツケ).

En la anterior entrega creamos un código que ordenaba los menús de administración en Wordpress, hoy lo optimizaremos. The post WordPress Inclusivo 19: Refactorizando el código que ordena el menú admin appeared first on Metsuke (メツケ).

Siguiendo la norma de Accesibility First, vamos a incorporar los elementos de accesibilidad antes de empezar a dar aspecto al menú. The post WordPress Inclusivo 20: Accesibilidad en el menú de navegación (Primera Parte) appeared first on Metsuke (メツケ).

En el capítulo anterior hablamos del enlace "Saltar al Contenido", en el capítulo de hoy trataremos el etiquetado de elementos de navegación de forma que pueda navegarse entre ellos fácilmente. The post WordPress Inclusivo 21: Accesibilidad en el menú de navegación (WAI-Aria) appeared first on Metsuke (メツケ).

En el capítulo anterior identificamos los elementos de WCAG 2.1 que tenían que ver con nuestras fuentes de proporción áurea, en este capítulo, implementaremos los elementos avanzados The post WordPress Inclusivo 23: WCAG 2.1 en tipografías con proporción Áurea (Segunda parte). appeared first on Metsuke (メツケ).

En esta ocasión continuamos el proceso de construcción de nuestro menú de navegación inclusivo, en esta ocasión con una versión alternativa del etiquetado de nuestro menú. The post WordPress Inclusivo 24: Accesibilidad en el menú de navegación usando WAI-Aria (segunda parte) appeared first on Metsuke (メツケ).

Antes de continuar formateando y ajustando el menú de navegación en sí, conviene que empecemos a maquetar la cabecera, ya que parte de lo que incorporaremos al menú es, en parte, visual. The post WordPress Inclusivo 25: ¿Maquetar una web a ciegas? appeared first on Metsuke (メツケ).

Empezamos aquí el proceso de aprendizaje sobre estructura de una web a fin de aprender a maquetar a ciegas y también empezar el aprendizaje de como percibe una web una persona que ve, hecho vital para la inclusión (recordemos que es de doble dirección). The post WordPress Inclusivo 26: Partes de una página web. appeared first on Metsuke (メツケ).

En anteriores entregas, ordenamos alfabéticamente el menú de administración de nuestro wordpress, hoy mejoramos los submenús de administración. The post WordPress Inclusivo 27: Mejorando los submenús del menú de administración appeared first on Metsuke (メツケ).