El editor de texto de la página

Páginas le permite crear cualquier tipo de página basada en información utilizando más de 100 bloques de contenido con el generador de páginas fácil de arrastrar y soltar de Pixpa.

solicite organizar, edite y personalice estos bloques de contenido para crear páginas únicas para mostrar su contenido.
También verifique: Comprensión de secciones y fragmentos.


En el generador de páginas, puede fácilmente add (secciones) y arrastrar y soltar fragmentos desde la barra lateral izquierda al área del lienzo de la página.

Después de colocar una sección en su página, puede editar elementos de fragmentos individuales (texto, imágenes, botones) en ella.

Simplemente mueva el cursor en el área del lienzo de la página, todos los fragmentos individuales se resaltarán al pasar el mouse por encima. Luego, haga clic en cualquier fragmento para editarlo.

Vea cómo editar el contenido en acción: 


Esto es lo que puede hacer en el área de lienzo de la página: 

  1. Secuenciar los fragmentos.
  2. Duplica los fragmentos.
  3. Eliminar un fragmento específico.
  4. Deshacer los cambios recientes.
  5. Aplique negrita/cursiva/subrayado y otros formatos al texto.
  6. Cambia el color del texto y el color de fondo del fragmento.
  7. Aplicar el formato de texto o cambiar el estilo de fuente.
  8. Cambie el texto alineación.
  9. Crear listas ordenadas y desordenadas.
  10. Aplicar un hipervínculo al texto.
  11. Agrega un símbolo.
  12. Elimina el formato de pretexto.
  13. Edite el HTML de una página completa.

Caja de herramientas de fragmentos y barra de herramientas de edición

Al hacer clic en cualquier fragmento, vería el Caja de herramientas de fragmentos del fragmento individual en el lado derecho y el Barra de herramientas de edición en la parte superior.

Hay 4 opciones en la barra de herramientas de fragmentos: 

  • Arrastre (Resistencia) ( ) – Se utiliza para secuenciar los fragmentos arrastrando y soltando.
  • Duplicar – Se utiliza para duplicar el fragmento.
  • Herramientas de elementos – Se usa para ver la opción Agregar nuevo fragmento, duplicar un fragmento, mover el fragmento hacia arriba/abajo y eliminar de un fragmento individual.
  • Borrar – Se utiliza para eliminar el fragmento.

 


1. Secuenciación de los fragmentos

  • Puede secuenciar su fragmento arrastrando y soltando. Solo sostén el arrastrar y arrastre el fragmento por todos los bloques de una página y suéltelo en la posición deseada.
Vea fragmentos de secuenciación en acción:

2. Duplica tu fragmento

  • Puede duplicar cualquier fragmento existente haciendo clic en el icono de duplicado.
Vea la duplicación de fragmentos en acción:

3. Elimina tu fragmento

  • Puede eliminar cualquier fragmento de su página haciendo clic en el icono de eliminar.
Vea la eliminación de fragmentos en acción:

4. Deshacer los cambios recientes

  • Puede deshacer los cambios recientes basados ​​en texto presionando Ctrl (ventanas) o ⌘ (Mac) + Z. 

5. Negrita/cursiva/subrayado/tachado, etc.

  • Puede editar fácilmente el texto de su fragmento haciendo clic en él. Simplemente seleccione el texto y haga clic en el ícono de la barra de herramientas de edición para Negrita, Cursiva, Subrayado respectivamente.

 

Ver en acción:

6. Color del texto/fondo del texto y color de fondo de la sección

Puede seleccionar un color para Texto y Fondo de texto de dos maneras:

  1. Paletas de sombras
  2. Color personalizado

Paletas de sombras

Dentro de esta pestaña, las opciones de color disponibles reflejarán las de la paleta de colores elegida en el menú Sección de diseño.

Se recuperarán y actualizarán automáticamente cada vez que realice cambios en la paleta de colores de su sitio web. Más información sobre paletas de colores.

Color personalizado

Aquí encontrará un selector de color donde podrá seleccionar un color y elegir entre varios tonos disponibles.

Además, puede ingresar un código de color hexadecimal y también ajustar la opacidad del color.

Siga los pasos que se mencionan a continuación para seleccionar un color para el texto y el fondo del texto:

  • Haga clic en un fragmento en particular, seleccione el texto y haga clic en el Color (1) icono. Verá una ventana emergente donde puede elegir seleccionar un color Opciones de color de paleta o un Color personalizado (2).
  • Seleccione una Color del texto y color de relleno (3) es decir, el color de fondo del texto.
  • Ajustar el Opacidad (4) del color usando el control deslizante.
  • También puede ingresar un código de color hexadecimal (5) y aplicar el mismo al texto/fondo del texto.
  • Finalmente, Guardar (6) los cambios.

  • El SColor de fondo de la sección (7) se puede cambiar desde el Estilo Color .

  • También puede cambiar o eliminar el color/estilo aplicado. Seleccione el texto y haga clic en el Limpiar icono (8) para eliminar el esquema de color existente.
  • Guardar (9) los cambios.


Ver en acción:

7. Estilo de fuente de texto

  • Puedes usar cuatro tipos diferentes de estilos de fuente en sus páginas (a la vez) que se especificarían en el Sección de diseño. Este es un estilo de diseño común que se usa en todas las páginas.
    • Encabezado 1 Estilo → Fuente del título y estilo → etiqueta
    • Encabezado 2 Estilo → Fuente del titulo y estilo → etiqueta
    • Encabezado 3 Estilo → Fuente de subtítulos y estilo → etiqueta
    • Encabezado 4 Estilo → Subtítulo / Fuente de autor y estilo → etiqueta
    • Texto de párrafo Estilo → Fuente de párrafo y estilo → etiqueta

  • Una vez que especifique el estilo de fuente en el Diseño sección, puede usarlos de manera eficiente en toda la página. Simplemente seleccione el texto y aplique el formato en el editor de páginas.
    También verifique: Estilo de texto del sitio web.
  • El sistema aplicará automáticamente la fuente, el color, el tamaño y el grosor de ese estilo de fuente en particular al texto seleccionado. Puede revisar lo mismo en el sitio en vivo y el editor.

 


Ver en acción:

Cuando trabaje con el editor de texto, presione ENTER (ventanas) o RETURN (mac) para crear un nuevo párrafo, para insertar una nueva línea sin forzar un nuevo párrafo, mantenga presionada la tecla SHIFT y luego presione enter o return.


8. Alineación del texto

  • Puede administrar la alineación del texto de su fragmento: Izquierda / Centro / Derecha y justificar haciendo clic en el icono de alineación en la barra de herramientas de edición.

 


Ver en acción:

9. Lista – Ordenada y No ordenada / Sangría / Anular sangría

  • Puede convertir fácilmente su texto en listas con sangría y organizarlas.
    • muesca – Se sangrará un área de texto resaltada.
    • Sangrado – Un área de texto resaltada no tendrá sangría. Para anular la sangría, haga clic en el icono de la lista desordenada/ordenada que ha aplicado anteriormente.
    • Lista desordenada – El texto resaltado se formateará como una lista con viñetas. En HTML, esto utiliza un conjunto de y etiquetas
    • Lista ordenada – El texto resaltado se formateará como una lista numerada. En HTML, esto utiliza un conjunto de y etiquetas

 


Ver en acción:

Nota: Puede eliminar la sangría haciendo clic de nuevo en el mismo icono de lista/sangrado.

  • Puede agregar fácilmente un enlace a su texto (hipervínculo/etiqueta de anclaje).
  • Resalta el texto y presiona el liga botón en la barra de herramientas de edición. Puede conectar las páginas de su sitio web existente o cualquier otro sitio web/blog/PDF, etc.
  • Al hacer clic, verá una ventana emergente donde puede ingresar URL o slug (1), elegir si abrir o no en una nueva ventana (2), enlace/texto del botón (3), Título: se usa en caso de solo imágenes (4).

 

Tenga en cuenta:

  • Para vincular a un sitio web externo que está fuera de su sitio Pixpa, ingrese http://seguido de la dirección web, por ejemplo http://www.example.com.
  • Para vincular a una galería o categoría de tienda o página dentro de su sitio, ingrese el slug de URL, por ejemplo /gallery
  • Para crear un vínculo que abra un cliente de escritorio de correo electrónico, ingrese mailto: seguido de la dirección de correo electrónico, por ejemplo mailto:example@example.com.
  • Para crear un enlace que haga una llamada telefónica, ingrese tel:, seguido del número de teléfono con código de país, por ejemplo tel:+0-123-456-7890
  • Para crear un enlace que abra WhatsApp, ingrese https://wa.me/<number> donde el <number> es un número de teléfono completo en formato internacional. Omita los ceros, corchetes o guiones al agregar el número de teléfono en formato internacional. Por ejemplo: Usar https://wa.me/15551234567 https://wa.me/+001-(555)1234567. Conozca más.
  • Para vincular a su PDF u otro archivo cargado en la sección de archivos, ingrese el enlace copiado aquí. Conozca más.

También verifique: Enlace de texto/botón.


11. Agrega un símbolo

  • Puede agregar o reemplazar fácilmente un símbolo (social, arte, número, etc.) en el editor de páginas.
  • Vaya a cualquier fragmento y haga clic donde desee agregar su nuevo símbolo o haga clic en un símbolo existente para reemplazarlo.
  • Luego, haga clic en el Emoji símbolo y agregue los símbolos del cajón derecho.

 


Vea cómo agregar diferentes tipos de símbolos a su página:

12. Eliminar el formato previo del texto pegado

  • Si copia texto preformateado directamente desde Word, Powerpoint o cualquier página de Internet, el editor de páginas tiende a estropear el texto.
  • Por lo tanto, primero debe eliminar el formato previo de su texto para poder aplicar el estilo de fuente Pixpa que se establece en el Diseño .
  • Simplemente seleccione el texto completo del fragmento y presione el botón limpia del botón.
  • Eliminará el formato previo y aplicará el estilo de texto de párrafo a todo el texto en la mayoría de los casos.
    Conozca más.

 


13. Código HTML de todos los fragmentos

  • Puede copiar o editar el código HTML de todos los fragmentos de una página de una sola vez.
  • Le ayudaría a duplicar su bloque existente en una página.

 

También verifique: Editar página HTML.


Vea cómo ver el código HTML de una página:

¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.