La sobriedad y la eficacia de Twenty Twelve

Como ya sabéis, la plataforma Hypotheses ha cambiado las plantillas de vuestros blogs. Después de la de Twenty Fourteen y Twenty Eleven, aquí tenemos la presentación de la configuración de Twenty Twelve.
Algunos blogueros ya la han instalado, es el caso de los blogs Devenir Historien-ne o  Ce n’est pas une image juste. Como veis, Twenty Twelve es una plantilla sobria pero elegante, ideal para un blog con entradas bastante largas.

Una cabecera después del menú
Una de las originalidades de esta plantilla reside en incluir la cabecera entre el menú y las entradas (como se puede ver en la imagen). Para añadir una cabecera o cambiarla, hay que ir al menú Apariencia>Cabecera, en el escritorio.
Dentro del espacio de configuración de la cabecera, podéis buscar una imagen en vuestro ordenador pinchando en el botón “añadir nueva imagen”. Una vez seleccionada la imagen, hay que pinchar sobre el botón “enviar”. WordPress os permitirá encuadrar la imagen como más os guste, seleccionándola y recortándola. Para que la calidad de la imagen sea correcta, comprobad que el tamaño sea de 900 pixels de largo.

Configurar la visualización del título del blog
En el menú Apariencia>Cabecera podremos configurar el título de nuestro blog. Si queréis que el título no se muestre, no es necesario suprimirlo de la información general. Esto provocaría una pérdida importante de información para el programa que gestiona las estadísticas y que indexa los blogs en los motores de búsqueda. Para ello, la casilla “Mostrar texto de cabecera” permite elegir si queremos que el título aparezca o no en el blog, sin necesidad de eliminarlo de la información legible por las máquinas. Debajo de esta casilla podemos también elegir el color del título que nos parezca más adecuado con la cabecera.

Widgets siempre visibles
Contrariamente a la plantilla Twenty Eleven, Twenty Twelve permite que esté siempre presente una columna de widgets en el lateral del blog, incluso cuando estamos leyendo una entrada.
Una vez dentro del menú Apariencia>Widget es suficiente colocar los widgets que queramos en la barra lateral principal para que aparezcan cuando navegamos.

Llenar los espacios laterales
En el menú Apariencia>Fondo, podéis elegir un color o una imagen que se mostrará en los márgenes de la izquierda y de la derecha de vuestro blog.

La página de inicio un poco más original
Se puede obtener una página inicial un poco diferente con tres configuraciones.

Capture-d’écran5

 

Para ello, en primer lugar es necesario crear una página (en la imagen el título va a ser “Presentación”). En el espacio de edición de esta página hay una zona de configuración denominada “Atributos de página” (encuadrada en rojo en la imagen de abajo). Aquí hay que modificar el modelo de página, para lo que seleccionaremos “Plantilla de página de portada”.
También se puede añadir a esta página una imagen destacada pinchando sobre el vínculo “Imagen destacada” (encuadrado en azul en la imagen de abajo). Esta imagen será añadida al lado del texto de vuestra página (en el ejemplo que acompaña al texto, la imagen destacada es la foto de Nick Cave y su micro). Guardamos los cambios y vamos al menú “Ajustes>Lectura”.

pantallazo_twelve

Aquí, entre las opciones de lectura elegimos “Página frontal muestra-Una página estática” y seleccionamos la página deseada (en el ejemplo es “Presentación”) dentro de la “Página inicial”.
Finalmente, podemos añadir Widgets en las “Primeras y Segundas área de widgets de página principal”. Os aconsejamos introducir el widget “Entradas recientes” dentro de una de estas zonas para que vuestros lectores puedan acceder desde la página de inicio a vuestros últimos contenidos.
Twenty Twelve ya está correctamente configurada en vuestro blog. Si tenéis preguntas, no dudéis en plantearlas a través de la lista de discusión.

Twenty Eleven: configuración

[Post original de Martin Clavey, versión en español de Leire Frisuelos]

Como muchos ya sabréis, en 2014 la plataforma Hypotheses cambió las plantillas que ofrece a los blogueros. En una entrada anterior vimos cómo configurar Twenty Fourteen, así que en esta ocasión os proponemos seguirnos en la configuración de otra de las nuevas plantillas de la plataforma, Twenty Eleven. Numerosos blogueros la han instalado ya en su blog, como por ejemplo Reinventar la antigüedad o Harmonies colorées.
Twenty Eleven es una plantilla que recupera la presentación clásica de blog: la columna principal de la página de inicio muestra de manera cronológica inversa las entradas al completo. Como peculiaridad, esta plantilla solo muestra la columna de widgets en la página de inicio, no siendo visible cuando pinchamos en una entrada, con el fin de otorgar mayor protagonismo al texto, como vemos en la siguiente imagen.

eleven1

 

Al final de este artículo veremos un modo de mostrar la página de inicio, “showcase”, que permite obtener una presentación más original, para aquellos que lo deseen.

Primeras configuraciones
En pocos minutos, esta plantilla se puede personalizar para que vuestro blog no se parezca a ningún otro. Una buena cabecera, unos colores diferentes, una zona de widgets a la derecha o a la izquierda y listo.

11screen-1024x772

 

La cabecera

Para conseguir un blog diferente, lo primero es cambiar la imagen de la cabecera (al elegir la nueva imagen deberemos tener en cuenta si tenemos los derechos de utilización de la misma necesarios). Para cambiarla, pinchad en el menú “Apariencia”>Cabecera de vuestro escritorio. Desde este apartado podemos buscar una imagen que tengamos guardada en nuestro ordenador, haciendo clic en “Seleccionar archivo”. Una vez seleccionada la imagen, pincharemos en “subir”. WordPress permite recortar la imagen a medida, pero Para que la calidad sea adecuada, hay que elegir una imagen de al menos 1000 píxeles de largo.

Capture_2015_01_14_14_40_14_802

 Además, si subimos varias imágenes, esta plantilla ofrece la opción de elegir una como cabecera, o mostrar distintas imágenes de manera aleatoria que irán cambiando según pinchemos en distintas secciones del blog. Para ello tenemos que elegir “Aleatoria: Muestra una imagen diferente en cada página.”

Capture_2015_01_14_14_48_05_814

La última opción de este menú permite elegir si queremos mostrar o no el nombre del blog sobre la cabecera, “Show header text with your image”, así como elegir el color de la fuente del mismo.  Para asegurar una buena referenciación y funcionamiento de las herramientas de hypotheses os recomendamos no eliminar nunca el nombre del blog en “Ajustes generales”.

Un poco de color
Si queréis diferenciaros un poco más, cambiad los colores en el menú “Apariencia>Opciones del tema”. Se pueden elegir dos opciones, texto negro sobre fondo blanco o texto blanco sobre fondo negro.
Se puede determinar también el color de los enlaces en los menús y en los textos de las entradas. Simplemente hay que hacer clic en “Selecciona un color” y elegirlo en la paleta que se desplegará.
En este menú también se puede elegir el emplazamiento de la columna de widgets en la página de inicio del blog (recordemos que en Twenty Eleven esta columna solo aparece en la página de inicio y desaparece al pinchar en las entradas).
Finalmente, en Apariencia>Fondo podemos elegir un color o imagen para rellenar los márgenes derecho e izquierdo del blog.
Ahora ya sabéis configurar la presentación general de vuestro blog en modo “blog clásico”.

Una cabecera específica para una entrada
Existe la posibilidad de asociar una cabecera específica para una entrada concreta. Para configurarla hay que entrar en la edición de la entrada y pinchar en “Imagen destacada”. Desde aquí podemos subir una imagen que aparecerá en la cabecera del blog solo para esta entrada. Importante: para que funcione es imprescindible que la imagen tenga al menos 1000 píxeles de largo.

Showcase, un modo diferente de configurar la página de inicio

Una última funcionalidad de Twenty Eleven es el modo Showcase de la página de inicio.

showcase2

Su configuración es algo más compleja que las opciones vistas hasta ahora, pero permitirá ofrecer una página de inicio más original. En el modo Showcase ésta queda separada en cuatro zonas diferentes:

  • Una página de presentación (enmarcada en rojo en la imagen de abajo)
  • Una zona “showcase” (enmarcada en azul)
  • Una columna de widgets (enmarcad en verde)
  • Una colonia de artículos clásicos

showcase2-zones

Activar el modo showcase
Para activar Showcase son necesarios tres requisitos. Lo primero es crear una página de presentación y, en los atributos de la página, elegir “plantilla de escaparate”.
Atención: no es necesario que esta página tenga contenido, pero debe existir en cualquier caso para que el modo showcase  se pueda activar (enmarcado en rojo en la imagen siguiente).

pantalla2

 

Una vez creada y publicada esta página debemos dirigirnos al menú “Ajustes> Lectura”. Seleccionamos la página que acabamos de crear (en nuestro ejemplo la hemos llamado “Presentación”) dentro de la opción “La página de inicio muestra una página estática (seleccionar abajo)”.

pantalla3

 

La configuración del modo Showcase está casi lista. Solo queda elegir las entradas que se verán en la zona showcase. Para añadir una entrada a esta zona pinchamos en Entradas>Todas las entradas y elegimos la edición rápida de la entrada en cuestión, seleccionamos la casilla “Marcar esta entrada como fija” y darle a guardar cambios.

Esto mismo se puede ejecutar desde el espacio de edición de la entrada: dentro del recuadro “publicar”, vamos a editar la Visibilidad y seleccionamos “Fijar esta entrada en la página principal” aceptamos y guardamos cambios. Si volvemos a la página de inicio de nuestro blog y la recargamos, obtendremos una bella página de inicio en modo showcase.

Para terminar, un pequeño truco para aquellos que quieran que se muestre una imagen en la zona “showcase” de la página de inicio: en el espacio de edición de una entrada que hayáis seleccionado para mostrarse en la página de inicio, elegid una imagen cuyo largo sea como mínimo de 1000 píxeles. Esto hará que la imagen se muestre automáticamente en la zona “showcase”.
Vuestro blog está ahora perfectamente preparado para recibir nuevas entradas. Si tenéis alguna cuestión al respecto, no dudéis en plantearla en la lista de blogueros.

Créditos imagen: Curtis Perry, Eleven, licence Creative Commons By-NC-SA 2.0

Pasarse a Twenty Fourteen

Como os comentábamos en la entrada anterior, los blogs de Hypotheses necesitan cambiar de look. Las cuatro nuevas plantillas, desarrolladas por el equipo de WordPress, se han elegido en función de criterios de continuidad, homogeneidad y flexibilidad a largo plazo para la plataforma.
Las nuevas plantillas son responsive design, es decir, adaptables al tamaño y dimensiones de cada pantalla concreta, lo que supone una considerable ventaja respecto a las anteriores, especialmente para la lectura en smartphones y tabletas.
Las nuevas plantillas son:
Twenty Eleven. Ejemplo : http://difdepo.hypotheses.org/
Twenty Twelve. Ejemplo : http://hctc.hypotheses.org/
Twenty Thirteen. Ejemplo : http://pock.hypotheses.org/
Y Twenty Fourteen.
Algunos blogueros ya se han instalado Twenty Fourteen. Aquí algunos ejemplos:
Sur un son rap : http://surunsonrap.hypotheses.org/
Iguales y diferentes: http://identification.hypotheses.org/

De las cuatro nuevas plantillas, Twenty Fourteen es la que más se acerca a una presentación tipo “magazine”, con un carrusel y una parrilla de entradas. También permite destacar, en la página de inicio del blog, las entradas que se consideren más relevantes.

twenty-fourteen-grille-1

 

 

 

 

 

 

 

Esta plantilla es la más gráfica de las que se proponen, lo que supone una ventaja si se dispone del tiempo para elegir y editar las imágenes que ilustrarán las entradas.

Si preferís no gastar tiempo en esta labor, os aconsejamos elegir Twenty Eleven y Twenty Twelve, que son más clásicas. Igualmente podéis leer la entrada de Karim Hammou (en francés) para haceros una idea de la configuración de Twenty Fourteen.

Aspectos generales
Primera configuración: la cabecera. Si acabáis de cambiar de plantilla puede que estéis algo decepcionados: la cabecera que teníais en la plantilla antigua no aparece en esta por defecto.
Es preciso ir al menú “Apariencia> Cabecera, elegir una nueva cabecera haciendo click en  “seleccionar un archivo” (ver el recuadro rojo, imagen 1). También se puede optar por una imagen utilizada anteriormente en el blog (una cabecera antigua, por ejemplo) haciendo click en elegir imagen (recuadro verde, imagen 1). Como para el resto de las imágenes que empleéis en el blog, verificad antes de publicar la cabecera que disponéis de los derechos para hacerlo, y reseñad los créditos de la imagen en la página “Créditos” de vuestro blog.

Imagen 1
Imagen 1

 

 

Los menús

Por defecto, esta plantilla utiliza un solo menú compuesto de las diferentes páginas y subpáginas de vuestro blog. Está situado en la parte superior, justo debajo de la cabecera. Los elementos del menú están alineados a la derecha.

Creación de un menú
Si se desea, el menú se puede personalizar. Para ello, dirigios a Apariencia>Menús
Comenzad por dar un nombre a vuestro menú en el campo “Nombre del menú” y después haced click en “Crear un menú”. Además podéis elegir en la columna de la izquierda las páginas, las categorías y los enlaces que queráis añadir al menú. Se puede cambiar el orden y/o crear sub-menús móviles simplemente arrastrando y soltando. No hay que olvidar pinchar en “Guardar menú” tras realizar alguna modificación.

Una vez que vuestro menú está creado, dirigios arriba a la pestaña “Manage locations”. Ahí podréis elegir dónde queréis que aparezca el menú, de las zonas disponibles: “Menú superior principal” (recuadro rojo, imagen 2) y “Menú secundario” (recuadro verde, imagen 2), en la barra lateral de la izquierda.

Imagen 2
Imagen 2

 

 Destacar entradas en la página de inicio

El principio es simple: si una entrada se cataloga con una palabra clave determinada (por defecto, la palabra clave “featured”), está aparecerá destacada con su imagen (más abajo veremos cómo añadir la imagen) en la página de inicio.

Por defecto, el modo de presentar las imágenes correspondientes a las entradas destacadas es rejilla. También es posible activar el modo carrusel (las imágenes aparecen en un formato grande y van pasando, a modo de slider). Para hacerlo es preciso dirigirse a “Apariencia>Customize”: desde aquí se pueden configurar más detalles de la plantilla. A la izquierda encontramos un menú de configuración. Y a la derecha podemos visualizar directamente el efecto de los cambios en la página de inicio de nuestro blog.
Si desplegamos el menú “Contenido destacado”, podemos elegir entre “Rejilla” y “Carrusel”. El campo “nombre de la etiqueta” permite definir la palabra clave que será utilizada para destacar una entrada (por defecto esta será “featured”, si no la cambiamos).
Realizados estos ajustes, las últimas entradas del blog, que hayan sido etiquetadas con la palabra clave elegida, pasarán a mostrarse automáticamente en la zona de contenido destacado del blog (Modo “rejilla” o “carrusel”).

Hay que tener en cuenta que las entradas destacadas ya no aparecerán en el hilo general de entradas del blog. Para volver a incluirlas y suprimirlas del carrusel o la rejilla en la portada, solo hay que borrar la etiqueta “featured” o la que hayáis elegido en cada una de las entradas.
Ya solo queda ilustrar con imágenes las entradas destacadas, ya que, de lo contrario, quedaría una página de inicio muy oscura. Para ello, hay que entrar a editar cada una de las entradas destacadas y atribuirlas una imagen haciendo click a la derecha en “imagen destacada” y luego en “establecer imagen destacada”(ver recuadro rojo, 3).

Imagen 3
Imagen 3

 

 

 

 

 

 

 

Para que la imagen se vea correctamente, hay que tener cuidado con el tamaño de la que vayamos a utilizar.

entete-billet

 

Si se emplea la opción “Rejilla”, la imagen deberá tener un tamaño de 672 x 372 píxeles. En la opción “Carrusel”, será de 1038×192 píxeles. Karim Hammou propone una pequeña recapitulación visual de los diferentes tamaños de imagen utilizados por Twenty Fourteen para las imágenes destacadas en portada.

Los tres tamaños de imagen utilizados para destacar en la portada en Twenty Fourteen
Los tres tamaños de imagen utilizados para destacar en la portada en Twenty Fourteen

 

 

Los Widgets
Twenty Fourteen utiliza tres zonas de Widgets :
• Una barra lateral principal a la izquierda (recuadrada en rojo en la captura de pantalla de abajo)
• Una barra lateral a la derecha, llamada “Contenido de la barra lateral” en el espacio (recuadrada en verde)
• Una zona de widgets en el pie de página (recuadrada en azul)

widgets-lateraux-public-1024x711

 

widgets-prives1-1024x576

Ya tenéis toda la información necesaria para cambiaros a Twenty Fourteen. Si tenéis alguna duda, podéis dejarla en los comentarios o en la lista de distribución de blogueros.

¡Buena configuración a todos!