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.

Inserción de imágenes en las entradas

“Una imagen vale más que mil palabras”

Tal vez esta expresión no sea totalmente cierta, pero en relación a las entradas de nuestro blog puede ser un valor añadido. Las imágenes son un recurso necesario e imprescindible para mantener la atención del lector y procurar dinamismo al texto. Además enriquecen el aspecto visual de nuestra entrada y favorecen el posicionamiento en los buscadores de nuestro blog. Las imágenes que utilicemos deben ser de calidad, creativas, llamativas y con un buen acabado. También es necesario que estén relacionadas con el tema que tratamos, ilustrando el contenido. En cuanto a los formatos los más recomendables son los preferidos por Google: jpg, gif o png; además hay que intentar que no pesen excesivamente, ya que esto ralentiza la descarga de la entrada y puede perjudicar nuestro posicionamiento en buscadores.

"Compartir es bueno", Ana Belén Ramón.

"Compartir es bueno", Ana Belén Ramón.

Por último, hay que tener en cuenta que las imágenes, como cualquier creación, están sujetas a derechos de autor, por lo que es recomendable utilizar imágenes de sitios web con licencia Creative Commons o similar. Estas licencias permiten usar y difundir las imágenes en distinto grado, cumpliendo algunos requisitos como nombrar al autor o no utilizarlas para fines comerciales, dependiendo de las restricciones elegidas por su autor.

A continuación recomendamos algunos bancos de imágenes que pueden resultar útiles para las entradas:

  • Wiki Media Commons. Es un depósito multimedia bajo licencia de documentación libre GNU.
  • Morguefile. Es un banco de imágenes en el que se recomienda citar al autor del trabajo, siempre que sea posible, como gesto de reconocimiento.
  • FlickrCC. Almacena miles de imágenes con licencia Creative Commons, muy útiles para ilustrar textos indicando el enlace y el autor de la imagen.
  • Pixabay. Contiene unas 40.000 fotos con Licencia Creative Commons, con gran calidad de imágenes y una cuidada selección. Está disponible en español y no es necesario registrarse para descargar las imágenes.