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 1038x192 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!

Cambio de plantillas para los blogs: cuatro nuevos temas

El equipo de Hypotheses lleva tiempo analizando el funcionamiento de las plantillas disponibles y ha decidido dejar disponibles solo cuatro: Twenty Eleven, Twenty Twelve, Twenty Thirteen et Twenty Fourteen. A continuación os explicamos los motivos de esta decisión y cómo cambiar vuestra plantilla. En breve estará disponible una documentación más completa que recibiréis en esta lista y podréis consultar también en La casa de los blogs.

¿Por qué cambiar de plantillas?
Algunas plantillas disponibles hasta ahora en Hypotheses son muy complicadas y presentan bugs, y otras tienen un código de complejo mantenimiento. El código de estas plantillas es muy distinto porque ninguno ha sido desarrollado por la misma organización. Esta heterogeneidad dificulta el trabajo de mantenimiento de la plataforma.
Además, algunas plantillas son antiguas y no contemplan los requisitos mínimos establecidos en términos de accesibilidad. La mayoría de estas plantillas antiguas, son, por ejemplo, incapaces de adaptarse a las decenas de resoluciones de pantalla que han aparecido con el desarrollo de los smartphones y las tabletas. El plugin utilizado para facilitar esto (wp-touch) también ha quedado obsoleto y es muy rígido para permitir una experiencia de usuario verdaderamente universal. En definitiva, estas plantillas plantean problemas de compatibilidad con los plugins demandados por la comunidad de blogueros, lo que dificulta el ensayo y la evolución de nuevos plugins. Por lo tanto, la decisión de proponer nuevas plantillas responde a la necesidad técnica de homogeneizar la plataforma para garantizar su mantenimiento por encima de todo. Esta operación permitirá a la vez asegurar su evolución y su internacionalización.

Las nuevas plantillas

Se ponen a disposición cuatro nuevas plantillas más homogéneas, desarrolladas por un solo equipo, el de WordPress (software en el que se basa nuestra plataforma) y progresivamente se irán abandonando las otras siete antiguas plantillas. Las cuatro nuevas obedecen a un responsive design, es decir, que se adaptan perfectamente al tamaño y al tipo de pantalla de cualquier dispositivo, fijo o móvil. Las cuatro nuevas plantillas son:

Twenty Eleven. Ejemplo : http://difdepo.hypotheses.org/
Twenty Twelve. Ejemplo : http://hctc.hypotheses.org/
Twenty Thirteen. Ejemplo : http://pock.hypotheses.org/
Twenty Fourteen. Ejemplo : http://surunsonrap.hypotheses.org/
Actualmente, WordPress crea una nueva plantilla cada año. El equipo de Hypotheses pretende seguir su evolución y añadirla todos los años a Hypotheses.
¿Cómo cambiar la plantilla?
Primero hay que elegir entre una de las cuatro plantillas. Para cambiarla hay que situarse en el Escritorio y en la columna de la izquierda pinchar en “Apariencia”> “Temas”. A continuación elegimos una de las cuatro plantillas indicadas y la instalamos haciendo en “Activar” (este botón aparece al posar el ratón sobre la plantilla elegida). Como veréis, se puede previsualizar la nueva apariencia que tendrá el blog antes de instalarla. Además, podréis hacer ajustes en el diseño de la plantilla pinchando en “Apariencia”> Customize.
Si lo que os interesa es una plantilla simple y que requiera poca configuración, podéis optar por Twenty Eleven o Twenty Twelve. Si preferís una plantilla más configurable pero que da un poco más de trabajo, elegid Twenty Fourteen.
Calendario de cambio de plantilla
Las plantillas Cleaker Cléo, Evolve Hypothèses.org, Magazine Basic Cléo, Magazine P Basic Hypothèses, Twenty Eleven Hypothèses.org, Twenty Ten y Photopress se irán abandonando progresivamente según este calendario:

Mayo 2014: están disponibles las nuevas plantillas
A partir del 1 de julio de 2014: las plantillas antiguas no se ofrecerán cuando un bloguero quiera cambiar de plantilla, Además, no se dará soporte técnico para estas. Se recomienda vivamente cambiarse a las nuevas plantillas en este momento si todavía no se ha hecho.
A partir del 30 de septiembre de 2014 las plantillas antiguas serán retiradas. A los blogs que no hayan hecho el cambio se les atribuirá automáticamente una plantilla común que, por supuesto, será posible cambiar.

Estamos redactando documentación ampliada sobre cada plantilla, que publicaremos aquí en cuanto esté disponible. Hasta entonces, podéis dirigiros a la lista de blogueros blogueros@groups.openedition.org para plantear cualquier cuestión que surja.