Diferencia entre revisiones de «Manual de Publicación en la Web de la Escuela usando Gamma»

De Casiopea
Sin resumen de edición
Línea 3: Línea 3:
|Año=2015
|Año=2015
|Autor=Idar González, Hugo Solar, Herbert Spencer,
|Autor=Idar González, Hugo Solar, Herbert Spencer,
|Imagen=ScreenshotGamma.png
|Tipo de Publicación=Manual
|Tipo de Publicación=Manual
}}
}}
=Manual de publicación sitio web e[ad]: Theme Wordpress Gamma=
=Manual de publicación sitio web e[ad]: Theme Wordpress Gamma=
Bajo el contexto de reajuste gráfico, y sus funcionalidades para publicar en el sitio, se aprovecha la instancia para generar una breve documentación/guía, enfocado a cómo publicar contenido de manera adecuada. Hay que considerar que esta guía se aplica sólo para los '''usuarios con el permiso necesario''' como para poder contribuir material al sitio.
Bajo el contexto de reajuste gráfico, y sus funcionalidades para publicar en el sitio, se aprovecha la instancia para generar una breve documentación/guía, enfocado a cómo publicar contenido de manera adecuada. Hay que considerar que esta guía se aplica sólo para los '''usuarios con el permiso necesario''' como para poder contribuir material al sitio.

Revisión del 14:50 11 oct 2015










TítuloManual de Publicación en Gamma
Año2015
AutorIdar González, Hugo Solar, Herbert Spencer
Tipo de PublicaciónManual

Manual de publicación sitio web e[ad]: Theme Wordpress Gamma

Bajo el contexto de reajuste gráfico, y sus funcionalidades para publicar en el sitio, se aprovecha la instancia para generar una breve documentación/guía, enfocado a cómo publicar contenido de manera adecuada. Hay que considerar que esta guía se aplica sólo para los usuarios con el permiso necesario como para poder contribuir material al sitio.

Entradas

Las entradas son el tipo de publicación más común en el sitio, siendo el canal de mayor contribución de contenido. Éstas se ordenan según su fecha de publicación (quedando las más recientes primero) y además mediante categorías. Las categorías las delimita el autor de la entrada, por lo tanto es necesario un criterio preciso. Además, existen las etiquetas o tags, las cuales sirven para agrupar publicaciones de una manera adicional.

Transversalmente, bajo el panel de opciones para la entrada, se habilitan un par de nuevos elementos, como poder insertar íconos de Stampa (biblioteca iconográfica diseñada para la Escuela) y contenido Parallax (interacción entre contenido e imágenes de fondo, construyendo una profundidad).

¿Cómo crear una noticia?

Archivo:Nuevaentradawp.png

Al ingresar al panel de administrador (Luego de agregar la extensión wp-admin a la url e insertar los datos de usuario), existe una columna al lado izquierdo con diversas opciones. Es ahí donde encontramos el rótulo "Entradas". Desde ahí se despliega un submenu, dándonos 4 opciones pero nos enfocamos en "Añadir nueva". Luego nos encontramos con la pantalla que nos permite configurar la entrada:

Contenido de la entrada

Archivo:PanelEntradawp.png

La pantalla es bastante explícita: El contenido central apunta al contenido de la entrada. Y al costado la columna de datos como configuración de publicación, formato, categorías, etiquetas, etc. En primer lugar, está el espacio para indicar el título de la noticia. Abajo um horizonte con diversas opciones para ir añadiendo contenidos a la entrada. Existe un ícono que despliega la barra de manera extensa, donde nos permite agregar más variables en el contenido de la entrada.

Archivo:PanelContenidowp.png Archivo:ExtenderPanelwp.pngArchivo:PanelExtendidoWp.png

Es en este horizonte donde podemos incluir imágenes en el contenido, generar un contenido con mayor riqueza y dinámica. Para adjuntarlas, se apreta el botón con rótulo "Añadir objeto".

Columna lateral

En la columna lateral, nos encontramos con las categorías de la publicación y luego con las etiquetas. Cabe destacar los diversos usos de ambos componentes: Las categorías nos permiten darle un contexto a la entrada, que es dónde se ubicará la entrada una vez publicada. Por esta razón es necesario aplicar un criterio preciso y no sobre-categorizar la entrada. Mientras que las etiquetas son de una naturaleza mucho más libre, que nos ayudarán a indexar y encontrar las publicaciones, por lo tanto acá se puede dar más etiquetas que señalen el contenido y contexto de la publicación.

Para que la entrada adquiera la configuración de Noticia es necesario escoger la categoría del mismo nombre. Si se quisiera además publicar la noticia en otro tipo como por ejemplo Posgrado o Amereida, es necesario además escoger esas categorías. En el caso contrario, de no querer publicar una entrada de tipo noticia, no hay que seleccionar esta categoría y la entrada será categorizada según las etiquetas restantes.

Imagen destacada

Archivo:ImagenDestacadawp.pngArchivo:SubirBibliotecawp.png

La imagen destacada de la entrada, es independiente de las imágenes adjuntas en el contenido de la entrada. Por lo tanto, para mostrar una imagen de miniatura de la publicación y el horizonte principal de la noticia. Las opciones para adjuntar una imagen es subir un archivo existente en el computador del usuario o desde la biblioteca del sitio (imágenes previamiente cargadas).

Archivo:NoticiaImagenwp.png Archivo:Imagendestcadaentradawp.png

¿Cómo crear Información de docencia?

Archivo:InformacionDocenciaWp.png

Para publicar una entrada con tipo Información de docencia, se debe seleccionar la categoría del mismo nombre. Esto hará que la entrada se categorice como información de docencia y no como noticia u otro tipo no adecuado. La información de docencia debe mantener siempre un carácter informativo puntual. Por eso se usa el ícono Altavoz, siendo una analogía de este instrumento.

¿Cómo utilizar Stampa en una entrada?

Archivo:Insertariconostampawp.png Archivo:Familiatipograficastampawp.png

Se pueden insertar íconos de Stampa (familia tipográfica diseñada para la e[ad]), en rótulos y contenido. Para acceder a ellos se debe apretar el ícono Stampa y escoger "insertar ícono" o "insertar título + ícono" dependiendo del caso y se abrirá una ventana emergente mostrando toda la familia de íconos. Basta con hacer click y se añadirá en forma de código.

Actividades

Las actividades (anteriormente Eventos), son las publicaciones que buscan dan a conocer acontecimientos futuros. En la portada del sitio o home, aparecerán las 4 actividades futuras. Una vez que caduque su fecha, serán quitadas del home pero seguirán estando agendadas en su portada de actividades.

¿Cómo configurar una actividad?

Archivo:NuevaActividadwp.png

Se selecciona el rótulo Agregar nueva actividad tras posar el cursos sobre Actividades. Una vez hecho click, accedemos a una pantalla muy similar a la Entrada, con algunos campos adicionales:

  • Información de la actividad
    • Fecha: Al seleccionar este campo se despliega un calendario para nuestra actividad. Importante: sólo los eventos con fecha futura se verán en el home bajo el espacio de actividades.
    • Hora: Dato opcional puesto que no queda visible a los usuarios.
    • Lugar: Hay que introducir dirección de la ubicación manualmente. No se desplegará un mapa como la versión anterior.
  • Extracto: Espacio donde podemos resumir brevemente el contenido de la actividad. En caso de no especificar, el extracto se tomará del contenido de la entrada.

El resto de los campos funcionan de la misma manera que las entradas: con la imagen destacada y título.

Destacados (Carousel)

La franja inicial y principal del home, es un slide o carrusel, de publicaciones de mayor jerarquía. Los destacados son independientes de las entradas, por lo tanto existe la flexibilidad de poder enlazar a una entrada antigua, una actividad, un enlace a la Wiki e incluso una noticia a otro portal.

Configuración y visualización

Archivo:NuevoDestacadoMenuwp.png

La configuración de los destacados ha cambiado desde la última versión. Ahora, uno puede entrar a crear nuevos desde la columna lateral del panel de administrador, seleccionado "Add new Destacado", ubicado en el menú que se despliega al poser el cursos sobre el rótulo Destacados. Al seleccionar la opción, accedemos a una pantalla de Nuevo destacado, similar a la de Entradas y Actividades.

Archivo:NuevoDestacadowp.png

Una vez en esta pantalla nos encontramos con un par de opciones, algunas ya conocidas. La nueva es:

  • URL: Acá pegaremos una dirección web a nuestra noticia. Esto nos da la posibilidad de enlazar a noticias antiguas en el sitio, a una noticia recién publicada o una noticia de un portal externo. El procedimiento lógico para destacar una nueva Entrada (pudiendo ser una nueva Noticia, Actividad o Información de docencia), es primero generar la entrada. Una vez creada, se copia su URL y se crea un nuevo destacado. Una vez publicado, al pinchar sobre la imagen en el destacado, se dirigirán a esta URL.

Embeber contenido desde Wiki Casiopea

Se busca establecer un mayor diálogo entre el sitio y la Wiki, pudiendo tomar contenido ya existente en la Wiki y visualizarlo en el sitio sin necesidad de duplicar contenido (evitar problemas de mantención).

Pasos y visualización de diverso contenido

¿Cómo crear una página con otra plantilla?

Buscando una mayor flexibilidad para diverso contenido, se habilita la opción de poder elegir diversas plantillas, adecuándose a diverso contenido. A continuación se detallan las variantes:

Plantilla Predeterminada

Plantilla Parallax

Lo primero es escoger la plantilla Plantilla Ancha Parallax, para que se visualice de forma correcta. De lo contrario, se verá el efecto pero en un espacio muy reducido No es recomendable.

Archivo:AdminShortcodeswp.png

Para utilizar un Parallax en una plantilla adecuada, nos dirigimos al botón "Administrador de shortcodes" con un ícono de enchufe. Se despliega un menú y podemos elegir entre "Título con Parallax" o "Cita con parallax". Funcionan de la misma manera pero se visualizan con pequeñas variantes.

Archivo:ShortCodeParallaxwp.png

Para el ejemplo utilizaremos "Título con Parallax". Se nos muestra un par de campos y opciones que configurarán el bloque. Primero seleccionamos la imagen deseada. Importante, asegurarse que la imagen tenga una buena resolución, sino habrá problemas de visualización (imágenes de menor resolución se verán muy pixeladas porque se extenderán automáticamente al ancho del sitio). Luego el título y subitítulo deseado. Una vez rellenados los campos y la imagen, apretamos el botón Insertar el shortcode generado.

Una vez seleccionado, escogemos la imagen y el contenido deseado. Una vez inserto en nuestro contenido podemos insertar "Contenido Parallax", con el botón al costado de Stampa, mencionado anteriormente. De esta forma, generamos contenido centrado en la página con un diseño más ad-hoc y flexible.

Archivo:ContenidoParallaxwp.png

Y para finalizar repetimos el proceso de shortcode y en este caso elegimos "Cita con parallax". Tiene algunas opciones adicionales, como una caja para insertar nuestra cita y al final un par de opciones para la ubicación de esta misma. Una vez realizado todo este proceso, veremos nuestro contenido con código de esta manera:

Archivo:ContenidoParallaxCodigowp.png

Si guardamos la página creada, veremos una página con estos resultados: Título con parallax, con los rótulos centrados y la gran imagen de fondo.

Archivo:TituloParallaxwp.png

Luego, nuestro Contenido se visualizará como un bloque con fondo estándar de la página. Manteniendo una pausa entre los Parallax y luego Cita, con la imagen de fondo seleccionada y encima nuestra cita visualizada con la configuración.

Archivo:ContenidoCitaParallaxwp.png

Plantilla Posgrados