Manual de administración Web Site

Transcripción

1 Manual de administración Web Site

2

3 Índice Administración Web Site 1. Introducción Acceso al panel de administración El menú principal Listado de entradas Opciones del menú principal Páginas Enlaces Formularios Apariencia Galería VPMóvil SEO Compártelo...41 ANEXO I: Edición de una página...45 ANEXO II: Incorporación de imágenes

4 1. Introducción Enhorabuena y bienvenido a tu sitio web!!! El siguiente manual te ayudará a sacar el máximo provecho a tu página web creada con el Web Creator de VirtualPyme. Una vez realizada la construcción de tu espacio web, a través del Web Creador, puedes continuar incorporando información, fotos, comentarios... para lograr que tu web sea un sitio vivo. Dentro de las múltiples acciones que puedes realizar mediante la administración de tu sitio web, puedes encontrar: Incorporación de galerías de imágenes. Modificación de páginas. Gestión de formularios. Gestión de módulo SEO. Tu web en tu móvil. 4

5 2. Acceso al panel de administración Para acceder al panel de administración de tu sitio web puedes utilizar la URL y los datos (usuario y password) de acceso suministradas en el de registro, enviado en la finalización de tu sitio web. 5

6 3. El menú principal Una vez has accedido a tu panel de administración (mediante ruta y claves de acceso) lo primero que verás será: En esta pantalla inicial tienes dos tipos de información: - Un listado con las entradas de tu web: - Un menú con las opciones disponibles para tu sitio web: 6

7 4. Listado de entradas Una entrada es la unidad de publicación, de forma típica, en un blog. Mediante el panel de administración puedes habilitar las entradas (o post en inglés) para hacer que tu sitio web disponga de un contenido más dinámico. Cada artículo que publicas, cada video que subes, con o sin comentarios de tu parte, cada crónica fotográfica que das a conocer al mundo, es una entrada. El listado de entradas consiste en un recopilatorio de todos los comentarios añadidos en tu sitio web. Estos comentarios pueden ser modificados, publicados o eliminados en función del criterio del administrador del sitio web. Este listado te permite el acceso rápido para la gestión de las entradas, con las operaciones más habituales como, edición, aceptación o borrado. 7

8 5. Opciones del menú principal En la parte izquierda de la ventana dispones de un menú con todas las opciones ofrecidas por el panel de administración: En los capítulos siguientes encontrarás información detallada sobre la utilización de cada una de las opciones, para que puedas obtener el mayor rendimiento posible de tu sitio web. 8

9 5.1. Páginas Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones integradas para así hacerla interactiva. Tu sitio web está estructurado mediante páginas. Dicha estructura se dio inicialmente en el Web Creator a la hora de seleccionar el tipo de espacio web ( Web, Blog o Galería ) y posteriormente, en el Paso 4. Durante la creación de tu sitio web, si seleccionaste el tipo Web, ahora dispondrás de una estructura de páginas tal y como la definiste en el Paso 4 del Web Creator. Si durante la selección del tipo de sitio web del Web Creator elegiste Blog o Galería, la estructura confeccionada posteriormente, se corresponderá con las categorías de tu sitio web. Independientemente del tipo de web que seleccionaste en el Web Creator, ahora y mediante el panel de administración de tu espacio web, podrás añadir, quitar o modificar las páginas (estructura) de tu sitio web. 9

10 Mediante la opción Páginas del menú lateral podrás visualizar las páginas que componen tu sitio web, para su edición, o añadir nuevas páginas. El listado que aparecerá tendrá un aspecto similar al siguiente: Dentro de este menú y en cada una de las páginas existentes puedes realizar operaciones de: Editar, Edición rápida, Papelera (eliminar) y Ver. Estas opciones aparecen cuando pasamos (con el ratón) sobre una de las páginas del listado. Editar una página: La opción Editar nos permite acceder al editor de contenidos para realizar las modificaciones que queramos. El editor de contenido dispone de todas las opciones necesarias para que puedas diseñar la página a tu gusto. El Anexo I de este documento te proporcionará información detallada de este apartado. 10

11 Edición rápida de una página: Tendrás acceso a las opciones más comunes de edición, como administrador de tu espacio web. Las opciones disponibles dentro de la edición rápida de la página son: Título: Es el nombre de esta página. Slug: Apodo para esta página. Fecha: Fecha de creación, habitualmente. Contraseña: En caso de que quieras proteger o restringir el acceso a esta página. Superior: En este punto debemos indicar si esta página es hija o no de otra. Orden: Determina la posición relativa a las demás páginas. Permitir comentarios: Seleccionando esta opción, permitiremos que los usuarios incorporen información a esta página en concreto. Papelera (eliminar una página): Mediante esta opción eliminaremos la información asociada a esta página. Visualizar una página: Abrirá una pestaña en el navegador y podremos ver el estado actual de la página. 11

12 5.2. Enlaces Un enlace o link es texto o imágenes en un sitio web que un usuario puede pinchar para tener acceso o conectar con otro documento. Los enlaces son como la tecnología que conecta dos sitios web o dos páginas web. En el navegador se ven como palabras subrayadas. Una vez que pinchas en un enlace, puede poner en acción varios acontecimientos: podría "saltar" a otra página o a otro lugar en la misma página. podría estar enlazado a un archivo que comenzará a descargarse a tu ordenador. podría producir el lanzamiento de una aplicación de ayuda que entonces procesará el archivo en el que has pinchado. podría abrir tu programa de para que puedas enviar un mensaje. Mediante la opción del menú lateral Enlaces podrás realizar una gestión completa de los enlaces que desees que aparezcan en tu espacio web 12

13 Dentro del listado de enlaces que aparece al pulsar sobre la opción Enlaces del menú lateral, dispones de dos posibles acciones: Editar el enlace: Accederás a las opciones de configuración de dicho enlace. Borrar el enlace: El enlace será eliminado. 13

14 Editar enlace: Al pulsar sobre la opción Editar enlace de uno de los enlaces de la lista, podremos ver un cuestionario con opciones como el siguiente: 14

15 Editar enlace: Seguidamente podrás ver una descripción de cada campo del formulario Editar enlace. Nombre: Es el nombre por el cual será representado el enlace, debería de ser un texto representativo sobre la página a la cual enlaza. Dirección web: Es la ruta (URL) a la cual direcciona el enlace. Descripción (title) del enlace: Es el mensaje que aparecerá cuando pasemos el cursor del ratón sobre el enlace. Categoría del enlace: En esta opción podrás seleccionar a qué categoría pertenece el enlace. 15

16 Destino del enlace: En esta opción puedes especificar dónde se abrirá el enlace, si en la misma ventana o en una nueva ventana o pestaña. Relación con el enlace: En esta opción puedes establecer relaciones de parentesco/familiar con el enlace. 16

17 Avanzado: En esta opción encontrarás posibilidades tales como añadir una imagen al enlace en vez de que aparezca un texto. Guardar enlace: Finalmente y para almacenar la información que has incorporado al enlace, debes pulsar sobre Actualizar enlace. De otra forma la información introducida no será guardada. 17

18 Categorías de enlaces: 18

19 5.3. Formularios Los formularios son la vía mediante los cuales los usuarios se pueden poner en contacto o subir comentarios a nuestro sitio web. Inicialmente debemos crear los formularios que vamos a utilizar y después habilitarlos en la página o páginas dónde vayamos a utilizarlos. En el menú lateral izquierdo disponemos de la opción Formularios para poder realizar las operaciones de Edición, Nuevo... El listado de formularios estará vacío hasta que creemos un nuevo formulario. 19

20 Para crear un nuevo formulario pulsa en la opción Nuevo del menú lateral izquierdo. En la pantalla de administración puedes ver que aparecen básicamente dos campos: El campo de formulario por defecto: 20

21 Y el campo Añadir Campos : Dentro del campo formulario existen tres pestañas de configuración general, mediante las cuales podemos, por ejemplo, asignar título al formulario o incluir una descripción del mismo. 21

22 Mediante la pestaña de configuración avanzada podemos determinar detalles como la apariencia del botón de envío: La pestaña de confirmación nos permite configurar el mensaje que verá el usuario, una vez se envíe el formulario: 22

23 Con la configuración realizada hasta el momento disponemos de un formulario que enviaría el mensaje... Ahora necesitamos incorporar los campos de información que queramos obtener de nuestros visitantes. Mediante la opción Continuar editando, accedemos al formulario para incorporar los campos que consideremos necesarios: Algunos campos estándar para un formulario son: Texto, Párrafo, Desplegable. 23

24 Campos avanzados típicos de un formulario son: , Nombre, Teléfono. Otro tipo de campo posible dentro de un formulario, son los campos tipo Post. Este tipo de campos son útiles cuando queremos habilitar una zona de Entradas (Posts) en nuestro sitio web. Mediante este tipo de campos permitiremos que los usuarios suban fotos o introduzcan mensajes con formato. 24

25 Para incorporar (añadir) un nuevo campo a nuestro formulario, debemos pulsar sobre el tipo de campo que queramos añadir y después realizar la configuración de los campos del mismo. En el ejemplo de la imagen, se ha seleccionado el campo para incorporarlo al formulario: Una vez completada la información del nuevo campo, pulsa en Update Form. En este momento el nuevo campo habrá sido integrado en el formulario. Dentro del listado de formularios podemos Previsualizar el formulario que hemos creado, del mismo modo en que lo harán los usuarios que accedan a nuestro sitio web. 25

26 5.4. Apariencia El menú lateral izquierdo nos permite realizar cambios sobre la apariencia y la configuración de nuestro sitio web. El apartado Temas del menú Apariencia nos permite realizar una selección de la Temas (plantilla, theme) de entre las disponibles en nuestro sitio web. La selección de una plantilla u otra cambiará por completo el aspecto de nuestro sitio web. En caso de necesitar o querer cambiar a una plantilla que no esté disponible tu espacio web, deberás ponerte en contacto con el departamento de soporte del web creator para que realicen la transferencia de la plantilla a tu espacio web. 26

27 Dentro de las opciones de Apariencia podemos acceder a los Ajustes generales del sitio web. Los Ajustes generales permiten realizar configuraciones, por ejemplo, del nombre de nuestro sitio web o la descripción del mismo. 27

28 5.5. Galería Una galería es un repositorio de imágenes accesible en nuestro espacio web. Inicialmente no disponemos de galerías ni de imágenes subidas a nuestra web, si queremos disponer de estas, o permitir que usuarios las suban, debemos configurar las galerías para que permitan estas opciones. Para crear una galería debemos pulsar en Añadir galería/imágenes dentro del menú izquierdo en las opciones Galería. Entonces visualizaremos una pantalla similar a esta: 28

29 Una vez creada la galería tenemos 2 opciones para subir las fotos: Seleccionar las fotos a subir. Seleccionar un archivo.zip (archivo comprimido) contenedor de las imágenes a subir. Una vez creada la galería y subidas las imágenes podemos disponer de ellas en la edición de páginas de nuestro sito web, mediante el enlace al plugin de gestión de imágenes. Posteriormente encontrás un anexo con varios ejemplos sobre la incorporación de imágenes a tu sitio web. 29

30 5.6. VPMóvil Con el Web Creator de VirtualPyme también tendrás tu web en versión móvil. Mediante el menú lateral izquierdo podrás acceder a las siguientes opciones: Con la opción de Ajustes podrás guardar las estadísticas relacionadas con accesos de dispositivos móviles. En la opción de estadísticas puedes ver el número de acceso a tu web mediante dispositivos móviles. 30

31 También podrás cambiar el aspecto de la versión móvil de tu web, seleccionando la opción Plantillas del menú lateral. 31

32 5.7. SEO El posicionamiento en buscadores o posicionamiento web (SEO por sus siglas en inglés, de Search Engine Optimization) es el proceso de mejorar la visibilidad de un sitio web en los diferentes buscadores, como Google, Yahoo! o Bing de manera orgánica, es decir sin pagarle dinero al buscador para tener acceso a una posición destacada en los resultados. En el menú lateral izquierdo dispones de una opción para realizar la configuración de los parámetros relativos a la optimización del posicionamiento de tu sitio web. 32

33 Pulsando en la opción SEO accederás al siguiente menú de configuración: 33

34 Seguidamente tendrás información detallada del significado de cada uno de los campos. Estado del Plugin: Configura si activa o no el Plugin de administración del módulo de SEO: Título de la web: Como su propio nombre indica, este será el título de tu web. Esto es independiente de cualquier otra opción. Si no se establece el título del blog se pondrá por defecto el que lleve la web. Descripción de la Web: La descripción META de la página principal. Es independiente de cualquier otra opción, el valor por defecto es nulo si no se establece. Palabras Claves (separar por comas): Una lista separada por comas de palabras clave más importante para tu sitio web que se puede escribir como palabras clave META en la página principal. Las palabras pueden ser de cualquier tipo, pero es recomendable poner las que más se ajusten a tu web. URL Canónica: Esta opción genera automáticamente URLs Canónicas para tu Web. Las URLs canónicas sustituyen los enlaces por el texto del titulo de la entrada. Esto ayuda a prevenir las penalizaciones de Google. 34

35 Formato del Título de la noticia: Soporta los siguientes marcos (separado por ): %blog_title% - El titulo de tu Web %blog_description% - La descripción de tu Web %post_title% - El título original de la noticia %category_title% - La categoría de la noticia %category% - Alias para %category_title% %post_author_login% - El autor de la noticia %post_author_firstname% - El nombre del autor %post_author_lastname% - El apellido del autor Formato del título de la página: Soporta los siguientes marcos (separado por ): %blog_title% - El titulo de tu Web %blog_description% - La descripción de tu Web %post_title% - El título original de la noticia %post_author_login% - El autor de la noticia %post_author_firstname% - El nombre del autor %post_author_lastname% - El apellido del autor Formato del título de la categoría: Soporta los siguientes marcos (separado por ): %blog_title% - El titulo de tu Web %blog_description% - La descripción de tu Web %category_title% - La categoría de la noticia %category% - Alias para %category_title% 35

36 Formativo del título de los archivos: Soporta los siguientes marcos (separado por ): %blog_title% - El titulo de tu Web %blog_description% - La descripción de tu Web %date% - La fecha de los archivos Formato del título de las etiquetas: Soporta los siguientes marcos (separado por ): %blog_title% - El titulo de tu Web %blog_description% - La descripción de tu Web %tag% - El nombre de la etiqueta Formato de la página de búsqueda: Soporta los siguientes marcos (separado por ): %blog_title% - El titulo de tu Web %blog_description% - La descripción de tu Web %search% - Lo que has buscado Formato de la descripción: Soporta los siguientes marcos (separado por ): %blog_title% - Your blog title %blog_description% - Your blog description %description% - La descripción original %vp_title% - El título original de la página 36

37 Formato para lás páginas 404: Soporta los siguientes marcos (separado por ): %blog_title% - Your blog title %blog_description% - Your blog description %request_url% - La ruta original de la noticia, por ejemplo: "/url-que-noexiste/" %request_words% - La ruta pero que puede ser leida, por ejemplo "Ruta Que No Existe" %404_title% - Titulo adicional para las páginas 404" Formato de las páginas: Soporta los siguientes marcos (separado por ): %page% - El número de la página Usar palabras clave para categorias: Marca esta opción si quieres que las categorias reciban las palabras clave de la página web. Usar palabras clave para etiquetas: Marca esta opción si quieres que las categorías reciban las palabras clave de la página web. Usar el noindex para las categorias: Marca esta opción para excluir las categorías de las páginas. Es útil para evitar el contenido duplicado. 37

38 Usar el noindex para los archivos: Marca esta opción para excluir los archivos de página. Es útil para evitar el contenido duplicado. Usar el noindex para las etiquetas: Marca esta opción para excluir las etiquetas de las páginas. Es útil para evitar el contenido duplicado. Autogenerar descripciones: Marca esta opción para que tus descripciones se autogeneren. Capitalizar los títulos de las categorías: Marca esta opción para que la primera letra de cada categoría se ponga en mayúscula. Excluir páginas: Escribe las páginas(separadas por comas) que quieres excluir de este plugin. Cabeceras adicionales en las cabeceras de noticias: Lo que escribas en esta opción será verá en la cabecera de las páginas. Puedes introducir cualquier encabezado adicional que quieras, incluso referencias a hojas de estilo. 38

39 Cabeceras adicionales en las cabeceras de las páginas: Lo que escribas en esta opción será verá en la cabecera de las páginas. Puedes introducir cualquier encabezado adicional que quieras aquí, incluso referencias a hojas de estilo. Cabeceras adicionales para la portada: Lo que escribas en esta opción será verá en la cabecera de las páginas. Puedes introducir cualquier encabezado adicional que quieras, incluso referencias a hojas de estilo. Crear log de los eventos: Marca esta opción si quieres que se cree un log de los eventos importantes. Una vez realizada tu configuración puedes pulsar sobre Actualizar opciones para que quede guardada o pulsar sobre Valores por defecto para tener una configuración típica del módulo. 39

40 5.8. Compártelo Las redes sociales son estructuras sociales compuestas de grupos de personas, las cuales están conectadas por uno o varios tipos de relaciones, tales como amistad, parentesco, intereses comunes o que comparten conocimientos. Tu sitio web tendrá presencia en las redes sociales que prefieras, mediante esta opción del menú lateral. 40

41 La configuración de las opciones relativas conectividad a redes sociales de tu espacio web es muy sencilla. Se basa en cuatro pasos: 1. Selección de las redes sociales en las que quieres tener presencia. 2. Configuración de funcionalidades. 3. Configuración de la estética del plugin. 4. Configuración de la colocación del menú. Seguidamente podrás ver en qué consisten cada una de las opciones. 1. Selección de las redes sociales en las que quieres tener presencia: Selecciona tus redes preferidas y ordénalas según quieras que aparezcan en tu sitio web. El sistema de ordenación se basa en Arrastrar y soltar ( Drag and drop ). 41

42 2. Configuración de funcionalidades: Las opciones de configuración de funcionalidades te permiten particularizar el cómo tu sitio web realizará la comunicación con las redes sociales en las que estará en contacto. 3. Configuración de la estética del plugin: Permite realizar ajustes sobre el aspecto que tendrán los enlaces en tu sitio web. 42

43 4. Configuración de la colocación del menú: Esta opción te permitirá realizar ajustes sobre la colocación de los iconos en tu sitio web. Mediante esta opción puedes seleccionar que los enlaces de Compartelo se representen, por ejemplo, al final o encima del contenido. Finalmente dispones de las opciones de guardar los cambios o restaurar los valores de este plugin por defecto. 43

44 ANEXO I: Edición de una página En este Anexo vamos a crear una nueva página para añadirla a la estructura de nuestro sitio web. Veremos en un menú similar al siguiente, en pantalla: En la imagen puedes ver tres zonas de información diferentes: El campo dónde debes introducir el título de la página ( Dónde estamos? por ejemplo). Zona publicar. El editor. 44

45 Título de la página: El título de la página debe de ser un nombre corto representativo del contenido de la misma. Nombres típicos de títulos de páginas son: Contacto, Dónde estamos, Cómo encontrarnos.. El nombre de la página orientará a los usuarios sobre el contenido de la página que van a visitar. Zona publicar: En el área Publicar dispones de las opciones: Vista previa de los cambios : Seleccionando esta opción podrás visualizar las modificaciones que estés realizando. Estado : Implica visibilidad de la página, puedes seleccionar Pendiente de revisión o Borrador para aquellas páginas que estén en construcción. Visibilidad : Esta opción implica el asignado de un nivel de seguridad mayor, a las páginas, al poder especificar si dichas páginas son Publicas, Privadas o incluso si requieren de contraseña para ser accesibles. Una vez realizados todos los cambios debemos seleccionar Actualizar para que se guarden todas las modificaciones. 45

46 El editor: Sobre este punto, el editor, vamos a profundizar un poco más dado que es la herramienta mediante la cual vamos a dotar de contenido a las páginas. El editor incorporado en la administración de tu sitio web permite desarrollar contenidos de forma visual o en código HTML, si te resulta más cómodo. Controles del menú del editor de contenido: Seguidamente vamos a ver detalladas todas y cada una de las funciones que provee el editor, inicialmente para la representación visual de contenido. Añadir imagen: Ofrece la posibilidad de subir una imagen o utilizar una galería existente. Añadir video: Podrás subir los videos que desees a tu sitio web. Añadir un archivo de audio: Con esta opción podrás incorporar enlaces a archivos de audio. Añadir un objeto (pdf, doc...): Para incorporar documentos de texto, archivos... Añadir un formulario: Permite incorporar los formularios previamente creados. 46

47 Las siguientes opciones son características de un editor de texto: Con estas opciones podrás: Marcar texto en negrita. Texto en cursiva. Cambiar a modo pantalla completa. Incorporar imágenes desde tus Galerías. Con estas opciones podrás: Cambiar tipo de párrafo. Subrayar texto. Hacer o deshacer cambios. Mediante la opción HTML puedes incorporar código directamente al contenido de la página. Ejemplos clásicos de introducción de código HTML son los scripts de google maps para la representación de ubicaciones en un mapa. 47

48 ANEXO II: Incorporación de imágenes Una de las partes mas vistosas de un espacio web son las imágenes que podemos integrar. La información gráfica / visual que aportan las imágenes son casi tan importantes como el texto descriptivo que las acompaña. En este anexo vamos a ver como sacar el máximo partido a la integración de imágenes en nuestro sitio web. Básicamente existen dos métodos para integrar imágenes en nuestro sitio web: Referenciar a imágenes existentes en otros espacios web. Subir imágenes a nuestro espacio web. La opción de referencias a imágenes existentes en otros espacios web es sencilla y rápida. Únicamente debemos localizar la imagen que deseamos incorporar: e integrar dicho código en nuestra página. Si bien el anterior método es poco intuitivo para aquellos que no están demasiado familiarizados en la creación de páginas webs, el siguiente método resulta más fácil e intuitivo. La siguiente opción ( Subir imágenes) permite que incorporemos imágenes desde nuestro ordenador hasta nuestro sitio web. La utilización posterior se realizará mediante las galerías creadas en nuestro sitio web. Una galería es una unidad de información que permite que clasifiquemos las fotos que queramos. 48

49 El primer paso que debemos realizar es crear una nueva galería: Selecciona la opción Agregar una nueva galería : Asigna un nombre que resulte representativo como Flores 2011 o que te resulte representativo sobre el contenido. 49

50 Seguidamente selecciona la galería que has creado en el paso anterior, para subir las imágenes: Una vez seleccionada la galería, seleccionamos los archivos correspondientes a las imágenes que queremos subir y pulsamos en Subir Imágenes. 50

51 En este momento disponemos de una galería de imágenes para utilizar en la edición de contenido de la página web. Accediendo a la página que queremos editar, vamos a incorporar una de las imágenes desde la galería creada: Para un primer ejemplo, seleccionamos una de las imágenes subidas y elegimos Insertar : 51

52 En el menú de edición se integra de forma automática el código que relaciona la imagen que queremos incluir en la página en edición. Podemos observar el resultado pulsando la opción de Vista previa del menú editar. 52

53 Una de las opciones disponibles es la visualización de imágenes como un pase de diapositivas. El código integrado resultante de la inserción de la galería como pase de diapositivas será: El resultado de integrar una galería como pase de diapositivas será el de visualizar en la página web, una sucesión de las imágenes contenidas en la galería seleccionada. 53

54 Finalizadas las modificaciones sobre la nueva página o la página que estamos editando, seleccionamos Actualizar dentro del menú publicar, para que los cambios realizados sean almacenados. En este momento disponemos ya de una nueva página con una foto y un pase de diapositivas integrados. 54