Guía de uso del sitio Wordpress para GdI

Transcripción

Guía de uso del sitio Wordpress para GdI
Manual técnico de publicación
ÍNDICE
Índice .................................................................................................................. 1
1.
Objetivo de esta guía..................................................................................... 2
2.
Acceso al área de administración del sitio ......................................................... 2
3.
El escritorio .................................................................................................. 3
4.
Diferencias con un Wordpress estándar............................................................ 4
5.
Entradas ...................................................................................................... 5
5.1.
Listado de entradas .................................................................................... 5
5.2.
Añadir nuevas entradas .............................................................................. 5
5.3.
Correspondencia entre categorías y secciones del sitio web ............................. 8
5.4.
Campos propios de una categoría................................................................. 9
5.4.1.
Campos de la categoría Proyectos .............................................................. 10
5.4.2.
Campos de la categoría Miembros .............................................................. 10
5.5.
Ordenar entradas ..................................................................................... 11
5.6.
Editar una entrada existente...................................................................... 11
5.7.
Publicar también en la página de inicio ....................................................... 12
6.
Imágenes................................................................................................... 13
6.1.
Ubicación de las imágenes......................................................................... 13
6.2.
La librería multimedia ............................................................................... 14
6.3.
Características de las imágenes ................................................................. 14
6.3.1.
Tamaño .................................................................................................. 14
6.3.2.
Formato .................................................................................................. 15
6.3.3.
Resolución............................................................................................... 15
6.3.4.
Peso del archivo ....................................................................................... 15
7.
Traducciones .............................................................................................. 15
8.
Servicio de ayuda técnica ............................................................................. 16
Guía de uso del sitio Wordpress para GdI. Manual técnico de publicación.
1/17
1. OBJETIVO DE ESTA GUÍA
Este documento no pretende ser un manual exhaustivo de Wordpress, sino una guía
desarrollada expresamente para los usuarios de los sitios de los grupos de investigación
(GdI), que en este caso van a tener un perfil de editor dentro de la administración de la
plataforma. Se abordarán brevemente las funcionalidades genéricas de la plataforma que
afectan a la publicación de entradas, y se hará especial hincapié en las peculiaridades
que presenta nuestro sitio, es decir, aquellos detalles que pudieran diferir del
funcionamiento estándar de Wordpress, o enriquecer éste.
2. ACCESO AL ÁREA DE ADMINISTRACIÓN DEL SITIO
En una plataforma Wordpress hay dos partes diferenciadas, llamadas frontend y
backend.
El frontend (proresearch.unir.net/nombre-del-grupo), o simplemente front, es la parte
visible de la web, accesible para cualquier usuario e internauta. No es necesario tener un
usuario para poder acceder a las webs de cada grupo.
El backend es el área de administración del sitio, a la que sólo pueden acceder los
usuarios con permisos (editores y administradores) para modificar la información y el
aspecto de lo que se muestra en el frontend. El usuario proporcionado corresponde a un
perfil de editor, lo que permite escribir nuevas entradas, modificarlas y publicarlas.
Para acceder a esta área introduciremos en el navegador la dirección de Internet (URL)
http://proresearch.unir.net/nombre-del-grupo/wp-admin, aunque también se
puede omitir el nombre del grupo, escribiendo simplemente
2/17
http://proresearch.unir.net/admin (la plataforma redirigirá al usuario al grupo al
que tenga acceso).
También se puede hacer clic en el frontend en el enlace Acceso usuarios, que nos redirige
a esta pantalla de acceso.
En dicha pantalla deberemos introducir nuestro
usuario y contraseña.
Correcto: Introducir el usuario, que será una única
palabra del tipo “dparedes” o “jmperez”.
Incorrecto: Introducir como usuario una cuenta de
correo.
Al identificarnos con un usuario válido entramos en el
backend, en el que podemos escribir artículos (que
aquí denominaremos “entradas”) y gestionar las
entradas ya escritas. Como ya veremos, también
podemos añadir y administrar las imágenes de los
artículos, dentro del apartado Medios.
El backend sólo es accesible para usuarios registrados en la plataforma.
3. EL ESCRITORIO
El Escritorio es la primera pantalla que se muestra tras iniciar sesión y acceder al
backend, y muestra información sobre la actividad reciente. Se compone de dos partes
principales: el menú de navegación, que ocupa toda la barra izquierda, y el panel central.
En el Escritorio disponemos de acceso directo a las publicaciones más recientes, o a la
posibilidad de crear un borrador rápido, aunque es preferible trabajar directamente con la
opción Añadir entrada, como veremos a continuación.
3/17
Al posar el ratón o hacer clic sobre las opciones se despliegan los submenús existentes.
4. DIFERENCIAS CON UN WORDPRESS ESTÁNDAR
Los usuarios ya familiarizados con Wordpress probablemente echen en falta algunos
apartados en el menú de navegación. En nuestra plataforma, este menú ha sido
simplificado para facilitar la labor de los editores y la adaptación de los usuarios que no
estén familiarizados con Wordpress.
En concreto, se han suprimido funcionalidades habituales en Wordpress como son la
gestión de páginas, etiquetas, categorías o comentarios. Es decir, la acción del perfil
editor en nuestra plataforma se restringe a la creación y gestión de entradas, la librería
multimedia y las opciones del perfil de usuario.
Dado que la estructura del sitio es fija, no se podrán añadir o quitar secciones u opciones
del menú de navegación, ni publicar nuevas páginas. De hecho, en nuestro sitio, el menú
del editor carece de la habitual opción de creación de páginas de Wordpress, porque aquí
no es necesaria. Todos los contenidos a añadir (noticias, artículos, eventos, proyectos,
etc.) deberán crearse en forma de entradas. La ubicación de las entradas en el frontend
depende de la categoría que se les asigne, como se explica a continuación.
En nuestro sitio web, todos los contenidos se agregarán como nuevas entradas.
4/17
5. ENTRADAS
5.1. LISTADO DE ENTRADAS
Al hacer clic en Entradas o en Todas las entradas se mostrará por defecto un listado
de las entradas del sitio, que se puede filtrar por autor, categoría o fecha utilizando los
desplegables y el botón Filtrar de la parte superior del listado. También se pueden filtrar
en función de su estado (publicadas, borradores, papelera) o su idioma haciendo clic en
los enlaces de la parte superior izquierda. En la parte superior derecha hay un buscador
de entradas (botón Buscar entradas), que permite hacer búsquedas por título. Además,
los nombres de las columnas permiten ordenar por título o fecha.
Si no encuentras una entrada, cerciórate de no estar aplicando ningún filtro.
5.2. AÑADIR NUEVAS ENTRADAS
Publicar una entrada (y por entrada entendemos noticia, artículo o página estática, en
este caso) es tan sencillo como mandar un e-mail. Para acceder al editor de entradas,
seleccionamos Entradas -> Añadir nueva. El editor es un espacio en donde es posible
redactar textos y asignarles formato. Tiene dos pestañas principales: Visual y Texto. La
primera permite obviar los códigos que están detrás de lo que se publica, puesto que
para publicar contenido en Internet es necesario recurrir al lenguaje HTML. El editor
permite simplificar el trabajo, empleando etiquetas sin tener conocimiento del lenguaje,
5/17
por lo que por defecto trabajaremos con la pestaña Visual, a menos que el usuario
posea cierto dominio del HTML.
Se trata de un editor de tipo WYSIWYG (What You See Is What You Get), que dispone de
las opciones habituales para edición de texto: Negrita, cursiva, lista numerada, alineación
etc. Al posar el cursor sobre los distintos iconos, aparecerá una ayuda contextual con el
nombre de cada funcionalidad. En realidad se trata de una barra doble, en la que la fila
inferior aparece oculta por defecto. Para mostrarla hay que hacer clic sobre el icono de la
derecha, Alternar barra de herramientas.
Los pasos a seguir para publicar una entrada sencilla son los siguientes:
1. Seleccionar un título para la entrada.
2. Escribir el mensaje en la caja de texto. Se pueden añadir enlaces, sangrías, y todos
los elementos de formato que nos permite el editor.
6/17
3. Seleccionar el idioma de la entrada. Dado que el sitio tiene una versión española y
otra inglesa, antes de publicar la entrada es aconsejable verificar el idioma
seleccionado en el desplegable Idioma de esta entrada del cuadro Idioma que hay
a la derecha, pues de ello dependerá el idioma de
las categorías, y por consiguiente que la entrada se
visualice en el sitio en español o en el sitio en
inglés. Por tanto, se deberá seleccionar el idioma
antes que la categoría. Este será este el dato que la
plataforma tendrá en cuenta para determinar el
idioma de una entrada, con independencia del
idioma en el que esté redactado el texto de la
misma. Por otra parte, si lo que se está
redactando es una traducción de una entrada
existente, se deberá crear directamente como
traducción, siguiendo las indicaciones que se dan
en el apartado correspondiente de esta guía (ver
más adelante).
Correcto: Quiero crear una entrada totalmente nueva en inglés, así que selecciono
inglés en el cuadro Idioma antes de elegir la categoría y publicar la entrada.
Incorrecto: Quiero crear una entrada totalmente nueva en inglés, así que escribo la
entrada en inglés y la publico.
4. Seleccionar la categoría o categorías que definen esta
entrada. Esto tiene especial relevancia en nuestro
sitio, pues es lo que determinará en qué sección de la
web aparecerá la entrada. Es una de las diferencias
con respecto al funcionamiento nativo de Wordpress.
Por ejemplo, si queremos añadir una nueva área de
investigación, crearemos una nueva entrada y le
asignaremos la categoría Área de trabajo. Si
queremos añadir un nuevo proyecto, crearemos una
nueva entrada y le asignaremos la categoría Proyecto.
Trabajaremos siempre con las categorías ya
existentes, no crearemos nuevas categorías.
Correcto: Creo una nueva entrada para un nuevo miembro del Equipo, y le asigno la
categoría Miembros antes de publicarla.
Incorrecto: Creo una nueva entrada llamada “Miembros” y la publico.
Las entradas no se visualizarán a menos que se les asignen
el idioma y la categoría pertinentes.
7/17
5. Publicar. Se puede guardar un borrador,
seleccionar la fecha en que aparecerá publicada
la entrada (por si se desea publicarla más
adelante, o publicar en ese momento),
determinar la visibilidad o explorar las distintas
revisiones del documento. Todo esto se
determina en el cuadro Publicar que hay en el
lado derecho del backend, pero por lo general
no hace falta recurrir a todas estas
funcionalidades. En la mayoría de los casos sólo
es necesario añadir el título, el texto,
seleccionar el idioma y la categoría, y pulsar
Publicar; los demás campos pueden quedarse
tal y como están.
5.3. CORRESPONDENCIA ENTRE CATEGORÍAS Y SECCIONES DEL SITIO WEB
Como hemos indicado anteriormente, la correcta asignación de la categoría de una
entrada es vital para que ésta se muestre en la sección deseada de la web, pues es el
modo que tiene la plataforma de distribuir los contenidos. Aunque en la mayoría de casos
esta correspondencia entre categorías y secciones es bastante intuitiva, vamos a hacer a
continuación un repaso exhaustivo de todos los rincones del sitio web y sus categorías
asociadas.
Inicio
•
•
•
Proyectos destacados: Categoría Proyectos destacados.
Blogs: Sección no editable.
Enlaces: Categoría Enlaces.
Quiénes somos
•
•
•
Área de investigación: Categoría Área de trabajo.
Equipo: Categoría Miembros.
Contacto: Categoría Contacto.
Proyectos
•
Todos los proyectos:
o Para modificar el texto introductorio del cuadro superior, editar la entrada
llamada “Introducción a los proyectos” con categoría Introducción
proyecto. No es necesario crear una nueva entrada.
o Para añadir proyectos a la lista de proyectos, emplear la categoría
Proyecto.
(Nota: Los nuevos proyectos se añadirán a la sección “Todos los proyectos”. El
perfil de editor no tiene acceso a la edición de menús en nuestro sitio).
8/17
Publicaciones
•
Todas las publicaciones:
llamada “Introducción a las publicaciones” con categoría Introducción
publicación. No es necesario crear una nueva entrada.
o Para añadir publicaciones a la lista de publicaciones, emplear la categoría
Publicaciones.
(Nota: Las nuevas publicaciones se añadirán a la sección “Todas las publicaciones”. El
perfil de editor no tiene acceso a la edición de menús en nuestro sitio).
Eventos
•
Todos los eventos:
llamada “Introducción a los eventos” con categoría Introducción evento. No
es necesario crear una nueva entrada.
o Para añadir eventos a la lista de eventos, emplear la categoría Eventos.
(Nota: Los nuevos eventos se añadirán a la sección “Todos los eventos”. El perfil de
editor no tiene acceso a la edición de menús en nuestro sitio).
Blogs
Sección no editable.
Acceso PDI
Sección no editable.
Sólo se podrá añadir contenido en las secciones del sitio habilitadas para ello.
5.4. CAMPOS PROPIOS DE UNA CATEGORÍA
Las entradas pertenecientes a determinadas categorías (Proyectos, Miembros) presentan
además una serie de campos propios que ofrecen información complementaria al
contenido (texto) de la entrada. Por ejemplo, en el caso de los proyectos permiten
adjuntar a la entrada una serie de líneas con las distintas fuentes de financiación, con lo
que la información se muestra de una manera más ordenada y homogénea.
Estos campos sólo están asociados a determinadas categorías, de modo que las entradas
nuevas no los incluyen inicialmente en la vista de edición. Para que estos campos
aparezcan en la vista de edición de la entrada, previamente ésta deberá haberse
categorizado adecuadamente y guardado como borrador (o haberse publicado).
9/17
No se debe confundir estos campos propios con los Campos Personalizados de
Wordpress, son secciones diferentes de la vista de edición.
5.4.1. CAMPOS DE LA CATEGORÍA PROYECTOS
Las entradas de categoría Proyecto tienen una serie de campos propios que aportan
información adicional a la entrada. En el Escritorio, estos campos se encuentran dentro
de la sección Campos de Página de Proyecto. No es obligatorio rellenar todos los
campos.
Como comentamos en el apartado “Imágenes” de este manual, la Imagen destacada
que aparece en este listado es distinta a la imagen destacada por defecto de Wordpress,
de modo que se pueden utilizar imágenes diferentes para la entradilla del listado de
proyectos y para la vista completa del proyecto.
Estos campos proporcionan información adicional sobre el proyecto.
5.4.2. CAMPOS DE LA CATEGORÍA MIEMBROS
10/17
Las entradas de tipo Miembros tienen una serie de campos propios que aportan
información adicional
a la entrada. En el
Escritorio, estos
campos se
encuentran dentro de
la sección
Investigadores. De
estos campos, los que
aparecen el front son
Líneas de
investigación, Blog
personal, Cuenta de
Twitter y Correo.
Estos campos permiten mostrar información adicional sobre un miembro de una
manera ordenada y homogénea.
5.5. ORDENAR ENTRADAS
Las entradas se muestran por defecto en orden cronológico descendente,
de modo que la entrada más reciente se muestra la primera. Para
modificar este orden, basta acceder a Todas las entradas desde el
Escritorio, filtrar por la categoría correspondiente (p. ej., Miembros), y
arrastrar y soltar las entradas con el ratón para reordenarlas. Al arrastrar,
el cursor se convertirá en una cruz de cuatro puntas.
5.6. EDITAR UNA ENTRADA EXISTENTE
Para editar una entrada existente, seleccionamos Entradas en la barra de navegación
izquierda. Nos aparecerá una lista de noticias publicadas. Este listado se puede filtrar por
fechas, categorías, idioma, autor, o estado (publicada, borrador, papelera). También
disponemos de un buscador de entradas en la parte superior derecha del listado. Una vez
localizada la entrada a editar, situamos el cursor sobre ella y en la fila de opciones que se
mostrará, hacemos clic en la opción Editar.
11/17
5.7. PUBLICAR TAMBIÉN EN LA PÁGINA DE INICIO
Como hemos descrito brevemente al hablar de las categorías, la página de inicio del sitio
muestra una serie de entradas destacadas, agrupadas en tres secciones:
1. Proyectos destacados. Los proyectos destacados son algunos de los proyectos
que hay en el apartado Proyectos. Para que una entrada aparezca también en
esta sección del Inicio, deberá pertenecer a la categoría Proyectos destacados.
2. Blogs. Las entradas de blogs que
aparecen aquí son algunas de las
entradas de la sección Blog, que a su vez
son las de este GdI en particular en
blogs.unir.net. Estas entradas son
suministradas a la plataforma desde
blogs.unir.net, por lo que no se podrán gestionar desde la plataforma Wordpress.
3. Enlaces de interés. Para que una entrada aparezca en esta sección del Inicio,
deberá pertenecer a la categoría Enlaces. El formato de las entradas puede ser el
Estándar, no es necesario asignarle el formato Enlace de Wordpress.
12/17
Para crear una entrada de
este tipo, habrá que poner
como título de la entrada el
literal del enlace y como
texto de la entrada la
dirección (URL) de destino.
Importante: Esta dirección
se deberá escribir como
texto plano, no como enlace
HTML, pues la plataforma se
ocupa de la conversión en
enlace.
Se pueden escoger las entradas que aparecerán en la página de Inicio dentro de
Proyectos destacados y Enlaces seleccionando las categorías apropiadas.
6. IMÁGENES
6.1.
UBICACIÓN DE LAS IMÁGENES
Hay dos maneras de añadir imágenes a una entrada:
1. Como imagen destacada. Esta imagen se mostrará tanto en la entradilla de la
entrada, como en la vista de entrada completa. Dado que la imagen destacada
también se muestra al visualizar la entrada completa, no es necesario (ni
aconsejable, dado que aparecería dos veces) incluirla de nuevo junto al texto de la
entrada. Las imágenes destacadas no se pueden alinear a izquierda o derecha; la
plataforma las ubica a un lado u otro en
función de cómo se esté visualizando la
entrada.
Para agregar la imagen destacada de la
entrada, accedemos al enlace Asignar
imagen destacada de la sección
Imagen destacada de la parte inferior
derecha del backend.
La imagen destacada se muestra tanto en la entradilla como en la vista
completa del artículo*.
2. Como parte del cuerpo de una entrada, junto al texto, que se muestran a tamaño
completo. Estas imágenes sí se pueden alinear a izquierda,
derecha o centro en el editor de entradas. Para añadir una
entrada como parte de la entrada, pulsamos el botón
Añadir objeto que hay sobre la barra de herramientas.
13/17
En ambos casos accedemos a la Librería multimedia, donde podemos subir una nueva
imagen o bien seleccionar una que ya se encuentre en la plataforma. También es posible
insertar la imagen desde una URL, pero esto conlleva ciertas consideraciones que pueden
hacer desaconsejable su uso.
* Excepción: Las entradas de categoría Proyecto tienen dos imágenes destacadas: la
misma que el resto de artículos, que es la que se muestra en la vista completa del proyecto,
y otra configurable a través del campo propio Imagen personalizada, que es la que se
muestra en la entradilla del listado de proyectos.
6.2.
LA LIBRERÍA MULTIMEDIA
Esta pantalla permite subir contenido multimedia para
después utilizarlo en las entradas. Podemos acceder a
ella desde la entrada Medios del menú de navegación
del backend. Para subir contenido multimedia a nuestro
sitio web, seleccionamos Añadir nuevo.
La Librería Multimedia muestra las imágenes en forma de mosaico para que nos sea más
fácil acceder a ellas para su edición.
6.3.
CARACTERÍSTICAS DE LAS IMÁGENES
6.3.1. TAMAÑO
Las imágenes destacadas se muestran con un tamaño de 150x150 píxeles en la entradilla
y 150x120 píxeles en la entrada completa, por lo que es recomendable escoger imágenes
cuadradas, aunque no es imprescindible. Wordpress cortará (por ambos lados) y
redimensionará la imagen destacada para ajustarla al formato indicado.
14/17
La plataforma ajusta automáticamente el tamaño de las imágenes destacadas.
En cuanto a las imágenes que van incluidas dentro del artículo, estas imágenes no
deberán sobrepasar los 640 píxeles de ancho. Este ajuste se puede hacer desde dentro
de Wordpress, dado que la plataforma dispone de un editor de imágenes en el que
podemos personalizar totalmente el tamaño con el que se mostrará cada una de ellas.
Si no se respeta el ancho máximo indicado, las imágenes invadirán la columna
de la derecha y romperán la estructura de la página.
6.3.2. FORMATO
El formato aconsejado para las imágenes es PNG. Otros formatos permitidos son: JPG y
GIF.
6.3.3. RESOLUCIÓN
Aunque este parámetro no tiene repercusión en la visualización de la imagen por
pantalla, la resolución aconsejada es de 72 ppp (píxeles por pulgada).
6.3.4. PESO DEL ARCHIVO
El archivo de cada imagen tendrá un peso máximo de 1 MB. La plataforma mostrará un
error en caso de intentar subir una imagen cuyo archivo supere esta cantidad.
Como norma general, las imágenes seleccionadas para las entradas serán
archivos PNG, JPG o GIF de un ancho máximo de 640 píxeles y un peso no
superior a 1 MB.
7. TRADUCCIONES
Esta plataforma soporta actualmente entradas en dos
idiomas, mostrando unas u otras en función del idioma
seleccionado en el front. En el Escritorio, el cuadro Idioma
que hay en el lado derecho nos permite saber si la entrada
seleccionada tiene una traducción al otro idioma y si es una
traducción de un artículo anterior en el otro idioma. Aunque
técnicamente es posible crear sendas entradas en español e
inglés por separado, si lo que se va a agregar es una
traducción de una entrada existente lo correcto es crear la
nueva entrada agregándola
como traducción de una
entrada existente, ya sea
haciendo clic sobre el signo
azul
de la suma que aparece en la columna de la
bandera en el listado de entradas, o en la que hay en la
sección Traducir usted mismo de la columna derecha
15/17
en la vista de edición de la entrada. De este modo, la plataforma tendrá constancia de la
relación entre ambas entradas, lo que permitirá que el visitante de la plataforma
visualice la traducción de la entrada al cambiar entre idiomas en el front del sitio y
facilitará la administración del mismo.
Esta relación quedará reflejada en el Escritorio, donde se indicará si una entrada es
traducción de otra existente dentro de la sección Idioma.
Al agregar una entrada como traducción de otra dejamos constancia de la
relación existente entre ambas, tanto para el usuario editor como para la
plataforma.
También es posible conectar entre sí dos entradas existentes como original y traducción
gracias a la opción Conectar con traducciones de la sección Idioma.
8. SERVICIO DE AYUDA TÉCNICA
La plataforma dispone de un formulario que permite solicitar ayuda técnica en caso de
que los usuarios encuentren dificultades en el uso del sitio. Para acceder a él, basta hacer
clic en el botón Formulario
incidencia que está visible en todo
momento en la parte superior
derecha del Escritorio. Al hacer clic
en dicho botón se mostrará un
formulario en el que se deberá
introducir la información solicitada y una descripción de la incidencia o consulta, así como
el sitio o grupo de investigación que realiza la consulta.
El servicio de ayuda técnica
enviará al usuario su respuesta
por medio del correo
electrónico. Por este motivo, es
importante que el usuario
verifique que ha rellenado
correctamente el campo
Correo electrónico del
formulario.
La descripción de la consulta o
incidencia deberá ser lo más
clara y concreta posible, para
agilizar y ajustar la respuesta
en la medida de lo posible. La
persona que lea este correo
deberá poder tener una idea
inequívoca de cuál es el problema o la duda, en qué contexto se ubica, en qué situación
16/17
se ha producido y todas las variables que afectan o han podido afectar. También es
importante respetar en la medida de lo posible la terminología, llamando a las cosas con
las mismas palabras (Escritorio, front, entradas, categorías, etc.) para evitar confusiones.
Por ejemplo:
Correcto: “En el grupo Telsock, dentro de Equipo, he sustituido una imagen que había
en la entrada Juan Nadie por otra, y al aplicar el cambio el texto no envuelve
correctamente a la imagen. Con la imagen anterior sí lo hacía”.
Incorrecto: “Las imágenes no se ven bien al cambiarlas”.
Correcto: “He publicado una entrada de tipo Evento en Coysodi pero no me aparece en
la lista de eventos cuando accedo al front. He probado a refrescar la caché del navegador
pero sigue sin verse”.
Incorrecto: “La noticia que he publicado no se ve”.
17/17

Guía de uso del sitio Wordpress para GdI

Transcripción

Documentos relacionados

CENTRO CULTURAL AUDITORIO MARIANA PINEDA Festival de

artistas solidarios en Gira. Mensajeros de la Paz

Horarios de “Lazy Town la Aventura Pirata”