En este post, vamos a ver como añadir textos a las páginas que vayamos construyendo con el editor de WIX. También veremos como editar estos textos y formatearlos con etiquetas HTML (H1,H2,H3…H6)
QUIERO PROBAR WIX
ÍNDICE DE CONTENIDOS
1.- Cómo Añadir un texto con el editor de WIX
Vamos a ver en primer lugar, el proceso general a seguir para añadir un texto en una parte cualquiera de una página realizada con el editor WIX. También, veremos cómo desplazarlo y editarlo.
1.1.- Agregar o Añadir Texto con WIX
El proceso que debes seguir para añadir un texto a una página de wix es el siguiente:
i.- Botón Agregar: Haz clic en el botón del menú lateral izquierdo con el icono “+” (Agregar).
ii.- Texto: En el desplegable que te aparece haz clic en el elemento de menú “Textos”, para que te aparezcan las opciones relacionadas con la inserción de textos.
Añadir título o parrafo de texto con WIX
iii.- Seleccionar elemento: ahora elige el elemento que quieres añadir y añádelo a la página de dos formas posibles.
a.- Clic sobre el elemento: puedes hacer clic con el botón izquierdo del ratón, y a continuación, el bloque de texto se mostrará en la página. Después podrás desplazarlo y editarlo.
b.- Arrastra el elemento: puedes hacer clic sobre el elemento con el botón izquierdo del ratón y arrástralo hacia la página. Después podrás desplazarlo y editarlo.
Añadir un bloque de texto a la página arrastrándolo
NOTA: Si lo que quieres crear es un título, añade uno de los elementos que dice: “Agregar encabezado X”. Si lo que quieres añadir es un texto, añade uno de los bloques que dice: “soy un párrafo…”
NOTA: Si haces scroll en la ventana “Agregar texto”, tienes un apartado con títulos con tipos de fuente específicas y párrafos.
Una vez añadido el elemento, éste se mostrará en la página en forma de bloque.
Bloque de texto añadido a la página
QUIERO PROBAR WIX
1.2.- Mover o desplazar el bloque de texto añadido con WIX
Una vez hayamos añadido el bloque de texto a la página, podremos desplazarlo siguiendo estos dos procedimientos:
i.- Desplazamiento en cualquier dirección: pon el cursor del ratón sobre el bloque de texto y verás que el cursor se transforma en una “cruz”. Haz clic con el botón izquierdo del ratón y arrastra el bloque (manteniendo pulsado el botón) hasta la posición deseada. A continuación, suelta el botón del ratón.
ii.- Desplazamiento vertical (manilla de arrastre): puedes hacer clic con el botón izquierdo del ratón sobre un icono con forma de “flecha con la punta hacia abajo” y luego arrastrar el bloque hacia arriba o hacia abajo. El desplazamiento será únicamente vertical.
Desplazar texto wix
1.3.- Editar y formatear bloques de texto con WIX
Una vez hayamos añadido el bloque de texto a la página, podemos proceder a editar su contenido.
Para editar y/o formatear el texto haremos clic en el botón “Editar Texto” que aparece justo encima del bloque de texto añadido.
Verás que el texto queda seleccionado y por tanto podemos empezar a editar el contenido de texto. También, verás que aparece una ventana emergente con diferentes opciones de maquetación del texto.
Opciones de edición de texto con WIX
1.4.- Opciones de edición de los bloques de texto con WIX
En la ventana emergente, que te aparece una vez hayas hecho clic en el botón “Editar Texto” del bloque de texto, verás las siguientes opciones:
i.-Estilos: aquí se mostrarán los estilos de fuentes predefinidos utilizados por la plantilla. Es decir, los títulos h1 a h6 tendrán un diseño predefinido. Así, como varios tipos de párrafos de texto normal.
Puedes elegir un estilo y luego modificarlo.
Haz clic sobre uno de los estilos para cambiar las características del bloque de texto que estás editando. También puedes personalizar los diferentes estilos y guardarlos.
Cuando modifiquemos un estilo de fuente, podremos guardarlo haciendo clic en el enlace «guardar tema» que aparecerá en la parte superior. A partir de ese momento, podremos reutilizar ese estilo en todo el sitio web.
ii.- Fuentes: en este selector podrás elegir el tipo de fuente de texto que quieres utilizar en el bloque de texto que estás editando.
iii.- Tamaño de la fuente (px): en este selector podrás editar el tamaño de la fuente del texto que estamos editando.
Opciones de edición de textos con WIX
iv.- Edición: bajo el tamaño de fuente tenemos dos filas con diferentes opciones de edición del texto como: Negrita, cursiva, subrayado, color texto, resaltar, enlace, alineación, numeración, sangría y cambiar dirección del texto
v.- Efectos: desde este apartado podremos añadir diferentes estilos de sombreados al bloque de texto (normalmente utilizados en los títulos). No podemos personalizar los sombreados, solo podemos elegir alguna de las alternativas que se nos muestran.
vi.- Espaciado: con este selector podremos personalizar el espacio que quedar entre los diferentes caracteres.
También podremos elegir entre interlineado (espacio entre dos líneas de texto) automático, o personalizado. En el personalizado, nosotros estableceremos la separación entre líneas.
vii.- Taguear Encabezado: desde este apartado podremos cambiar el tipo de etiqueta HTML del texto. Esta es una opción muy importante para el SEO.
Podrás elegir entre las etiquetas: H1,H2,H3,H4,H5,H6 y p
viii.- Restablecer estilo: si hacemos clic aquí, se eliminarán las personalizaciones que hayamos realizado sobre el texto, y éste volverá a su diseño original.
2.- Añadir títulos HTLM H1,H2,H3,H4,H5,H6 con el editor de WIX
Para el SEO de las diferentes páginas de la web, es muy importante añadir títulos con etiquetas HTML.
Cada página del sitio web debe tener una única etiqueta H1. Por el contrario, puede tener varias etiquetas tipo h2…h6
Para añadir una etiqueta de título con Wix iremos a: “ + Agregar” en el menú vertical lateral del editor de WIX.
A continuación, seleccionaremos “Texto” y arrastraremos a la página alguno de los elementos de texto del tipo: “Agregar encabezado X”.
Si elegimos “Agregar encabezado 1” lo que añadiremos será un texto formateado con las etiquetas H1
Si elegimos “Agregar encabezado 3”, pues por la misma regla de tres, lo que hacemos es añadir un texto formateado con la etiqueta H3
Una vez hayamos añadido el título, podremos editar sus características haciendo clic en el botón “Editar Texto”.
Podrás modificar la etiqueta HTML del título con el selector: “Taguear Encabezado”.
Opciones de personalización de etiquetas HTML con wix
QUIERO PROBAR WIX
3.- Cómo visualizar los títulos HTML en WIX
Te habrás dado cuenta de que, si vas a alguna página de una web realizada con wix, haces clic en CTRL+U para ver el código fuente, y luego con CTRL + F buscas “<h1” seguramente no encontrarás ningún resultado.
¿esto es que WIX no muestra los H1?
Parece que es algo relacionado con la tecnología AJAX y la forma de codificación de la plataforma WIX.
Para ver los H1, tendrás que añadir el texto: “?_escaped_fragment_” (sin las comillas) al final de la URL de la página que estés visualizando.
Ahora si podrás hacer clic en CTRL+U, CTRL+F y buscar: “<h1”.
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Muy buen artículo!!
Tengo una duda, cada vez que creo nuevo texto, como es lógico, el texto que hubiera debajo se baja. Pero si tengo en medio un enunciado este se queda estático. Por tanto, se me descoloca todo cada vez que quiero meter algo de texto nuevo entre medias.
No hay ninguna manera para que la posición de los enunciados se mueva con el texto?
Muchas gracias!
Un saludo
Fantástico artículo mil gracias por compartirlo con nosotros
¡Excelente!
Gracias.