Resumen de tutoriales

Estos son los tutoriales que podréis encontrar en mi blog:

1. Qué es Wix?
2. Cómo empezar a crear tu sitio web 
3. Cómo trabajar con páginas
4. Cómo trabajar con fotos
5. Cómo insertar vídeos
6. Botones y Menús
7. Escribir Texto
8. Diseño del fondo, apariencia de las páginas y colores
9. Insertar Apps
10. Proteger páginas

Proteger páginas

Wix permite proteger determinadas páginas, bien con contraseñas o que requiera estar registrado para entrar. Para configurar esto sólo hay que hacer lo siguiente:

Poner contraseña:

1. Entrar en la herramienta Páginas
2. Darle a Configuraciones de Página (el símbolo de engranaje a la derecha del nombre) de la página que te interese proteger.
3. Seleccionar Proteger Página
4. Darle a Proteger con clave
5. Introducir la contraseña que quieras

Poner que sea necesario registrarse:

1. Entrar en la herramienta Páginas
2. Darle a Configuraciones de Página (el símbolo de engranaje a la derecha del nombre) de la página que te interese proteger.
3. Seleccionar Proteger Página
4. Darle a Pedir Login de Miembro

Insertar Apps

Con Wix puedes insertar en tu sitio we muchos tipos de Apps y hay diferentes formas de hacerlo. Son todas muy sencillas.

Redes sociales:

Para insertar botones o Apps de redes sociales como Facebook, Twitter y Google +, solo tienes que hacer lo siguiente:

1. Entrar en la herramienta Agregar
2. Seleccionar Social
3. Elegir una de las opciones
4. Si quieres que salga en todas las páginas independientemente de en qué parte de la página esté:
1. Click en el botón
2. Seleccionar Mostrar en todas las páginas

Otras Apps:

Hay dos formas de insertar otras Apps. Con esta forma solo podrás insertar las que aparecen en la lista:

1. Entrar en Agregar
2. Seleccionar Apps
3. Elegir entre todas las que hay

Con esta opción podrás buscar las Apps que tú quieras:

1. Entrar en App Market (herramienta)
2. Buscar en el buscador o buscar entre las opciones
3. Seleccionar la que quieras
4. Darle a Agregar al sitio

Diseño del fondo, apariencia de las páginas y colores

Una de las posibilidades que ofrece Wix es personalizar el fondo y la apariencia de las páginas. Además, te permite elegir la gama de colores que quieras utilizar para tu sitio web.

Para cambiar el fondo, hay que seguir los siguientes pasos:

1. Entrar en la herramienta de Diseño
2. Seleccionar Fondo
3. Te aparecerán una serie de fondos predeterminados. Para seleccionar alguno de ellos, solo tienes que pinchar en ellos.
4. Puedes personalizar más tu fondo con la imagen que tú quieras:
1. Darle a Cargar y Personalizar Fondo, que se encuentra en la parte de abajo
2. Darle a Cambiar Imagen, donde podrás subir la foto que quieras desde tu ordenador.
3. Puedes modificar la posición de la imagen (Pantalla completa, Mosaico...) 

Apariencia de las páginas: 

En Wix también podemos cambiar la apariencia de la parte central de la página, del encabezado y del pie de página. Para hacerlo, solo hay que hacer lo siguiente:

1. Hacer click en lo que queramos personalizar (encabezado, pie de página o parte central)
2. Seleccionar Cambiar estilo
1. Hay tres opciones de página, además de un botón de Personalizar, pero en mi opinión la mejor forma es seleccionar la opción de Especial, ya que nos permite mucha más libertad en las opciones.
2. Darle a Editar Estilo (en el botón de Especial) o a Personaliza esta Página. Podrás hacer las siguientes modificaciones:
1. Cambiar el aspecto, que permite poner marcos o sombras.
2. Cambiar el color. Además, el cuadrito que hay al lado del color te permite modificar la opacidad de este.
3. Redondear las esquinas
4. Activar o no la sombra y modificar el ancho del marco

Escribir Texto

En esta entrada explicaré como crear un párrafo y cómo modificar de diversas maneras la apariencia del texto. En primer lugar, si estás en una página en blanco, lo único que tienes que hacer para escribir un título o párrafo es:

1. Click en Agregar
2. Selecciona Texto
3. Elige Título o Párrafo

Para escribir simplemente tienes que seleccionar el texto que aparece por defecto y empezar a escribir. Podrás observar que encima de la caja del texto aparece una barra de herramientas, en la que podrás modificar las siguientes opciones:

1. Un desplegable con los diferentes estilos de texto. Estos no son fuentes, sino diferentes estilos que después explicaré cómo personalizar.
2. Cambiar el color del texto
3. Poner el texto en negrita, cursiva y/o subrayado
4. Elegir la alineación del texto (justificado, centrado, a la izquierda o a la derecha)
5. Cambiar la dirección del texto (esto es lo mismo que alineación derecha o izquierda)
6. Numerar o hacer una lista con puntos
7. Botón de enlazar (puedes seleccionar una o varias palabras, o el texto entero)

Cómo habréis observado, en este menú no hay una opción que te permita modificar la fuente de lo que escribes. Para hacerlo, hay que seguir los siguientes pasos:

1. Click en Diseño (una de las herramientas)
2. Selecciona Fuentes
3. Tendrás una lista de fuentes, pero la manera más fácil de personalizar bien el texto es darle a Personalizar Fuentes.
4. Aparecerá una lista de los diferentes estilos de texto que aparecen en la barra de herramientas al escribir. Selecciona el que quieras modificar.
5. Te saldrá una ventana en la que podrás modificar: Fuente, Tamaño, Color, Negrita y Cursiva.
6. Cuando acabes de modificar todo, dale a OK.

Botones y Menús

En Wix tenemos una opción dentro de la herramienta Agregar: Botones y Menús. Cómo su nombre indica, esta opción nos permite insertar en nuestra página botones con enlaces a archivos, páginas web, correos. Además, es aquí dónde se puede insertar el menú de las diferentes paginas que hay en el sitio web.

Para entrar en esta opción hay que pinchar en el símbolo de "+" que aparece a la izquierda en la barra de herramientas. Dentro, seleccionamos la opción Botones y Menús, donde nos encontraremos las siguientes posibilidades: Botón Predefinido, Botón Grande, Botón de Énfasis, Botón de texto, PayPal (este es el único diferente), Menú de texto y Menú de botones.

Todas las de Botones tienen la misma función: un botón que enlaza a algún archivo o página. La única diferencia es el aspecto, que podréis observar seleccionando cada uno de ellos. Además, para cambiar el aspecto también podemos seguir estos pasos:

1. Seleccionar alguno de los botones
2. Pinchar en el botón
3. Seleccionar Cambiar estilo
4. Ahora podemos cambiar la apariencia del botón a cualquier otra de las opciones que antes nos aparecían en Botones y Menús.
5. Además, podemos personalizar más la apariencia del botón en Personaliza este botón

Para enlazar un botón a algo, solamente hay que:

1. Pinchar en el botón
2. Seleccionar Enlazar a
3. Selecciona alguna de las opciones (en la parte de enlazar fotos están explicadas)

Por otro lado, los menús también se pueden personalizar de la misma manera. Cuando selecciones un menú, en el te aparecerán las páginas que tengas creadas en ese momento. Si creas más, se añadirán automáticamente. Además, para que aparezca el menú en todas las páginas simplemente tienes que arrastrarlo al encabezado (la parte de arriba). Las subpáginas que tengas aparecerán como un desplegable que surge cuando pasas el ratón por la página general.

Cómo insertar vídeos

Cómo en la entrada anterior hemos hecho con las fotos, los vídeos también se pueden insertar en la página a partir de una página nueva. En este caso, los pasos a seguir son los siguientes, solamente hay que crear una nueva página y seleccionar Video para una página con un solo vídeo, o Video Reel para una galería de varios vídeos.

Cuando ya tenemos el vídeo en la página tenemos que hacer que aparezca el que nosotros queremos. Para esto hay que seguir los pasos siguientes:

1. Hacer click en el vídeo de Wix
2. Darle a "Opciones"
3. Ir al vídeo que nosotros queremos poner y copiar la url.
4. Pegar la url en "URL del vídeo"

Ahora ya tenemos el vídeo que queramos en nuestra página. Además, Wix nos permite modificar algunas cosas dentro de Opciones (estás son las opciones con un vídeo de Youtube):

1. Podemos elegir si mostrar o no la barra de control. Esto es la barra que está en la parte de abajo de los vídeos y con la que se puede avanzar o detenerlo.
2. Activar la reproducción automática hará que el vídeo se pondrá en marcha automáticamente cuando se abra la página.
3. Si pinchamos en "loop" el vídeo se repetirá automáticamente al acabar.
4. "Mostrar barra de título" nos permite decidir si queremos que se vea en la parte de arriba el título del vídeo.
5. Por último, tenemos la opción de que la barra de control sea blanca.

Cómo trabajar con fotos

Hay distintas formas de poner fotos en tu página, también dependiendo de cómo quieres ponerlas.

Poner una galería de fotos

Opción A: Agregar una página y seleccionar Slideshow para pase de diapositivas o Grid para una galería de fotos estática (aquí tienes como puedes hacerlo) 

Opción B (si tienes una página en blanco o quieres poner un pase en otra página):

1. En las herramientas de la izquierda, dale a Agregar (el símbolo de +)
2. Galería
3. Puedes seleccionar
1. Grid: Es para una galería de fotos normal
2. Slideshow: Para un pase de diapositivas
3. Slider: Para una galeria horizontal en la que se desplazan las fotos
4. Grid animada: Para una galeria animada, en la que puedes modificar las transiciones

Insertar una sola imagen

1. Herramientas Agregar
2. Imagen
3. Puedes seleccionar
1. Imagen: Esta opción tiene un pequeño marco alrededor
2. Imagen sin marco
3. Imagen con marco 

Insertar tus fotos

Al hacer alguna de las opciones anteriores te saldrán imágenes de flores. Para insertar tus imágenes sigue estos pasos:

1. Click en la imagen de la flor (la que viene por defecto)
2. Cambiar imagen
3. Cargar imagen, que está en la esquina superior derecha
4. Seleccionar una imagen de tu ordenador
5. Click en Ok

Enlazar una foto

1. Click en la imagen
2. Enlazar a
3. Puedes seleccionar
1. Dirección web: Copia la url
2. Página: Selecciona una de las páginas de tu sitio web
3. Email: Introduce la dirección de correo y el asunto que quieres que tenga
4. Documento: Hay que cargar un documento desde tu ordenador

Cómo trabajar con páginas

En la parte izquierda del editor hay diferentes herramientas. La primera es Páginas. Dentro de esta pestaña podrás crear y trabajar con las diferentes páginas de tu sitio web. Dependiendo qué plantilla hayas seleccionado tendrás algunas páginas ya creadas o no tendrás ninguna, pero en ambos casos funciona de la misma forma. A continuación explicaré cómo realizar diferentes acciones. 

Cómo crear una página

1. Al desplegar la pestaña de páginas, en la parte de abajo aprieta "Agregar una página".

2. Aparecerá una ventana emergente con una lista en la que podrás seleccionar la apariencia de la página dependiendo de para qué la quieres usar. Si, por ejemplo, quieres una página con fotos, una opción es la del pase de diapositivas. En la lista aparece dentro de Galería y se llama Slideshow. La mejor forma de seleccionar la apariencia adecuada es mirar todas las opciones y elegir la que más te guste. 

3. Nombra la página en la parte inferior de la ventana emergente.

4. Dale a Ok.

Cómo borrar una página

1. Aprieta el boton en forma de engranaje que aparece a la derecha del nombre de la página.

2. Se desplegará otro menú a la izquierda. En la esquina superior derecha de ese menú hay una opción de Eliminar. 

3. Al apretar el botón saldrá una ventana para confirmar la acción. Al confirmarla, la página se habrá eliminado.

Cómo crear una subpágina (una subsección)

Hay dos formas de crear una subpágina:

1a. Cuando te encuentras en la ventana emergente al crear una página, selecciona "Agregar cómo subpágina", que está debajo del nombre de la página.

1b. Si ya tienes la página creada en el menú de Páginas, solo tienes que pinchar en el botón que se encuentra a la izquierda del nombre de la página y deslizarlo a la izquierda. De esta forma se convertirá en una subpágina de la página que esté situada encima.

En los menús de navegación, las subpáginas normalmente aparecen en menús desplegables que surgen de su página principal.