Tema de WordPress TwentyFourteen: una belleza defectuosa

Ámalos u ódialos, los temas predeterminados de WordPress son importantes. Se instalan automáticamente en todos los sitios nuevos y actualizados de WordPress, lo que les otorga una exposición masiva.

Para 2014, WordPress se separó de los valores predeterminados anteriores para producir un tema para un uso específico, a saber, revistas. Y no un tema de revista cualquiera, sino un “tema de revista bonito”.

Y ciertamente es hermoso. Pero si desea utilizar el tema, también tendrá que lidiar con sus fallas.

TwentyFourteen es oficialmente "un hermoso tema de revista". Una afirmación audaz, pero no hay duda de que visualmente tiene un impacto mucho mayor que el neutral TwentyTwelve y se ve mucho mejor que cualquiera de sus predecesores, en particular el peculiar TwentyThirteen.

Si no lo ha visto, vaya al sitio de demostración ahora y dedique cinco minutos a jugar con él.

Continúe leyendo, o avance usando estos enlaces:

• Tuercas y tornillos: Tema TwentyFourteen
• Capacidad de respuesta del tema TwentyFourteen
• ¿Es un tema de revista?
• Mejoras potenciales

Tuercas y tornillos: Tema TwentyFourteen

El diseño de TwentyFourteen es un encabezado simple, una barra lateral izquierda y una configuración de pie de página con una barra lateral derecha opcional que se alinea con el contenido. El encabezado delgado es fijo y permanentemente visible.

El esquema de colores es negro, blanco y verde y el sitio utiliza la fuente Lato de Google.

Las personalizaciones del tema son prácticamente iguales a todos los demás temas con la adición de la función Contenido destacado que permite que el contenido se presente en la página de inicio en un control deslizante o en una cuadrícula. El contenido se selecciona especificando una etiqueta o haciendo que el contenido sea "pegajoso".

Hay dos ubicaciones de menú, una en el encabezado y otra en la barra lateral izquierda y tres áreas con widgets: barra lateral principal, barra lateral de contenido y área de pie de página. El pie de página permite agregar widgets ilimitados, pero el cuatro es óptimo.

El tema proporciona un widget adicional a la lista estándar: TwentyFourteen Ephemera. En realidad, este es un widget bastante útil y se usa ampliamente en la barra lateral de contenido en la demostración, pero se decepciona un poco al no proporcionar opciones para controlar la salida.

Lo bueno de veinte catorce

Hay mucho que admirar sobre este tema:

• Combinación de colores: a pesar de las reservas de fondos negros, la combinación de negro, blanco y verde funciona. El uso liberal de espacios en blanco en los diseños ayuda considerablemente
• La tipografía es excelente en todo momento, con fuentes claras, nítidas y de aspecto profesional que funcionan bien incluso cuando se muestran como texto blanco sobre un fondo negro (no es mi combinación favorita)
• Las imágenes también se ven bien, particularmente las imágenes grandes destacadas en las páginas de publicaciones.
• Estilo en las etiquetas: parecen etiquetas que crean una señal visual instantánea

• 

  Estilo de navegación posterior: simplemente apilar la navegación es mucho más limpio y estéticamente agradable que la alineación tradicional izquierda y derecha

• Publicar estilo de metadatos: los íconos inteligentes funcionan bien con el texto en mayúsculas
• Los menús desplegables funcionan bien en el margen izquierdo y nuevamente el texto blanco sobre el fondo verde es sorprendentemente efectivo.
• Cuadrícula de imágenes destacadas: mecanismo altamente efectivo y simple para resaltar publicaciones
• Widget de Ephemera: esto podría ser aún más útil si solo hubiera algunas opciones más disponibles
• Comportamiento de búsqueda: si bien es discutible si un usuario debe hacer clic para revelar un cuadro de entrada de búsqueda, me gusta el cuadro de texto que aparece debajo del ícono de búsqueda en lugar de la molesta tendencia reciente de revelar un cuadro de texto al lado del ícono de búsqueda.

Pero hay inconvenientes

A veces, la belleza es solo superficial y el tema no está exento de fallas:

• 

  Control deslizante: debe tener imágenes grandes (más de 800 px) para funcionar correctamente en el escritorio, lo que puede dificultar el uso del tema en un sitio existente

• Control deslizante: ¡no tiene la función de reproducción automática!
• Cuadrícula: me gustaría poder especificar la configuración de la cuadrícula (es decir, la cantidad de imágenes por fila) en lugar de dejarlo en manos del diseño receptivo
• El contenido destacado no admite tipos de publicaciones personalizadas: solo se seleccionan publicaciones incluso si el tipo de publicación personalizada admite la taxonomía de etiquetas
• Los menús desplegables no se pueden usar para las opciones más a la derecha en el menú superior; de lo contrario, "vuelan" fuera de los límites de la página.
• La barra lateral de contenido se aplica a todo el contenido: si lo desea en la página de inicio, lo obtiene en todas las publicaciones y páginas (aunque en las páginas puede elegir la plantilla de ancho completo para eliminar la barra lateral *)
• Enorme espacio en la parte superior de las páginas "internas": esto es para acomodar la barra de búsqueda, pero no estoy seguro de por qué no podría haber superpuesto la entrada de búsqueda como lo hace en la página de inicio.
• Diseño de ancho máximo fijo pero alineado a la izquierda en lugar de centrado
• El encabezado es bastante corto: ¡colocar un logotipo de tamaño decente allí puede ser un desafío!
• Página de inicio: al enumerar publicaciones y usar la cuadrícula, la imagen destacada de la primera publicación lucha por la atención con la cuadrícula

Tangente: ¿Por qué las publicaciones no tienen plantillas?

Si bien esto no es específico de TwentyFourteen, surgió mientras jugaba con la barra lateral de contenido y lo ocultaba en las páginas seleccionando la plantilla de ancho completo.

¿Por qué WordPress no permite plantillas de publicaciones como lo hace con las plantillas de página? Sería realmente útil poder seleccionar plantillas para mostrar publicaciones exactamente de la misma manera que con las páginas y, sin embargo, esto actualmente solo es posible a través de complementos. ¿Una solicitud de función para TwentyFifteen, tal vez?

Capacidad de respuesta del tema TwentyFourteen

De vuelta a Veinticuatro. Es, naturalmente, un tema receptivo, pero ¿qué tan bien responde y qué elecciones hace? Puede preguntarse por qué nos importa siempre que responda, pero la forma en que el sitio responde a las pantallas que no son de escritorio puede afectar sus decisiones de contenido.

tabletas

Al responder a las pantallas de las tabletas, el tema oculta el menú superior y lo reemplaza con el icono de menú estándar de tres barras. Al hacer clic en el ícono, se muestra el menú a través de una expansión básica y no es tan efectivo ni tan estéticamente agradable como lo revela la superposición del cuadro de texto de entrada de búsqueda.

La cuadrícula responde a la perfección, reconfigurándose para ser dos imágenes, pero debe tener en cuenta que en modo horizontal solo habrá cuatro imágenes disponibles, en modo vertical, un visitante verá seis, pero eso es todo.

El contenido se ve muy bien, con la tipografía y las imágenes de gran tamaño sobresaliendo en la pantalla más pequeña y haciendo que la experiencia de lectura sea un verdadero placer.

Sin embargo, hay tres problemas, todos causados ​​por el movimiento de la barra lateral izquierda entre el contenido y el pie de página.

En primer lugar, la desaparición efectiva de la barra lateral significa que es probable que el menú de la barra superior sea el lugar donde los usuarios busquen navegación. Esto prácticamente lo obliga a usar ese menú superior como la navegación principal del sitio, lo que no solo reduce sus opciones, sino que también puede encontrarse con el problema emergente resaltado anteriormente.

En segundo lugar, mover la barra lateral izquierda cambia completamente su contexto cuando se mueve entre dispositivos (una vez más, no es un problema limitado a TwentyFourteen). En el escritorio, es una pieza importante de bienes raíces (todos recordamos nuestros patrones de lectura 'F'), por lo que el contenido se selecciona en consecuencia, pero muévalo al pie de página y ese contenido se verá decididamente fuera de lugar.

En tercer lugar, con el eslogan del sitio en la barra lateral izquierda, no es inmediatamente visible para los usuarios de tabletas, lo que significa que los nuevos usuarios solo tendrán el título del sitio y las cuatro o seis imágenes destacadas (o solo una imagen si opta por la control deslizante) para determinar el propósito y la utilidad del sitio. Eso me parece una gran tarea.

Una solución sería ocultar la barra lateral izquierda por completo y que el ícono de menú en la barra superior se deslice hacia adentro en una barra lateral específica (o al menos en la barra lateral izquierda) permitiendo que el propietario del sitio decida qué se revela al hacer clic. el icono. Esta es una técnica que funciona bien en tabletas y se está volviendo más frecuente. Es sorprendente que TwentyFourteen no haya tomado también este camino.

Móviles

Al igual que con las tabletas, el contenido se ve muy bien en un dispositivo móvil y en cuanto a la mecánica pura de responder a la pantalla más pequeña, el tema no tiene problemas.

Sin embargo, los mismos problemas destacados anteriormente con las tabletas también se experimentan en un dispositivo móvil. De hecho, el problema de la navegación se acentúa debido al tamaño limitado de la pantalla y la posibilidad muy real de que un menú de cualquier tamaño no quepa.

Además, mostrar contenido destacado en el formato de cuadrícula no es adecuado para dispositivos móviles donde la cuadrícula se reduce a una sola imagen. Con solo una imagen que se ajusta a una pantalla, hay mucho desplazamiento involucrado para pasar del contenido destacado a cualquier otro contenido, lo que significa que incluso si usa una página estática como una forma de "bienvenida", es posible que los usuarios se den por vencidos antes. llegan allí.

El control deslizante, por otro lado, funciona muy bien tanto en dispositivos móviles como en tabletas (mejor en modo vertical, ya que el contenido debajo del control deslizante es visible), lo que presenta una especie de dilema para los propietarios de TwentyFourteen, ya que la cuadrícula funciona mucho mejor en el escritorio que el control deslizante. pero el control deslizante es la mejor opción para tabletas y móviles.

¿Es un tema de revista?

Se llama el "tema hermoso de la revista", pero ¿es realmente adecuado para las revistas?

No hay duda de que TwentyFourteen tiene un aspecto brillante y de alta producción que podría funcionar bien especialmente para un editor con un suministro listo de imágenes de alta calidad.

El diseño es ciertamente más minimalista que la mayoría de los temas de las revistas, un enfoque que me gusta, y parecería que los usuarios más probables serían aquellos editores que se enfocan en la calidad (quizás en formato más largo) en lugar de la cantidad. Me pregunto cuán difícil podría ser insertar publicidad sin romper la sensación de alta producción del sitio, por lo que quizás esto también sea de mayor interés para aquellos que publican de forma gratuita o usan un modelo de suscripción.

Sin embargo, la página de inicio es un problema, especialmente en dispositivos que no son de escritorio. Un sitio tiene que poder contar su historia, su propósito, su razón de ser casi inmediatamente y mi preocupación es que el diseño no lo permite.

Los editores también pueden desanimarse por la forma en que el tema responde a las tabletas, en particular, ya que este es un segmento creciente y cada vez más importante de su audiencia.

Mejoras potenciales

Es un poco duro hablar de mejoras cuando el tema aún no se ha lanzado, pero si quisiera usar TwentyFourteen, aquí hay una lista de lo que estaría personalizando:

• Agregar soporte de tipo de publicación personalizado al contenido destacado
• Permitir al usuario especificar el número de imágenes en una fila de cuadrícula
• Agregar la capacidad para que el control deslizante se mueva automáticamente a la siguiente diapositiva
• Posibilidad de asignar la barra lateral de contenido solo a la página de inicio
• Opción para especificar un componente de imagen destacado para cada plataforma (es decir, cuadrícula> escritorio, control deslizante> tableta, móvil)
• Centrar el diseño
• Convertir la barra lateral izquierda en una barra lateral deslizable y conectarla al ícono de menú en el encabezado

el lavado

Veinticuatro es hermoso. El esquema de color, la tipografía, la prominencia otorgada a las imágenes, el uso liberal de espacios en blanco, todo contribuye a una apariencia y sensación pulida y de alta producción.

Sin embargo, es discutible si se puede usar de manera efectiva desde el primer momento. La forma en que el tema responde a las tabletas y dispositivos móviles es un problema, especialmente en la página de inicio, y el control deslizante se ve mejor en las pantallas más pequeñas, mientras que la cuadrícula se ve mejor en las pantallas más grandes obliga a los propietarios de sitios a hacer un compromiso innecesario.

Puede sonar duro, pero creo que TwentyFourteen está un poco por debajo de las expectativas. Sin duda, es una gran mejora con respecto a TwentyThirteen, pero ciertamente no es premium y es posible que tenga dificultades para cumplir el deseo de Matt Mullenweg de tener "un año completo de un tema predeterminado, para disfrutarlo durante un año".

Por supuesto, este es un tema gratuito y los temas predeterminados de WordPress nunca han tenido como objetivo ampliar los límites del diseño y desarrollo de temas.

TwentyFourteen realmente no ofrece una solución que se pueda usar de manera efectiva lista para usar. Lo que sí hace, sin embargo, es ofrecer una ventaja significativa para aquellos con acceso a los conocimientos sobre temas de WordPress que desean crear un sitio de revista de alta calidad y están preparados para solucionar sus problemas y solucionar sus fallas.

• temas gratis