Editar usted mismo textos y botones

Módulo 3: Textos, fotos y secciones · Tiempo de lectura: 8 minutos

Objetivo de aprendizaje: Después de esta lección podrá modificar usted mismo textos y botones sin IA, usar enlaces y formato, y hacer que cada botón lleve al lugar correcto: una página, una dirección de correo electrónico, un número de teléfono, otro sitio web o una sección.

Conceptos clave: Editar, doble clic, barra de formato, enlace, Palabra destacada, Editar botón, destino de un botón, mailto y tel, ancla (sección), botón de envío, Configurar formulario

Por qué editar usted mismo

No todo tiene que pasar por la IA. Una errata, otro número de teléfono, una frase que debe decir algo un poco distinto: eso lo escribe usted más rápido. Editar usted mismo es gratuito, se hace sin IA y sin propuesta. Ve al momento lo que hace, y la IA no cambia por el camino nada que usted no haya pedido. Cada vez que guarda, el editor crea una nueva versión ("Su texto se ha guardado como versión ..."), así que siempre puede volver atrás (lección 3.5).

Regla práctica: el contenido que ya conoce lo escribe usted; los textos nuevos o un tono distinto se los pide a la IA. Bas, de Schildersbedrijf Example, deja que la IA escriba los textos de los servicios, pero su NIF o número de registro, su dirección y su número de teléfono los escribe él mismo. Así está seguro de que son correctos.

Editar texto en la vista previa

En la vista previa, pase el ratón por encima de un texto. Aparece un pequeño botón Editar. Haga clic en él o haga doble clic directamente sobre el texto. El texto se convierte en un campo editable y puede escribir en él como en un procesador de textos.

Guardar y cancelar se hace con el teclado:

• En un texto corto, como un título: Enter guarda y Esc cancela.
• En un texto más largo con párrafos: Ctrl+Enter guarda (Enter crea entonces una línea nueva) y Esc cancela.

También puede empezar desde el chat: elija un texto con Elegir elemento y haga clic en Editar texto junto a la etiqueta. Los botones Guardar y Cancelar aparecen entonces en la parte inferior del chat.

Si recibe el aviso "Este elemento no se puede editar directamente. Pídalo a través del chat.", se trata de un elemento que construye el propio editor. En ese caso, pida el cambio en el chat, con el elemento señalado.

La barra de formato: títulos, listas, color y enlaces

Mientras edita, junto al texto aparece una barra de herramientas Formato con pequeños botones; pase el ratón por encima para ver su nombre. Los botones que aparecen dependen del tipo de texto: en un título hay menos que en un párrafo. Encontrará, entre otros:

• en un texto más largo, el tipo de línea: Texto normal, Subtítulo, Subtítulo pequeño;
• Negrita, Cursiva, Subrayar, Tachar, Resaltar;
• Lista con viñetas, Lista numerada, Cita;
• Alinear (izquierda, centro, derecha) y Tamaño (más pequeño, normal, más grande, mucho más grande);
• Color del texto, con los colores de su identidad visual (color principal, color secundario, color del texto, texto suave, blanco, oscuro);
• Añadir o editar enlace y Quitar enlace;
• Palabra destacada: aplica a entre una y cuatro palabras elegidas el estilo de acento de su identidad visual;
• Borrar formato.

Con el teclado llega a la barra de herramientas con Alt+F10.

Algunos consejos. Elija un color de su identidad visual, no un color suelto: así su sitio se ve sereno y todo combina. Si el editor elige un color que se lee mal sobre el fondo, lo indica ("poco legible sobre este fondo"). Use los subtítulos para estructurar el texto y no para hacer algo más grande; los buscadores y los lectores de pantalla utilizan esa estructura (curso Ser encontrado en internet, lección 3.2). Y use la negrita con moderación: si todo está en negrita, ya nada destaca.

Un enlace dentro de un texto

Seleccione las palabras y haga clic en Añadir o editar enlace. Puede elegir una Página de su web o introducir una dirección web, de correo electrónico o un número de teléfono. El editor acepta una dirección web (https://...), una dirección de correo electrónico (mailto:), un número de teléfono (tel:), una ruta de su sitio (/pagina) o una sección (#sectie). Si no reconoce la dirección, no guarda el enlace y se lo indica.

Escriba el texto del enlace de forma que se sepa adónde lleva. "Ver nuestras tarifas" es mejor que "haga clic aquí". Resulta más cómodo para los visitantes y para las personas que usan un lector de pantalla.

Botones: el texto y adónde llevan

Un botón tiene dos cosas: el texto y el destino. Pase el ratón por encima de un botón y haga clic en Editar botón. Verá:

• Texto del botón;
• ¿Adónde lleva este botón?, con cinco opciones.

El editor comprueba lo que introduce. Una dirección de correo electrónico debe ser válida, un número de teléfono debe tener al menos 8 cifras y una dirección web debe ser una dirección real. Editar botón es gratuito y sin IA.

Por qué importa: un botón suele ser el punto más importante de una página. Un "Pedir presupuesto" que no lleva a ninguna parte le hace perder clientes. Si hay un enlace sin destino, el editor avisa: "Este enlace todavía no lleva a ninguna parte y no funcionará en su sitio publicado. Elija una página o una dirección."

Atención con la opción Llamar: en el campo aparece como ejemplo 06 12345678. Es un ejemplo, no un número. Introduzca su propio número.

El botón de envío del formulario no es un enlace

El botón bajo su formulario de contacto parece un botón más, pero hace otra cosa: envía el formulario. Al pasar el ratón por encima aparece Configurar formulario en lugar de Editar botón. Si hace clic en él, verá Botón de envío del formulario y la dirección a la que llegan los mensajes. Si todavía no está configurada, aparece "la dirección de correo de su cuenta". Con Cambiar dirección va a Ajustes > Formularios. Allí configura la dirección y el resto del formulario (lecciones 4.3 y 5.3).

Si quiere que los visitantes puedan escribirle sin formulario, ponga un botón normal con la opción Correo electrónico. Funciona también en el sitio gratuito sin paquete, porque el visitante envía el correo desde su propio programa de correo.

Errores frecuentes

• Un número de teléfono solo en el texto. Póngalo también en un botón o enlace con Llamar, para que la gente pueda llamar directamente desde su teléfono.
• Botones que llevan a la página equivocada después de cambiar el nombre de una página o eliminarla. Si elimina una página, el editor elimina también los enlaces que apuntan a ella e indica cuántos. Revise después sus botones.
• Dejar datos de ejemplo. Una dirección de correo o un número de la primera versión pueden ser inventados (lección 2.4). Escriba usted mismo sus datos reales.
• Colores fuera de su identidad visual. Los colores sueltos hacen que su sitio parezca desordenado y a veces ilegible.
• Pedir a la IA que "mejore" lo que ya está bien. Cada instrucción a la IA puede cambiar más de lo que usted quiere. Las cosas pequeñas, hágalas usted.

En el editor: cómo hacerlo

1. En la vista previa, pase el ratón por encima de un texto y haga clic en Editar (o haga doble clic).
2. Modifique el texto; use la barra de herramientas Formato para títulos, listas y enlaces.
3. Guarde con Enter (texto corto) o Ctrl+Enter (texto más largo).
4. Pase el ratón por encima de un botón y haga clic en Editar botón.
5. Modifique el Texto del botón y elija un destino en ¿Adónde lleva este botón?.
6. Haga clic en el botón de envío de su formulario y compruebe en Configurar formulario adónde llegan los mensajes.

Resumen

• Editar usted mismo el texto es gratuito, sin IA y sin propuesta; cada vez que guarda se crea una nueva versión.
• Con la barra de herramientas Formato crea títulos, listas, color según su identidad visual, palabras destacadas y enlaces.
• Editar botón elige el destino: Página, Correo electrónico, Llamar, Sitio web o Sección.
• El botón de envío del formulario no es un enlace; la dirección de recepción se configura en Ajustes > Formularios.

Cuestionario

Ejercicio

Ejercicio D3.2: Botones que llevan a algún sitio. Revise todos los botones de su página de inicio y de su página de contacto y dé a cada botón un destino real.

Lista de comprobación:

• [ ] he abierto cada botón de la página de inicio con Editar botón;
• [ ] he elegido un destino para cada botón (Página, Correo electrónico, Llamar, Sitio web o Sección);
• [ ] al menos un botón con Llamar o Correo electrónico con mis datos reales (no 06 12345678);
• [ ] al menos un botón con Sección que lleva a una sección de la misma página;
• [ ] he revisado el botón de envío del formulario en Configurar formulario y he comprobado la dirección de recepción;
• [ ] he modificado yo mismo un texto con un enlace mediante Añadir o editar enlace;
• [ ] he comprobado en Móvil que los botones se ven bien.

Preguntas:

1. ¿Qué botón no llevaba al principio a ninguna parte o llevaba a un lugar equivocado, y adónde lleva ahora?
2. ¿A qué dirección llegan los mensajes de su formulario, y es una dirección que usted lee a diario?
3. ¿Qué texto de enlace ha elegido, y por qué?

Después de marcar "hecho" verá una respuesta de ejemplo: el botón "Pedir presupuesto" de la cabecera no llevaba a ninguna parte y ahora se desplaza a la sección Contacto; los mensajes llegan a info@example.com, que Bas lee cada día; texto de enlace "Ver nuestras tarifas" en lugar de "haga clic aquí", porque así el visitante sabe adónde lleva.

Para seguir leyendo

• Curso gratuito Que te encuentren en internet 3.2: Los encabezados y la estructura de una página
• Curso gratuito de WordPress 4.1: El editor de bloques
• Sitebuilder y AI Builder: ¿cuál elegir y cómo abrirlo?