MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la...

12
MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON WORDPRESS La página web del grupo empresa alojada en el dominio http://rptgrupoempresa.com , está realizada en la aplicación Wordpress, que es gratuita y distribuida por la página http://www.wordpress.org . Esta aplicación (pensada primeramente para blogs), permite a los usuarios registrados en ella, crear, editar y publicar contenido sin necesitar de conocimientos de programación Web de ningún tipo (en algunos casos puntuales, trocitos de código pequeños). Recordad que tenéis información adicional en el enlace http://codex.wordpress.org/es:Main_Page Acceder al panel de administración: Una vez accedamos a la página principal de la Web, podremos acceder a todos los elementos públicos de la página: noticias, anuncios, ofertas, buscador de mensajes,… Pero para administrar nuestras publicaciones, tendremos que entrar con el acceso de autor que nos conceden los responsables del grupo empresa, no se otorgaran derechos administrativos a ningún usuario, sea responsable o no, solo tendrían acceso administrativo los responsables del mantenimiento de la página Web. Para Acceder, haremos clic en la llave que aparece en la parte inferior derecha de la página y accederemos a un menú donde: 1. Escribiremos el nombre de usuario que nos han asignado 2. Pondremos el password que nos han dado con el usuario (se puede cambiar en el panel de administración). 3. Clicaremos en “recordarme” si queremos que inicie automáticamente la sesión en el siguiente acceso. 4. Iniciaremos la sesión. 5. Si no nos acordamos del usuario o la contraseña desde aquí accederemos a una página donde nos podrán enviar la clave al correo.

Transcript of MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la...

Page 1: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON WORDPRESS

La página web del grupo empresa alojada en el dominio http://rptgrupoempresa.com, está realizada en la aplicación Wordpress, que es gratuita y distribuida por la página http://www.wordpress.org. Esta aplicación (pensada primeramente para blogs), permite a los usuarios registrados en ella, crear, editar y publicar contenido sin necesitar de conocimientos de programación Web de ningún tipo (en algunos casos puntuales, trocitos de código pequeños). Recordad que tenéis información adicional en el enlace http://codex.wordpress.org/es:Main_Page Acceder al panel de administración: Una vez accedamos a la página principal de la Web, podremos acceder a todos los elementos públicos de la página: noticias, anuncios, ofertas, buscador de mensajes,… Pero para administrar nuestras publicaciones, tendremos que entrar con el acceso de autor que nos conceden los responsables del grupo empresa, no se otorgaran derechos administrativos a ningún usuario, sea responsable o no, solo tendrían acceso administrativo los responsables del mantenimiento de la página Web.

Para Acceder, haremos clic en la llave que aparece en la parte inferior derecha de la página y accederemos a un menú donde:

1. Escribiremos el nombre de usuario que nos han asignado 2. Pondremos el password que nos han dado con el usuario (se puede cambiar en el panel de

administración). 3. Clicaremos en “recordarme” si queremos que inicie automáticamente la sesión en el

siguiente acceso. 4. Iniciaremos la sesión. 5. Si no nos acordamos del usuario o la contraseña desde aquí accederemos a una página

donde nos podrán enviar la clave al correo.

Page 2: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Una vez accedamos a la cuenta veremos la siguiente ventana:

1. Nos devuelve a la página Web, pero ya logeados. 2. Nos permite desde cualquier ventana del menú de autor, crear una nueva entrada. 3. Nos lleva a nuestro perfil y sus opciones. 4. Cierra la sesión de autor. 5. Permite poner y quitar los paneles centrales (13, 14 y 15). 6. Nos muestra la ayuda del menú de autor. 7. Nos lleva a la página Tablero (es la página inicial del menú autor). 8. Nos permite ver las entradas de todos los responsables y modificar las nuestras. 9. Crea una nueva entrada. 10. accedemos al menú de medios (fotos, video, flash,…) 11. agregaremos uno o varios medios a la biblioteca. 12. Veremos nuestro perfil y sus opciones. 13. Estadísticas de la página. 14. Para editar noticias rápidas. 15. Paneles sin uso (se pueden quitar con el punto 5).

Page 3: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Sección Entradas: Una entrada es aquella noticia que vemos en la página Web, pueden desde estar muy elaboradas hasta hacerlas con simple texto. Todas las entradas deben ser categorizadas para su organización. Agregar entrada: Al hacer clic en “agregar nuevo”, nos llevará a una ventana de edición como esta:

1. Título de la entrada. Imprescindible es lo primero que se verá de la noticia y evitad

en lo posible escribirlo todo en mayúsculas. 2. Cuadro de edición. Es donde se crea la entrada, se explicará con más detalle. 3. Opciones de edición:

- Guardar borrador: nos guardará el borrador sin publicarlo, con lo que quedará guardado pero no será visible más que para nosotros y desde el menú “editar entrada”. -Previsualizar: Nos abrirá una ventana para que veamos como está quedando nuestra entrada. -Estado: Pasar entre los diferentes estados de la entrada (no se suele usar). -Visibilidad: Para quien será visible la entrada (mejor no usarla para no traer problemas). -Publicar de inmediato: cambiar la fecha desde la que será visible. Esta opción se utiliza cuando modifiquemos entradas antiguas y queremos que aparezcan en últimas entradas, pondremos la fecha de ese mismo día.

4. Etiquetas: Son palabras que nos llevarán a ese post o parecidos en la búsqueda. 5. Categoría: Imprescindible da orden a las entradas, poned la categoría de vuestra

vocalía o la de fotografías si son fotos. 6. Permalink: es un enlace Web que nos llevará siempre a esa entrada, se suele usar para

enviarnos desde otra Web o desde un correo a esa entrada. 7. Autoguardado de la noticia: Irá guardando las modificaciones de la entrada para

recuperarla en caso de estropicio.

Page 4: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Opciones de edición de entradas: A la hora de escribir una nueva entrada, podemos utilizar varias herramientas de edición para darle a nuestra entrada el diseño que deseemos. Las herramientas son:

Con este botón escribiremos en negrita.*

Con este botón escribiremos en cursiva. *

Con este botón escribiremos en tachado. *

Con este botón escribiremos con viñetas. * • Ejemplo1 • Ejemplo2

Con este botón escribiremos con numeración. * 1. Ejemplo1 2. Ejemplo2

Con este botón podnremos dentro de cita un texto. *

Justifica el texto a la izquierda. *

Justifica el texto al centro. *

Justifica el texto a la derecha. *

Inserta un link en el texto seleccionado. *

Elimina un link en el texto seleccionado. *

Inserta texto dentro de una etiqueta que en la que es necesario hacer clic para ver el texto. *

Corrector ortográfico, hay que dar en la flecha de la derecha para seleccionar el idioma. *

Muestra el editor en pantalla completa. *

Muestra las opciones que se ven a continuación. *

Establece un formato de texto de una lista. *

Con este botón escribiremos en subrayado. *

Justifica el texto a lo ancho de la pantalla. *

Cambia el color del texto. *

Copia un texto sin formato del portapapeles sin formato. *

Copia un texto sin formato del portapapeles con formato. *

Borra el formato de un texto. *

Inserta medios embebidos en la página.

Inserta símbolos especiales de una lista. *

Page 5: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Reduce la sangría de un texto. *

Aumenta la sangría de un texto. *

Deshace la última acción. *

Rehace la última acción. *

Muestra un panel de ayuda sobre el editor. *

Inserta una foto desde la biblioteca de medios (recomendado). *

Inserta un video desde la biblioteca de medios (recomendado).

Insertar un audio desde la biblioteca de medios (recomendado).

Insertar un medio desde la biblioteca de medios (recomendado).

Muestra la edición tal y como se verá en la página. * Muestra el código HTML de la página, se usa mucho para insertar código embebido desde páginas Web como picasa, youtube, etc.…

Se recomienda solo usar las opciones con el símbolo *, ya que las demás pueden estropearnos la entrada como no las usemos con cuidado. Si mientras estamos escribiendo la entrada, tenemos que dejar inacabado el texto, podemos guardar como borrador con el botón “guardar como borrador” y continuar después desde el menú edición. Cuando hayamos acabado de escribir la entrada y después de haber comprobado como nos ha quedado con el botón “previsualizar” y hayamos seleccionado la categoría de la entrada, la publicaremos la entrada con el botón “publicar” con lo que quedará visible en la página Web nuestro articulo. Cuando estemos viendo nuestro articulo en la página Web y estemos logeados, mientras estamos viendo el articulo, podemos editarlo haciendo clic en el texto “editar” que aparece al final del articulo.

Page 6: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Editar entrada: Podemos editar borradores y artículos que hayamos escrito desde esta ventana, al pulsar “editar” en la sección “entradas”. En esta ventana podremos:

• Editar nuestros artículos, sean borradores o publicados. • Borrar nuestros artículos. • Ver los artículos de los demás autores.

Se recomienda no realizar acciones en lote para evitar modificar o borrar mas cosas de las que nos interese.

Page 7: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Sección medios: Podremos consultar la biblioteca de medios e insertar los medios que creamos convenientes en la biblioteca. Hay que ir con especial cuidado con seguir ciertas normas para nos saturar la página Web:

• Insertar solo los medios que necesitemos para escribir el artículo. Si queremos insertar un set de fotos, o videos, buscaremos la manera de ponerlos en otros servidores, por ejemplo, las fotos en picasa y los videos en youtube.

• Dadle nombres coherente a los archivos para que sean fáciles de buscar después. Por

ejemplo escribid al principio el nombre de la categoría donde irá (cultural, recreativa, deportiva, secretaría o fotografías). Si subiéramos por ejemplo una foto de un cartel de cultural sería: cultural-nombrearchivo-dd-mm-aa.

• Que los medios que insertemos sean de un tamaño razonable, todo aquello que pase de

300 Kb ya comienza a ser un archivo “pesado”.

• Consultar primero si el medio que necesitamos esta ya en la biblioteca. A lo mejor un compañero ya ha subido un medio que nos sirve y no hace falta subirlo otra vez.

• No subir medios que no son compatibles. Ni Word´s, ni Excel´s, ni PPS´s, ni nada que se

le parezca. Los mas usuales que sirven son: JPG, PNG, GIF y PDF. Si tenéis alguna duda avisad al administrador.

• Si elimináis un artículo y el medio sabéis seguro de que es invalido, eliminadlo de la

biblioteca. Ahorraremos espacio en el servidor.

• No insertar varias veces el mismo archivo. A veces pasa ;-D

Page 8: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Biblioteca: En esta ventana podremos consultar los archivos que hay subido y verlos en pantalla completa. También podremos editar los archivos desde esta ventana y ver la ruta http que tendrá, esta ruta se puede pegar en cualquier link para mostrarlo ya sea en el articulo como por ejemplo en un mensaje del foro. Si se ha utilizado una codificación para los archivos, con el buscador de medios que hay arriba a la derecha, lo encontraremos con facilidad.

Page 9: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Agregar nuevo: Agrega contenido en la biblioteca, podemos agregar desde la aplicación flash o desde la aplicación HTML haciendo en clic “cargador del navegador”. Se aconseja usar la aplicación flash por que coge varios archivos a la vez y se puede ir modificando la información del guardado mientras carga los otros archivos. Para cargar, haremos clic en “seleccionar archivos” y nos mostrará una carpeta de nuestro ordenador, navegaremos a la parte de nuestro ordenador donde tengamos el archivo o archivos y seleccionaremos todos aquellos que queramos cargar, después haremos clic en “abrir”. Esperaremos a que cargue el primero y mientras carga el siguiente ya podremos cambiar la información del archivo en la biblioteca haciendo clic en “mostrar”. Si no tenemos prisa podemos esperar a que cargue todos los archivos para empezar a modificar.

La URL que tendrá el archivo ya es visible y ya se puede copiar para insertarla en un link. Una vez acabemos con todo clicaremos en “Guardar todos los cambios”. Hay que tener en cuenta que siempre podremos cargar medios mientras estamos escribiendo un articulo.

Page 10: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Tu perfil Podemos actualizar nuestro perfil con las opciones que más nos interesen. Opciones Personales

• Editor Visual: habilita o deshabilita el editor visual, mejor no tocar esto. • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos de teclado en el panel de administración,

podéis ver las opciones en “Más información”. Nombre

• Nombre de usuario: Os lo ha establecido el administrador, no podéis cambiarlo. • Nombre: Vuestro nombre real, es opcional. • Apellidos: Lo mismo que lo anterior pero para los apellidos. • Alias: El nombre con el que vendrán firmados los artículos vuestros. • Nombre público: seleccionad de la lista vuestro nombre público.

Información de Contacto

• Podéis poner vuestra información de Hotmail, yahoo, aol,… casi mejor ni hacerle caso… Acerca de Usted

• Información Biográfica: Un mensaje sobre ti, mejor no hacerle caso… • Nueva Contraseña: Para cambiar vuestra contraseña, si estáis todavía con la contraseña

que os ha dado el administrador, mejor que la cambiéis por una vuestra aquí. Haced caso del indicador de fortaleza de la contraseña y poned al menos una contraseña de fortaleza media.

Actualizar Perfil: Guarda las modificaciones que hayáis hecho.

Page 11: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Truquillos para la edición de artículos: Insertar un pdf en un artículo: Agregamos a la biblioteca de medios el documento pdf que nos interesa y nos guardamos el enlace http del documento. Creamos una nueva entrada, en modo visual escribimos la parte de la noticia que contendrá texto:

Cuando hayamos escrito lo que nos interesa y estemos preparados para insertar el pdf, pasaremos a modo HTML.

Copiaremos el siguiente condigo dentro del documento: <a href="xxx">Haz clic aquí para ampliar</a> <iframe id="tema GE" name="tema GE" src="xxx" border="0" frameborder="0" style="height:600px;width:100%" ></iframe></p> Cambiaremos las xxx por el enlace http del documento que hemos subido a la biblioteca y quedará así:

Guardad o publicad el artículo mientras estáis en HTML, ya que si pasáis a Visual podéis borrar el pdf.

Page 12: MANUAL PÁGINA WEB GRUPO EMPRESA REALIZADA CON … · • Esquema de Colores para la Administración: azul o gris, no hay mucho más. • Atajos de Teclado: Permite activar los atajos

Insertar colección de fotos: Se está utilizando la página web picasa (http://picasaweb.google.com/home) como servidor para colgar las fotos del grupo con la cuenta [email protected]. Si tenemos las claves de acceso, podremos subir fotos y después mostrarlas como una galería en nuestro articulo. Para evitar disparidad en la forma de colgar las fotos, se seguirá el siguiente procedimiento:

1. Acceder a http://picasaweb.google.com/home y subir un álbum de fotos desde . 2. Si queremos meter más fotos en un álbum seleccionamos aquel que nos interese y

pasamos al punto 4, sino, hacemos clic en “crear uno nuevo”. 3. Escribimos las características de nuestro nuevo álbum y sobretodo nos acordaremos de

marcarlo como “público”. 4. El máximo de fotos que se pueden subir a la vez es de 5, haremos clic en “seleccionar

archivo” y elegimos la primera foto que queremos, así hasta elegir las 5 que nos interesa. Después hacemos clic en “iniciar subida”.

5. Una vez subidas las primeras 5, volvemos al punto 1 y empezamos teniendo en cuenta de en vez de crear nuevo álbum, seleccionar el que ya hemos creado.

6. Una vez completado el álbum, accedemos a el en la página principal de picasa y hacemos lo siguiente:

7. Copiamos ese código y lo pegamos en el modo HTML de la nueva entrada de fotografías,

seleccionamos la categoría “fotografías” y ponemos el enlace al artículo en el índice de “fotografías”. Acordaos que si no tenéis experiencia o no lo veis claro, pedid ayuda al administrador.