gestor de contenidos

Transcripción

MANUAL
GESTOR DE
CONTENIDOS
TPVenlaNUBE
ÍNDICE
CAMBIAR FONDO DE LA PÁGINA ........................... 5
PERSONALIZAR LA CABECERA (SLIDER) ............. 8
CAMBIAR UN BANNER ........................................... 12
MODIFICAR EL PRODUCTO DEL MES ................. 15
BANNER DE REDES SOCIALES ............................ 20
HTML PERSONALIZADO ........................................ 25
CREAR UN CONTENIDO ESTÁTICO ..................... 29
EDITOR DE TEXTO ................................................. 32
CREAR CONTENIDO BLOG ................................... 47
MODIFICAR UN MENÚ ............................................ 52
FORMULARIO DE CONTACTO .............................. 68
MANUAL DE GESTOR DE CONTENIDOS DE TPVenlaNUBE
2
3
Esta es la forma que tendrá nuestra página de inicio, las zonas recuadradas
de colores son los principales apartados que podremos modificar.
En primer lugar, en el recuadro AZUL tenemos un slider o cabecera principal,
en el podremos poner imágenes con nuestras ofertas o productos
destacados.
A la derecha, en el recuadro ROJO encontramos nuestro primer banner,
podemos colocar una imagen a modo de noticia o novedad y enlazarla a un
contenido. Podremos colocarlos en más lugares de la página.
Debajo de ellos, encontramos otro slider. En este caso, seleccionará
automáticamente productos aleatorios de nuestra tienda virtual.
En el cuerpo de la página, encontraremos una columna a la izquierda en la
que irán los menús correspondientes a la tienda (como podemos ver
“Categorías” y “Marcas”), un buscador, el “Producto del Mes” en VERDE, otro
menú con información relacionada a nuestra tienda y por último, un banner
para las redes sociales en ROSA.
En el centro de la página, lo que sería el cuerpo, iremos viendo el contenido
de la página como puede ser la tienda o un artículo.
Por último, en el pie de la página vemos otros dos banner, en ROJO, en los
que podremos incluir otras dos imágenes.
4
CAMBIAR FONDO DE LA PÁGINA
El principal apartado que nos interesará
seguramente sea el fondo de nuestra página.
cambiar
primordialmente,
Este es el aspecto que tendrá la parte superior de nuestra página.
El fondo de esta se divide en dos, uno es el correspondiente a la parte
superior de nuestra página; la perteneciente al logo de nuestra tienda, el
menú superior, carrito y el área privada principalmente. La segunda parte del
fondo, es la que afectará a toda la página. Debemos tener en cuenta, que
este se repetirá en todas las direcciones; en ella encontramos nuestra
cabecera, banners, contenido estático, tienda…
Antes de cambiar ningún fondo es necesario tener en cuenta que el de la
parte superior no se repetirá y se sobrepondrá al fondo del resto de la página,
que la engloba en su totalidad (parte superior incluida pero detrás si
colocamos un fondo), por otro lado, el fondo del resto de la página si se
repetirá a fin de rellenarla por completo.
Para cambiarlo deberemos acceder a la administración de nuestro sitio.
5
Una vez aquí, debemos navegar hasta el apartado “Extensiones” → “Gestor
de Plantillas”.
Aquí se nos mostrará lo siguiente.
Estas son las dos plantillas que tenemos, corresponden al sitio y a la parte de
administración.
Nosotros cambiaremos el fondo en la correspondiente al “Sitio”, para ello
hacemos clic en su nombre, “comercio – Defecto” y nos llevará a una nueva
ventana.
6
Las opciones que nos interesan, se encuentran a la derecha de la ventana
englobadas en una zona llamada “Opciones Avanzadas”.
Tan solo debemos hacer clic en el botón “Seleccionar”, para que nos
despliegue un pop-up que nos permitirá seleccionar o subir la imagen que
deseemos poner; cómo se hace se explica en el apartado Insertar una
imagen.
Seleccionamos la que queramos usar y pulsamos sobre “Insertar”. Una vez
que hayamos seleccionado las imágenes, solo nos queda aplicar los cambios.
Si queremos deshacer los cambios, tan solo tendremos que pulsar sobre
“Limpiar” y volveremos a tener el fondo que había por defecto.
7
PERSONALIZAR
(SLIDER)
LA
CABECERA
Para cambiar el slider de la cabecera, marcado en AZUL, debemos ir a la
administración de nuestro portal y al apartado “Componentes” → “DJ-Image
Slider”→“Slides”.
Nos aparecerá una pantalla como esta.
Aquí nos aparecen todas las imágenes que tenemos en los diferentes slides.
En nuestro caso, como solo tenemos uno, solo aparecerán los
correspondientes a la categoría “Productos”.
8
Pulsando sobre Nuevo, en la parte superior derecha, podremos crear uno
nuevo para incluirlo en nuestra página. Tanto seleccionando “Nuevo”, como
editando uno ya existente, tendremos las mismas opciones. En esta ocasión
vamos a editar uno, el correspondiente a “Calzado”, por ejemplo.
Hacemos click en su nombre y nos llevará a una nueva vista con las opciones
pertinentes.
9
Tendremos varios apartados obligatorios (marcados con *):



Titulo.
Categoría.
Slide Image.
En primer lugar, debemos darle un nombre en el apartado “Título”. En el
apartado “Categoría”, tendremos un desplegable con los diferentes grupos de
sliders, debemos seleccionar al que queramos que pertenezca, en nuestro
caso solo aparecerá uno, “Productos”.
Como último campo obligatorio queda “Slider Image”, en el cual deberemos
seleccionar la imagen que queremos poner. Damos a Seleccionar y se nos
desplegará una ventana para elegir el archivo que queramos. También nos
permite subir la imagen como se explica en el apartado Insertar Imagen.
En cuanto a las opciones adicionales, tendremos las siguientes.
10
Link type: nos dejará seleccionar de un desplegable las opciones,URL
Address o, en caso de no querer que enlace a ningún sitio, “Don’t link”.
URL address: para enlazar a cualquier dirección, dentro o fuera de nuestra
web, escribimos la dirección exacta en este campo.
Cuando tengamos todo configurado, solo nos queda pulsar sobre Guardar y
cerrar para guardar los cambios que hayamos hecho.
11
CAMBIAR UN BANNER
Marcado en ROJO tenemos los banners, en los cuales podemos introducir
una imagen.
Para modificarlos, debemos ir al apartado “Componentes” → “Banners” →
“Banners”.
Nos aparecerá este contenido.
Aquí podremos ver los banners actualmente publicados. Para modificar uno,
tendremos que hacer click en su nombre lo cual nos llevará a un nuevo
apartado. Modificaremos, por ejemplo, el llamado Banner 1.
12
Las principales opciones que nos interesan de aquí son:



Categoría.
Imagen.
URL Click.
En categoría deberemos seleccionar donde queremos que aparezca el
banner, tendremos un desplegable con las diferentes opciones: Anuncios
Superiores, Anuncios Inferiores y Anuncios Footer.
Anuncios Superiores: es el que aparece en la parte de la cabecera, a la
derecha del slider.
Anuncios Inferiores: son los que aparecerán en la parte del inferior de la
página.
Anuncios Footer: este apartado no es recomendable modificarlo. Es el que
incluye los métodos de pagos en el pie de la página.
*NOTA IMPORTANTE: para una correcta colocación de la página es
necesario introducir las imágenes con el tamaño correcto, este varía en
función de la plantilla que tenga cada web. Para tener los tamaños
adecuados a su página, por favor, póngase en contacto con nosotros.
En
el
13
apartado “Imagen”, debemos seleccionar la imagen del mismo modo que
hicimos anteriormente en el slider. Debemos tener especial cuidado en que
tenga el mismo tamaño que la anterior en caso de cambiarla, ya que de no
ser así, podría descolocar la página por completo.
Por último, en el apartado “URL Click” podremos colocar un enlace al que
redirigirnos al hacer click en el banner. El enlace al que queramos que nos
envíe ha de ser absoluto, esto quiere decir que tiene que tener un formato tal
que:
http://comercio.tpvenlanube.com/es/tienda-online/productos
En nuestro ejemplo, queremos que nos mande a la página principal de la
tienda.
Cuando estemos conformes con los cambios que hemos realizado solo nos
falta guardarlos.
14
MODIFICAR EL PRODUCTO DEL MES
Otro de los apartados que podemos modificar es el “Producto del mes”, en
VERDE, situado en el menú de la derecha.
Para ellos nos dirigimos esta vez al apartado “Extensiones” → “Gestor de
Módulos”.
Nos aparecerá una lista con todos los módulos que tiene nuestra página, para
encontrar el que nos interesa podemos usar el filtro por nombre e
introduciendo “Producto del Mes”:
O el desplegable llamado “- Seleccionar Módulo -” y seleccionando “VM –
Producto del Mes”:
15
*En el caso de que no apareciese este módulo en el
buscador o en el listado, podrá añadirlo siguiendo la
explicación que encontrará más adelante.
Nos aparecerá una pantalla con la siguiente información.
Hacemos click en su nombre e iremos a la pantalla de edición para
modificarlo.
De todas las opciones que aquí encontramos solo necesitamos modificar dos.
En “Opciones Básicas” podremos seleccionar entre “Producto” o “Servicio”,
dependiendo de si queremos que sea “Producto del Mes” o “Servicio del
Mes”. Debajo debemos seleccionar el producto o servicio que queramos que
16
aparezca. Para ello, antes debemos haberlos dado de alta en nuestra tienda.
Al pulsar en Seleccionar nos aparecerá un pop-up como este.
Donde al hacer click sobre el nombre se escogerá el producto.
Adicionalmente, podemos modificar el apartado “Título” del módulo para que,
en caso de seleccionar un servicio, quede mejor visualmente como “Servicio
del Mes”, en lugar de “Producto del Mes”.
Cuando terminemos de editarlo guardamos y listo.
En el caso de que no apareciese este módulo en el buscador o en el listado,
podrá añadirlo, pulsando el botón Nuevo del gestor de Módulos.
17
Y seleccionando el módulo “VM-Producto del mes”.
Después se deberá rellenar el campo título poniendo Producto del mes o lo
que prefiera que aparezca en la web. También se pude elegir que el campo
del título se muestre o no. Luego hay que escoger la posición, es muy
importante que se seleccione “left” para que no se descoloque el resto de la
página.
El estatus deberá ser Publicado para que aparezca el módulo en la web.
El orden del módulo será por defecto el último. Si interesa que aparezca por
delante de otro de los módulos, que aparecen en la izquierda de la web, una
18
vez guardado el módulo hay que volver a editarlo y entonces se podrá
cambiar su orden.
En el Menú Asignado se escogerá en que menús, de los que tenemos
creados en nuestra web, queremos que aparezca el módulo de Producto del
mes.
En el campo Modulo Asignado elegimos en el desplegable si queremos que
aparezca:
- En todas las páginas
- En ninguna página
- Solo en las páginas seleccionadas. Se seleccionarán de entre las que se
ven en el Menú de selección.
- En todas las páginas excepto las seleccionadas.
-
Solo faltaría rellenar los campos de Opciones básicas, explicado más
atrás.
19
BANNER DE REDES SOCIALES
Por último, podemos modificar los botones de las Redes Sociales, en rosa,
para que enlacen a nuestra página.
Para ello nos dirigimos al gestor de módulos; “Extensiones” → “Gestor de
Módulos”.
Nos aparecerá una lista con todos los módulos que tiene nuestra página. De
nuevo, para encontrar el que nos interesa usaremos el filtro por nombre en el
cual escribiremos “Redes Sociales”:
20
O podemos usar el desplegable llamado “- Seleccionar Módulo -”
seleccionando “Social Media Icon Links”:
Nos aparecerá el siguiente contenido en la página.
Hacemos clic en su nombre, Redes Sociales y nos llevará a la página de
configuración.
21
De este módulo nos interesa el apartado “Social Media Icons”, desde el cual
podremos elegir que redes sociales queremos que aparezcan.
No obstante, en las “Opciones Básicas” podremos cambiar varias cosas, las
más relevantes:
Choose Icon Size: nos permite cambiar el tamaño de los iconos.
Align Icons: nos permite colocarlos alineados a la izquierda (Left), centro
(Center) e derecha (Right).
Hover Text: el texto que aparecerá al pasar el ratón por encima.
22
En el apartado “Social Media Icons” tenemos una lista con muchas redes
sociales. Podemos poner tantas como queramos, solo hay que tener en
cuenta que crecerá haciéndose más largo hacia abajo.
Para añadir una nueva red social es tan simple como seleccionar el icono
correspondiente y añadir la URL de nuestra red social.
En el desplegable tenemos una gran cantidad de iconos de redes sociales.
23
Por ejemplo, si queremos que vayan a la página en Facebook de
TPVenlaNUBE debemos seleccionar el icono “Facebook.png” e introducimos
en el apartado URL el enlace de la página en Facebook:
https://www.facebook.com/TPVenlaNUBE
Cuando terminemos solo nos falta guardar los cambios y ya tenemos
nuestras redes sociales enlazadas.
24
HTML PERSONALIZADO
Adicionalmente, podemos crear módulos con código HTML personalizado.
Para ellos tenemos que ir a “Extensiones” → “Gestor de Módulos”.
Nos aparecerán de nuevo todos los módulos que tengamos en nuestra
página. Arriba nos aparece el botón “Nuevo”.
Pulsando sobre él nos abrirá un pop-up con los diferentes tipos de módulos
disponibles. Seleccionaremos “Personalizar HTML” e iremos a un nuevo
contenido.
25
Esta será nuestra nueva ventana para crear nuestro módulo personalizado.
Tenemos dos campos obligatorios, marcados con asteriscos (*), son:
Título: El nombre que le queramos dar al módulo.
Posición: El lugar donde lo queramos colocar. Generalmente solo podemos
colocarlos en la columna de la izquierda, llamada “left”. Cualquier otra
posición descolocará la página por completo.
26
A la derecha vemos en las “Opciones Básicas” si queremos poner una
imagen de fondo (background) y el botón para seleccionarla.
El contenido que mostrará nuestro módulo lo podremos editar en el apartado
“Salida personalizada” (explicaremos sus funcionalidades más adelante en el
apartado Editor de texto).
Debemos tener en cuenta que si colocamos una imagen en el apartado
“Seleccionar imagen para el background”, esta no se mostrará entera, sino
que aparecerá como fondo del contenido que pongamos.
En caso de querer introducir código HTML, en “Salida personalizada”
debemos activar el editor de código, para ello pulsaremos sobre el icono
seleccionado a continuación.
Se nos abrirá editor de HTML y ahí podremos escribir HTML directamente.
27
Nos aseguraremos de que este publicado y le hayamos dado un nombre y
posición, y guardamos los cambios.
28
CREAR UN CONTENIDO ESTÁTICO
Otro apartado importante para nuestra página, es la creación de contenido,
para ello debemos crear un artículo.
*NOTA IMPORTANTE: Es importante saber que estos contenidos que
creemos aquí deberemos enlazarlos a un menú para que aparezcan en
nuestra página. Esto se explica en el apartado Modificar un menú
Nos dirigimos a “Contenido” → “Gestor de Artículos”.
Nos aparecerá una lista con todos los artículos que tengamos creados, estén
o no publicados.
29
Si queremos publicar o despublicar un artículo de forma rápida solo
tendremos que pulsar sobre el check verde
(publicado) que tiene en la
columna “Estatus” y pasará a ser rojo (despublicado).
Para crear un nuevo artículo, debemos pulsar sobre Nuevo, lo que nos
llevará a un nuevo apartado (parecido al de “Personalizar HTML”).
30
Debemos dar un nombre en el apartado “Título” ya que es obligatorio
(marcado con *).
También debemos asignarle una “Categoría” de las disponibles en el menú
desplegable. (Nosotros podremos crear tantas categorías de contenido como
queramos. En Contenido → Gestor de categorías → Añadir nueva Categoría)
En la zona “Texto Artículo” tenemos un editor de texto con el que podremos
personalizar nuestro artículo fácilmente. Su funcionamiento se explica más
adelante.
Una vez hecho guardamos y aparecerá el nuevo artículo en el listado junto a
los creados anteriormente.
31
EDITOR DE TEXTO
Este editor de texto nos facilita mucho el trabajo a la hora de crear un
contenido estático. Tiene una gran cantidad de opciones que nos permitirán
personalizarlo a nuestro gusto.
La primera fila de opciones son todas relativas al formato del texto, como
pueden ser: letras en negrita, cursiva, subrayado, alineaciones, tipos de texto,
estilos predefinidos…
La segunda línea tiene más opciones de formato de texto: el tipo de letra,
tamaño, color, subrayado, sangrías, listas, caracteres especiales…
En la tercera fila disponemos de herramientas de edición del texto tales como:
ver la pantalla completa, visor de código, buscar y remplazar… Así como las
herramientas de creación de tablas: crear tabla, insertar fila o columnas,
borrar fila/columna, combinar celdas…
32
Por último, en la cuarta fila tenemos unas cuantas opciones de formato más y
las correspondientes al contenido multimedia.
Esta última fila contiene varios elementos que nos interesan en gran medida
ya que nos permitirán insertar videos, imágenes, etc.
INSERTAR ENLACE
En primer lugar, veremos cómo introducir un hipervínculo (o enlace). Para
ello, debemos de usar el icono con forma de cadena.
Esto desplegará una ventana desde la cual crearemos nuestro enlace.
33
Podremos enlazar de diversas formas, una de ellas es escribir la URL en el
apartado “URL”, lo que nos enviará a la dirección que le digamos cuando
pulsen sobre nuestro enlace. Deberá ir precedida de http//:
En este mismo campo podemos poner la dirección que lleve a un fichero que
tengamos guardado en nuestro ordenador, pulsando en el botón que vemos
en la siguiente imagen.
También podemos hacer que el enlace llevé a una dirección de correo para
que nos puedan escribir un email, en To pondremos la dirección donde
queremos recibir el email, podemos poner con copia (CC) a otra dirección que
queramos o con copia oculta (BCC) para que no se vea la dirección de correo
de este campo. Y ponemos el asunto que nos interesa que aparezca por
defecto (Subject).
34
En el apartado “Texto” aparecerá la palabra que hemos seleccionado en
nuestro texto, que será sobre la que queremos que hagan clic o que sustituya
a la URL. En nuestro ejemplo, seleccionamos “palabra” para que nos sirva de
enlace.
También podemos enlazar con un contenido de nuestra página, para ello
usaremos el recuadro “Links”.
Podremos conectar con otros artículos, elementos de los menús… (Explorar)
Por ejemplo, con esto, como vemos en la imagen conseguiremos enlazar con
el menú Tienda que es la tienda virtual.
35
En la parte de atributos vemos que también podemos poner que el enlace
vaya a anclas que hayamos insertado anteriormente en el texto que estamos
introduciendo en el editor. Seleccionaríamos el ancla que nos interese de
entre las que aparecen en el desplegable.
Un ancla se añade seleccionando el texto al queremos que nos lleve el enlace
y pulsando seguidamente el icono .
Al hacerlo se nos abre una ventana para que introduzcamos el nombre del
ancla, para luego poder localizarlo a la hora de asociarlo a algún enlace.
Una vez que hemos pulsado Insertar aparecerá en el texto del editor como se
ve en la imagen.
36
También podemos seleccionar como queremos que se presente el nuevo
contenido, ya sea en la misma ventana, en una nueva… Esto lo podremos
decidir en el apartado “Destino” que desplegará todas estas opciones.
En el campo Título pondremos el texto que queremos que aparezca en la
pestaña que sale al ponerse encima de la palabra que sirve de enlace.
Pulsamos sobre insertar y nos colocará el texto con el enlace a la Tienda.
INSERTAR IMAGEN
El siguiente botón que veremos será el de “Insertar/Editar Imágenes”.
Al pulsar sobre ella nos desplegará otra ventana con las diferentes opciones
para insertar imágenes.
37
Esta ventana está separada en dos partes, en la superior encontramos las
“Propiedades”, donde le podremos dar el tamaño que queramos, la
alineación, los márgenes y si queremos podremos insertar una imagen
directamente desde internet (apartado “URL”).
En la parte inferior esta el “Explorador de Archivos”, el cual nos permite de
una forma visual elegir la imagen que queramos colocar, así como subirla.
En el “Explorador de Archivos” tendremos tres iconos (
) en la zona
superior de la derecha, los cuales el primero nos permiten crear una carpeta
, el segundo nos permitirá subir archivos
y el tercero es el
correspondiente a la ayuda .
Para crear una carpeta solo tendremos que navegar hasta el lugar donde
queramos colocarla a través del explorador, en la división de la izquierda (la
primera: Carpetas); al pulsar sobre crear la carpeta solo le tendremos que
darle un nombre.
38
Si queremos subir un archivo, de nuevo debemos navegar hasta la carpeta
donde deseemos guardar las imágenes. Después tenemos que pulsar en el
segundo botón,
. y se nos desplegará un pop-up, pulsamos en Browse y
buscamos los archivos que queramos subir y posteriormente pulsamos en
Upload.
Una vez subida, para seleccionar la imagen debemos navegar por las
diferentes carpetas hasta donde la hayamos dejado guardada y seleccionarla
en la división del medio (Nombre), donde los aparecen todo el contenido de
esa carpeta.
Por último, en la tercera y última división (Detalles) nos aparecerán los
detalles de la imagen así como una vista previa.
39
Ahora podemos cambiarle el texto alternativo, el tamaño, la alineación,
márgenes, etc.
Cuando estemos conformes con los cambios solo nos queda pulsar sobre el
botón “Insertar”.
INSERTAR UNA IMAGEN CON ENLACE
Podemos combinar varias de estas opciones con el fin de conseguir algo que
no viene especificado fácilmente. Por ejemplo, puede darse el caso en que
queramos insertar una imagen y que al pulsar sobre esta nos mande a otro
apartado o página web.
Para ello solo tendremos que seguir dos sencillos pasos.
Primero debemos insertar la imagen del modo que acabamos de ver (Insertar
Imagen), y, una vez de vuelta al editor de texto tan solo debemos seleccionar
la imagen (hacer clic sobre ella) e insertar un enlace como vimos
anteriormente (Insertar un Enlace).
INSERTAR FICHEROS
La siguiente opción que veremos será la de insertar un fichero.
Al pulsar sobre ella nos desplegará una ventana similar a la de insertar una
imagen. Como podemos ver, es bastante parecido. Tenemos tres secciones,
donde introduciremos el enlace del archivo (Enlace), el texto que queramos
que aparezca, tamaños… (Opciones) y por último, el “Explorador de
Archivos”, con la misma función que anteriormente, ayudarnos a encontrar o
subir los archivos.
40
El proceso para crear una carpeta o subir un archivo es el mismo que para las
imágenes.
Para crear una carpeta, solo tendremos que navegar hasta el lugar donde
queramos colocarla a través del explorador, en la división de la izquierda
(Carpetas); al pulsar sobre Nueva carpeta solo le tendremos que dar un
nombre.
Si queremos subir un archivo debemos pulsar en el segundo botón,
.
De nuevo debemos navegar hasta donde deseemos guardar las imágenes.
Nos desplegará una ventana a la cual deberemos arrastrar los archivos que
queramos subir o pulsar Browse para buscarlo en nuestro ordenador y
después pulsar en “Upload”.
41
Una vez hayamos seleccionado el archivo, podemos personalizar las
opciones. Por ejemplo, el texto que aparecerá en el enlace para descargar el
archivo (en nuestro caso “Descárgate el Logo de Joomla”).
Cuando estemos conformes con los cambios pulsamos sobre “Insertar” y nos
colocará el enlace al archivo en nuestro texto.
42
INSERTAR CONTENIDO MULTIMEDIA
La última opción del editor nos permitirá introducir un video o archivo flash en
nuestro artículo.
Es importante tener en cuenta que el editor SOLO insertará el archivo, no lo
convertirá a ningún formato, debemos proporcionarlo ya listo.
Al pulsar sobre el botón nos desplegará una ventana, similar a las
anteriormente vistas.
43
En el apartado superior (Propiedades), podremos elegir el tipo de contenido
que vamos a introducir, seleccionándolo en el desplegable, así como las
diferentes opciones relacionadas con el formato de este.
Para subir el archivo es el mismo proceso de siempre y cuando lo
seleccionemos se nos completará automáticamente la URL.
44
En caso de que queramos insertar un video desde Youtube o Vimeo
deberemos seleccionar esta opción e insertar el enlace del video en el
apartado URL.
Por ejemplo, para insertar el video del siguiente enlace, debemos seleccionar
“Youtube” en el apartado “Media Type” y pegar el enlace en donde aparece
“URL”.
http://www.youtube.com/watch?v=rErBtM1bn8A
Automáticamente le pondrá el ancho por defecto y podremos pulsar sobre
insertar, cuando terminemos de realizar las modificaciones pertinentes.
Nos insertará un cuadro amarillo sin contenido, ya que está enlazado
directamente con internet y no con contenido de nuestra página web.
45
Cuando este todo listo nos aseguramos de darle un nombre y una categoría y
pulsamos sobre guardar.
Ya tenemos listo nuestro artículo.
46
CREAR CONTENIDO BLOG
Nuestra página también dispone de un apartado para contenido Blog o
Noticias.
Para crear un nuevo artículo de blog o noticia seguiremos en gran parte los
mismos pasos que al crear un artículo.
Vamos de nuevo al apartado “Contenido” → “Gestor de Artículos”.
Nos aparecerá de nuevo la lista con todos los artículos.
47
Podemos filtrarlos para que aparezcan solo los de la categoría “Blog”, para
ello seleccionaremos en el desplegable “- Seleccione Categoría –“la opción
“Blog”.
Con esto conseguiremos que aparezcan solo los que forman parte de las
noticias blog para facilitarnos la edición de cualquier artículo.
Si queremos crear uno nuevo, haremos clic en “Nuevo” lo cual nos llevará de
nuevo a la gestión de un artículo.
Debemos rellenar los campos obligatorios, marcados con * y seleccionar en
Categoría la opción “Blog”.
Tras hacer esto, solo tenemos que crear el contenido dándole forma como se
explica en Creación de un Contenido estático .
La diferencia entre un contenido estático y un contenido blog, es que en la
creación de un contenido estático tenemos que enlazar el artículo a un menú,
mientras que el contenido blog al seleccionar que pertenece a la Categoría
Blog, se coloca directamente en este apartado que ya esta creado por
defecto.
Para dar forma a las noticias que aparezcan en el blog, nos ayudaremos de
esta opción del editor de texto.
48
Con esto insertaremos un separador con el cual solo mostraremos la parte
que queramos de la noticia. He aquí un ejemplo.
Crearemos un contenido blog en el cual se muestre por ejemplo, una imagen,
el título y un trozo de texto y al pulsar sobre “Leer más” se muestre el resto
del contenido.
Para ello debemos crear primero nuestro artículo.
Este sería nuestro artículo completo, así aparecería en nuestra web.
49
Si ahora queremos que solo se vea, por ejemplo, la imagen, el título y el
primer párrafo y el segundo párrafo solo se vea si pulsan en Leer mas,
debemos pulsar Insertar Leer más, entre en primer párrafo y el segundo de
este modo.
Cuando lo tengamos todo listo lo guardamos y nos aparecerá en nuestro
apartado “Blog” en la web del siguiente modo.
50
Y cuando pulsemos sobre “Leer más…” nos llevará al contenido completo.
51
MODIFICAR UN MENÚ
Puede que nos interese crear un nuevo apartado en un menú o modificar el
contenido al que apunta este. Para poder hacer esto debemos cambiar el
artículo al que se dirige el enlace del menú.
Debemos ir al apartado “Menús” → “Gestor de Menús”.
Nos aparecerán todos los menús que tengamos en la página web. Se nos
mostrará del siguiente modo.
52
Estos son todos los menús que hay en nuestra página. Veamos brevemente
donde está situando cada uno.
-
-
Menú Principal. Es el menú superior de nuestra página. Incluye apartados
como: Tienda, Blog, Donde estamos, Contacto…
Menú Inferior. Es el menú que está en el pie de la página, en el cual
encontramos el Mapa del Sitio, los Términos y condiciones…
Enlaces no visibles. Este menú es necesario para el funcionamiento interno
de la página, a pesar de no ser visible, ya que enlaza distintos lugares de la
página.
Menú Usuario. Este menú solo será visible para usuarios registrados y es
desde el cual podrán gestionar su cuenta.
Menú Información. Colocado en la columna izquierda de nuestra página nos
muestra artículos como: FAQ, Garantías…
*NOTA
IMPORTANTE: Tenemos que tener cuidado cuando
modifiquemos un enlace en un menú, ya que podríamos hacer que
dejase de funcionar otro apartado que dependa de este.
.
Los enlaces que podemos cambiar sin problema alguno son los que
pertenecen a los menús: “Menú Información” y “Menú Inferior”, ya que
contiene enlaces a artículos con información de nuestra página.
Adicionalmente, podemos modificar los apartados “Empresa” y “Donde
estamos” del “Menú Principal”; ya que estos contienen enlaces a artículos
referidos a nuestra empresa.
AÑADIR UN APARTADO A UN MENÚ
En algunas ocasiones, nos puede interesar añadir un apartado más a un
menú.
Si queremos, por ejemplo, añadir un apartado “Servicios” al “Menú Principal”,
debemos seguir unos simples pasos. (Antes de empezar, debemos haber
creado ya nuestro contenido estático, como se explica en Crear un
Contenido Estático)
Para comenzar, debemos situarnos en el menú donde queramos incluir
nuestro nuevo Apartado.
Haremos un ejemplo para incluir un apartado, ej. Proveedores, en el Menú
Información.
53
Accedemos a “Menús”→“Menú Información”.
Nos aparecerá una lista con todos los elementos que tengamos colocados
actualmente.
Para crear un nuevo elemento debemos pulsar sobre “Nuevo”, este botón
está situado en la parte superior. Nos abrirá una ventana con esta
información.
54
Los campos marcados con un asterisco (*)
obligatoriamente como ya hemos visto anteriormente.
debemos
rellenarlos
El primero que nos aparece, es el llamado “Tipo Elemento Menú”. Debemos
pulsar sobre Seleccionar, lo cual desplegará una ventana con la lista de
todos los tipos de elementos de menú disponibles.
55
Siempre que creemos un nuevo apartado en el menú para enlazarlo con un
contenido estático debemos seleccionar la opción “Articulo simple”. (Si es un
blog y queremos que tenga nuevas subcategorías dentro de la Categoría Blog
seleccionaremos Categoría Blog)
Pulsando sobre el tipo de elemento de menú nos devolverá a la pantalla
anterior con la casilla rellena. Ahora debemos darle un nombre, que
pondremos en Título de menú. En este ejemplo se llamará “Proveedores”.
También debemos seleccionar la “Localización Menú”, que será en cual de
nuestros menús aparecerá este nuevo enlace. Por defecto aparecerá el menú
en el cual estábamos cuando pulsamos “Nuevo”(en nuestro ejemplo Menú
información), pero podemos elegir otro si queremos.
56
Por último, debemos elegir que artículo nos deberá mandar cuando hagamos
clic sobre él. Para ello usaremos el apartado “Configuración Requerida”, a la
derecha.
Desde ahí seleccionaremos el artículo de la siguiente forma.
Al pulsar sobre “Seleccionar/Cambiar” se nos desplegará una ventana con
todos los artículos que tengamos creados, tan solo debemos elegir el que
queramos colocar ahora.
57
Una vez seleccionemos cual es el nuevo a enlazar, aplicamos los cambios
pulsando sobre Guardar y ya hemos creado un nuevo enlace del menú.
Ahora se nos mostrará así en nuestra página.
58
ENLAZAR MENÚS A CONTENIDOS ESTÁTICOS
Puede darse el caso en que queramos tener varias páginas con condiciones
de venta, información o localización de nuestra tienda y queramos cambiar
entre ellas.
Vamos a modificar uno como ejemplo.
En primer lugar debemos tener un contenido estático creado, como se explica
en Crear un Contenido estático.
Para modificar el lugar al que enlaza, debemos ir al menú en el cual
queremos modificar el enlace. En este ejemplo vamos a cambiar el
correspondiente a “FAQ” en el “Menú Información”. Accedemos a este menú y
nos mostrará esto.
59
Pulsamos sobre “FAQ” y pasaremos a una nueva ventana, en la cual
tendremos varias opciones. A nosotros solo nos interesa el apartado
“Configuración Requerida” situado a la derecha.
Desde ahí seleccionaremos el artículo de la siguiente forma.
Al pulsar sobre “Seleccionar/Cambiar” se nos desplegará una ventana con
todos los artículos que tengamos creados, tan solo debemos escoger el que
queramos colocar ahora en el lugar que estaba el anterior. Como vamos a
cambiar el articulo “FAQ” por “FAQ 2” debemos elegir este último en la lista.
60
Una vez escojamos cual es el nuevo a enlazar, aplicamos los cambios
pulsando sobre Guardar y ya hemos cambiado el enlace del menú.
El proceso no cambia sea cual sea el menú a modificar.
APARTADO PARA SERVICIOS
El apartado Servicios depende mucho de su negocio, puede que le interese
tenerlo y puede que no. A continuación vamos a ver como publicarlo y
despublicarlo, y en caso de no tenerlo, como crear uno.
Este apartado debe de estar situado en el “Menú Principal”.
Accederemos igual que anteriormente, “Menús” → “Menú Principal”.
61
Si ya disponemos del menú creado pero está despublicado aparecerá de la
siguiente forma.
Simplemente deberemos pulsar sobre el círculo rojo
, y pasará a ser de
color verde y con esta forma . Y ya tendremos nuestro apartado publicado.
Seguiremos el mismo proceso a la inversa, si lo que deseamos es que no
aparezca.
En caso de tener que crearlo, nos aparecerá la página de la siguiente forma.
62
Pulsamos sobre el botón “Nuevo”, situado en la parte superior. Iremos a este
apartado en el cual debemos rellenar los campos obligatorios (*).
63
Al pulsar sobre “Tipo Elemento Menú” nos mostrará un desplegable en el cual
deberemos seleccionar el tipo de enlace. En este caso vemos en la parte de
abajo uno llamado “Links de la tienda” dentro de la categoría “TPV en la
Nube”.
Esto nos mostrará estas opciones en la zona “Configuración Requerida”.
En “Vista” deberemos seleccionar “Listado por servicios”,
64
Lo que nos permitirá escoger en “Seleccione categoría” entre las distintas
categorías de servicios que tengamos.
Nos quedará ponerle un nombre y guardar los cambios. Ya tenemos creado
nuestro apartado de “Servicios” en la página principal.
ORDENAR MENÚ
Si queremos cambiar la posición de un elemento del menú para que aparezca
antes que otro, deberemos seguir estos sencillos pasos.
En primer lugar, debemos dirigirnos al menú que queramos reordenar.
Cuando creamos un nuevo menú, como hemos visto en el apartado anterior
que creamos uno para los servicios, vemos que estará colocado el último de
la lista. Si nos interesa que aparezca en otra posición, haremos lo siguiente.
Nos dirigimos a “Menús” → “Menú Principal”.
65
Nos aparecerá una lista con todos los elementos que tengamos, y en la última
posición nuestro nuevo elemento llamado “Servicios”.
Para colocarlo donde queramos simplemente iremos haciendo clic en las
flechas azules
dependiendo en la posición que lo queramos llevar.
Finalmente podría quedar algo parecido a esto.
66
El proceso a realizar para ordenar un elemento
independientemente del menú en el que estemos.
es
el
mismo
67
FORMULARIO DE CONTACTO
Puede darse el caso de que cuando un cliente rellena un formulario de
contacto, queramos que llegue a varios correos al mismo tiempo.
Para hacer esto posible tan solo deberemos cambiar dos opciones.
En primer lugar debemos dirigirnos
“ChronoForms” → “Forms Manager”.
al
menú
“Componentes”
→
Nos mostrará esta información.
Hacemos clic sobre “Wizard edit” en la fila correspondiente al formulario que
queramos cambiar.
Nos aparecerá esta pantalla.
68
Nos dirigimos al apartado “Emails”, mostrándonos este nuevo contenido.
Solo debemos modificar el cuadro de texto del apartado “To” e introducir
tantos emails como deseemos siempre separados por una coma (,).
También debemos cambiar el apartado “From email” para que aparezca el
email desde donde “lo enviamos”, aunque en verdad se envíe desde nuestra
web.
69
Cuando terminemos de introducir los correos a los que queremos que llegue
guardamos los cambios pulsando en “Guardar y Cerrar”.
70

gestor de contenidos

Transcripción

Documentos relacionados

29 de septiembre de 2015 Hotel Wellington Calle de

1 Grupo Gestor (GG)

Solicitud del Título de Gestor Administrativo

Restaurante El Meson De Prueba

ANEXO 2 PERFIL DEL FONDO Describa brevemente los siguientes