El Campo de texto es a quien se accede en cualquier momento en que un widget personalizado necesita una línea de texto que alguien pueda editar: un titular, una etiqueta, un título breve, una palabra de botón. Dentro de los complementos maestros Creador de widgets, coloca un campo Texto en su panel de widgets, le da un nombre y ese nombre se convierte en un código corto que coloca en su HTML, CSS o JS. Cualesquiera que sean los tipos de usuario en Elementor, imprime directamente en su marcado.
Como todos los campos del Creador de widgets, el campo Texto es compatible Condiciones, para que pueda mostrar u ocultar el control en función del valor de otro campo. Su salida también pasa por el del constructor Motor de plantilla de sintaxis de ramita, que te permite envolver el token {% if %} revisa o aplica filtros como |upper. Ambas guías cubren la configuración y las limitaciones.
Sin embargo, hace más que imprimir una cadena simple. El campo Texto se conecta a los controles responsivos y las etiquetas dinámicas de Elementor, por lo que un campo puede contener un título diferente en el móvil que en el escritorio, o extraer su valor de una fuente dinámica como el título de la publicación.
Qué hace el campo Texto #
Un campo de texto representa una entrada de texto de una sola línea en el panel de opciones del widget. Cuando alguien edita su widget personalizado en Elementor, ve esa entrada, escribe un valor y su widget lo genera dondequiera que coloque el código corto correspondiente.
Combina bien con los otros campos de entrada del generador. Para contenido multilínea más largo, busque el Campo de área de texto. Para contenido con formato enriquecido, utilice el Campo WYSIWYG. El campo Texto es la elección correcta para cadenas cortas y simples. Si es nuevo en la creación de widgets, lea el Descripción general del creador de widgets primero.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. ¿Nuevo en el complemento? Ver el guía de instalación.
- Se abre un widget personalizado en el editor Widget Builder.
Cómo agregar un campo de texto #
En el editor Widget Builder, busque el panel de campos a la izquierda y luego arrástrelo Texto campo en una sección debajo del Contenido, Estilo, sau Avanzado pestaña. La mayoría de las entradas de texto pertenecen al Contenido. Una vez que está en su lugar, las opciones del campo se abren a la izquierda y su código corto aparece en Documentación barra lateral al lado del editor de código.
Se explicaron las opciones de campo de texto #
Seleccione el campo Texto para abrir su configuración. Estas opciones controlan cómo se ve y se comporta la entrada en el panel Elementor.
- Etiqueta: el texto que aparece encima del campo en Elementor. Manténgalo breve y claro, como “Rúbrica” o “Texto de botón”.
- Nombre: el identificador único del campo. Debe contener sólo letras, números y guiones bajos, por lo que no hay espacios ni guiones. Este nombre se convierte en su código corto, por lo que se nombra un campo
headingte da{{heading}}. - Descripción: texto auxiliar opcional que se muestra debajo del campo. Úselo para explicar qué controla la entrada.
- Marcador de posición: la pista atenuada que se muestra cuando el campo está vacío, por ejemplo “Escribe tu titular”. Guía al usuario sin establecer un valor real.
- Valoarea implicită: el valor con el que comienza el campo. Establezca algo como “Construir mejores experiencias” para que el widget parezca terminado antes de que alguien lo edite.
Configuraciones comunes: receptivas, dinámicas y más #
Desplácese hacia abajo hasta Configuraciones comunes para los controles que deciden qué tan flexible es el campo. Aquí es donde activa valores responsivos y etiquetas dinámicas.
- Mostrar etiqueta: cambie si la etiqueta aparece encima del campo.
- Bloc de etichete: muestre la etiqueta en su propia línea encima de la entrada en lugar de al lado.
- Control responsivo: active esto para permitir que los usuarios establezcan un valor diferente para computadoras de escritorio, tabletas y dispositivos móviles. Bueno para titulares que deben ser más cortos en pantallas pequeñas.
- Support dinamic: active esto para habilitar las etiquetas dinámicas de Elementor, de modo que el campo pueda extraer su valor de una fuente como el título de la publicación o el nombre del autor en lugar de texto estático.
- Frontend Disponible: haga que el valor del control esté disponible para el frente de JavaScript. Habilítelo cuando el JS de su widget necesite leer el valor.
- Separador: establezca dónde aparece una línea divisoria alrededor del control (Ninguno, Antes, Después, Predeterminado).
- Condiciones: muestra u oculta este campo según el valor de otro control. Haga clic Agregar condición para establecer la regla.
Conecte el campo a su código #
Cada campo Texto genera un código corto a partir de su Nombre. Agregue un campo llamado heading y la ficha {{heading}} aparece en la barra lateral de Documentación. Coloque ese token en su HTML dondequiera que pertenezca el texto.
Para un titular de héroe, el cambio es pequeño:
- Reemplace el texto estático dentro de su
<h1>con{{heading}}. - Guarde el widget. Ahora el
<h1>imprime cualquier valor que el usuario establezca en Elementor.
Dado que el código corto es solo un token, también puede reutilizar el mismo valor de campo en CSS o JS. Un campo, muchos lugares.
Utilice el control Texto en Elementor #
Arrastre su widget personalizado a una página y ábralo en el editor Elementor. El campo Texto aparece como un control normal con su etiqueta, marcador de posición y valor predeterminado ya colocados. Dos pequeños iconos se encuentran junto a la entrada: a icono del dispositivo para valores responsivos, y a icono de etiquetas dinámicas cuando habilitaste esas opciones.
Escriba un nuevo valor y las actualizaciones del widget estarán activas. En el siguiente ejemplo, cambiar el campo de encabezado reescribe el título de héroe en la página. El mismo tipo de campo funciona igual de bien para un párrafo, una etiqueta de botón o cualquier otra cadena corta. Ese es el objetivo del campo Texto: en cualquier lugar donde un widget necesite imprimir texto, este es el control que utiliza.
Extraiga texto de una etiqueta dinámica #
Con el soporte dinámico activado, haga clic en el icono de etiquetas dinámicas y elija una fuente. Los complementos maestros y el elementador enumeran etiquetas agrupadas como título de archivo, nombre del autor, información del autor y número de comentarios. Seleccione uno y el campo extraiga datos en vivo en lugar de texto estático, lo que le impide editar el mismo título en docenas de publicaciones.
Establezca un valor diferente por dispositivo #
Con Control Responsivo activado, haga clic en el ícono del dispositivo para cambiar entre Escritorio, Tableta y Móvil, luego ingrese un valor separado para cada uno. Un titular de escritorio largo puede volverse más corto en los teléfonos sin tocar la versión de escritorio. Vale la pena saberlo: si deja vacía el valor de la tableta o del móvil, vuelve al texto del escritorio, por lo que solo anula los puntos de interrupción que realmente lo necesitan.
Casos de uso comunes #
- Titulares de héroes que los editores pueden cambiar sin abrir el código.
- Párrafos de sección y descripciones breves.
- Etiquetas de botones y CTA vinculado al enlace del widget.
- Insignias, etiquetas y pequeños subtítulos donde no se necesita formato.
- Títulos dinámicos que se extraen de la publicación o del archivo en busca de plantillas reutilizables.
Consejos para trabajar con el campo Texto #
- Nombra campos de manera significativa. El Nombre se convierte en su código corto, entonces
headingse lee mejor en código quefield_1. - Establezca siempre un valor predeterminado. Mantiene el widget completo en el editor y en la primera entrega.
- Active Responsivo y Dinámico solo cuando los necesite. Los controles adicionales saturan el panel para obtener texto simple.
- Utilice el marcador de posición como guía, no como contenido. Nunca se imprime en la página, así que no confíe en ella para obtener texto real.
- Cree el campo antes de hacer referencia a su código corto. El token sólo existe una vez que el campo está en el panel.
Preguntas frecuentes #
¿cuál es el campo Texto en Master Addons Widget Builder?
El campo Texto agrega una entrada de texto de una sola línea a un widget Elementor personalizado. Usted nombra el campo, coloca su código corto en su código y cualquier tipo de usuario que escriba en Elementor imprime en su widget. Admite valores responsivos y etiquetas dinámicas.
¿cómo hago que el texto de widgets personalizado responda en Elementor?
Abra la configuración común del campo Texto y active Control responsivo. De vuelta en el editor Elementor, haga clic en el ícono del dispositivo al lado del campo y establezca un valor separado para escritorio, tableta y móvil. Cada dispositivo mantiene su propio texto.
¿puede un campo Texto utilizar etiquetas dinámicas Elementor?
Sí. Habilite el soporte dinámico en la configuración común del campo. En Elementor, haga clic en el ícono de etiquetas dinámicas al lado del control y elija una fuente como Título del archivo o Nombre del autor, para que el campo extraiga datos en vivo en lugar de texto estático.
¿cuál es la diferencia entre etiqueta, nombre y marcador de posición?
La etiqueta es el texto que se muestra encima del campo. El nombre es el identificador de código único que se convierte en el código corto del campo. El marcador de posición es la leve pista que se muestra cuando el campo está vacío. Sólo el valor que ingresa un usuario, o el valor predeterminado, realmente se imprime en la página.
¿Debo usar el campo Texto o el campo Área de texto?
Utilice el campo Texto para cadenas cortas de una sola línea, como titulares y etiquetas. Utilice el campo Área de texto para contenido de varias líneas y el campo WYSIWYG cuando necesite formatear, como negrita, enlaces y listas dentro del valor.
Envolviendo #
El campo Texto del creador de widgets es la forma más sencilla de editar un widget Elementor personalizado. Nómbralo, coloque su código corto en su código, establezca un valor predeterminado y active el soporte dinámico o responsivo cuando un proyecto lo requiera. Después de eso, cualquiera puede actualizar el texto desde Elementor sin tocar una línea de código. Echa un vistazo al resto del Widgets y extensiones de complementos maestros, y comprueba el página de precios por lo que incluye cada plan.
