Ir al contenido principal

Paso 2: Editor de páginas de ThinkWeb

Aprovecha al máximo el editor de páginas de ThinkWeb con esta guía paso a paso para personalizar diseños, dar formato a texto y medios, agregar enlaces y publicar con seguridad las actualizaciones de tu sitio.

Primeros pasos con el editor de páginas

  • Haz clic en el logotipo de Think Reservations en la esquina superior izquierda de la pantalla y selecciona Think Web.

  • Haz clic en Pages para ver todas las páginas de tu sitio web.

  • Resalta la página que quieras editar, como la página de inicio, y haz clic en edit o haz doble clic para abrirla.

Cómo entender el diseño de tu página

  • El menú de la parte superior de la página es el mismo en todas las páginas y no se puede editar desde esta pantalla.

  • El pie de página (footer) en la parte inferior también es idéntico en todo tu sitio y no se puede editar aquí.

  • Concentrarás toda tu edición en las secciones de contenido que se encuentran en el centro de la página.

  • La foto grande en la parte superior de tu contenido se llama imagen de encabezado (header image).

  • Debes usar fotos profesionales y de alta calidad para tu imagen principal (hero image) para evitar que se vea pixelada.

  • Puedes agregar fácilmente un widget de consulta de disponibilidad al componente de encabezado o en cualquier otro lugar de la página.

Cómo editar texto y encabezados

  • Para cambiar un encabezado, haz clic en él para resaltarlo y luego presiona Edit, o haz doble clic para abrirlo.

  • Escribe tu nuevo texto directamente en el campo del encabezado.

  • Tu etiqueta H1 representa el tema principal de la página, y debes tener solo un H1 por página.

  • Usa los niveles de encabezado del 2 al 6 para organizar el resto de tu información por importancia, de forma similar a un sistema de archivo.

  • Puedes personalizar tus encabezados agregando subencabezados, centrando el texto o colocando una línea divisoria debajo de ellos.

  • Para editar párrafos estándar, haz doble clic en la sección de contenido general.

  • El texto de un párrafo va entre las etiquetas <p> y </p>, que son etiquetas sencillas que le indican al editor que el texto es un párrafo.

Cómo trabajar con imágenes y contenido escalonado

  • Las secciones de contenido escalonado (staggered content) son ideales para principiantes, mientras que la función similar de "stacks" está pensada para usuarios más avanzados.

  • En el contenido escalonado, puedes quitar o reemplazar fácilmente una imagen con los botones disponibles.

  • Al hacer clic en el botón switch, accedes a tu biblioteca de medios para seleccionar una imagen nueva.

  • El editor muestra el nombre de archivo de la imagen, lo cual puede ayudar a los motores de búsqueda a identificar la foto.

  • El editor también te muestra el tamaño exacto en píxeles de la foto actual, lo cual es útil si necesitas ajustar el tamaño de una foto de reemplazo en un programa como Canva.

  • Puedes colocar la imagen a la izquierda o a la derecha, o configurarla como un fondo difuminado detrás de tu texto.

Cómo agregar botones y enlaces

  • Puedes agregar un botón en el que se pueda hacer clic ingresando el texto que quieras para el botón y proporcionando un enlace.

  • Si vas a enlazar a una página de tu propio sitio web, no necesitas escribir la dirección web completa.

Cómo enlazar a tu propio sitio web (enlaces internos)

Cuando quieras crear un enlace que lleve a un visitante a otra página de tu propio sitio web, no necesitas escribir toda tu dirección web (como https://www.yourwebsite.com). En su lugar, puedes usar un atajo llamado enlace interno.

Cómo hacerlo:

Comienza escribiendo una barra diagonal (/).

Inmediatamente después de la barra, escribe o pega el nombre de archivo de la página a la que quieres enlazar.

Ejemplo:

Solo necesitas escribir o pegar: /about-us

Piensa en la barra diagonal como un botón de "inicio" que le indica a la computadora que busque primero dentro de tu propio sitio web.

  • Si vas a enlazar externamente a un sitio web completamente distinto, debes usar la dirección web completa.

  • Se recomienda mucho cargar en tu navegador la página a la que quieres enlazar y luego copiar y pegar el enlace directamente en el editor, para evitar que se rompa por errores de escritura.

Cómo guardar tu trabajo y publicar (¡pasos cruciales!)

  • IMPORTANTE: Cuando termines de editar la sección de un componente, haz clic en Update para aplicar esos cambios.

  • ADVERTENCIA: Nunca hagas clic en el ícono del bote de basura si solo quieres salir de un componente sin guardar.

  • Al hacer clic en el bote de basura se eliminará por completo toda esa sección del componente de tu página.

  • Si quieres salir sin guardar las ediciones actuales del componente, haz clic únicamente en el botón cancel.

  • IMPORTANTE: Cuando hayas terminado todas tus ediciones en la página, haz clic en Save.

  • IMPORTANTE: Recuerda que el público no puede ver tus actualizaciones hasta que hagas clic en el enlace Publish para publicarlas en internet.

¿Ha quedado contestada tu pregunta?