Logo DarioBF Experto en WordPress

Errores de desarrollo que se cargan la UX de tu WordPress



@DarioBF




#IndustrySessions by EDIT
  • Diseñador UI/UX
  • Maquetador Front-End
  • Diseñador y desarrollador WordPress
  • Desarrollador ActualidadBlog
  • Formador y consultor web
  • Organizador WordCamp Santander
  • Organizador WPCantabria
  • Editor de traducciones es_ES en WordPress

¿A quién afecta la UX?

¿Y en WordPress?

WordPress es más que un tema, cuatro plugins y tres artículos.

Cuida al usuario

  • Arquitectura de la información

    Haz uso de los tipos de entradas, metaboxes y taxonomías personalizadas para jerarquizar adecuadamente el contenido.

  • Motor de plantillas

    Siempre que puedas, utiliza el motor de plantillas de WordPress; esto reduce el ruido en la navegación.

Ficheros habituales de un tema de WordPress

  • style.css

  • index.php

Ficheros habituales de un tema de WordPress

  • header.php

  • footer.php

  • sidebar.php

Plantillas para contenidos

  • home.php

  • page.php

  • single.php

  • archive.php

Todas las plantillas

  • index
  • 404
  • archive
  • author
  • category
  • tag
  • taxonomy
  • date
  • home
  • front_page
  • page
  • paged
  • search
  • single
  • text, plain, text_plain (all mime types)
  • attachment
  • comments
Más información

Plantillas específicas

Plantilla especializada. Para una entrada, autor, página concretos.

  • page-{slug}.php
  • page-{ID}.php
  • category-{ID}.php
  • tag-{ID}.php
  • author-{ID}.php

Plantillas personalizadas

  • Icono php

    contacto.php

  • Icono php

    about.php

  • Icono php

    location.php

  • Icono php

    whatever.php

Cuida al administrador

  • Mantenlo simple

    Cuida que el menú de administración siga siendo claro, conciso y simple. Utiliza los post types y contenidos jerárquicos.

  • La herramienta a su servicio

    Desarrolla plugins y herramientas que faciliten el trabajo de los administradores.

Evita la plugindependencia

Hay miles de plugins, ¿pero realmente necesitas uno?.

Designer/Developer Experience

  • Organiza el diseño

    Técnicas de diseño atómico y Photoshop etiquette.

  • Organiza los ficheros

    Es importante organizar los assets, templates, parts, así como los plugins en carpetas.

  • Metodologías ágiles

    Tecnologías como SASS, Gulp, Grunt o frameworks comunes.

Gracias #IndustrySessions.

Compartir conocimiento es la base para que la Comunidad crezca, espero que hayas aprendido algo con esta ponencia.

Un saludo, @DarioBF.

slides.dariobf.com/IndustrySessions