Guía de uso del sitio Wordpress para GdI - UNIRresearch.unir.net/wp-content/uploads/2015/05/... · Quiero crear una entrada totalmente nueva en inglés, así que selecciono inglés

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


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.


http://proresearch.unir.net/admin

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.


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,


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.


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.


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).


Publicaciones

• Todas las publicaciones: o Para modificar el texto introductorio del cuadro superior, editar la entrada

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: o Para modificar el texto introductorio del cuadro superior, editar la entrada

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).


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


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.


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.


http://blogs.unir.net/

http://blogs.unir.net/

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.


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.


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


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


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”.


Documents

Guía de uso del sitio Wordpress para GdI - UNIRresearch.unir.net/wp-content/uploads/2015/05/... · Quiero crear una entrada totalmente nueva en inglés, así que selecciono inglés