Saltar al contenido
themeforge
ES
Empieza gratis
Menú
  1. Inicio
  2. Referencia de atributos
  3. fld-editor
Básico Textos e imágenes

Texto con formato y un editor visual

fld-editor="Nombre del campo"

El editor visual de WordPress en un solo campo: títulos, listas, negritas, enlaces e imágenes. Para un bloque «Sobre nosotros», una historia o unas condiciones.

Dónde va

En un bloque que contiene el texto con formato, normalmente un <div> (en Webflow, un elemento Rich Text). Todo el contenido del bloque, con sus etiquetas, pasa a ser el valor inicial del campo.

El campo aparece en el panel solo si la página tiene un nombre de grupo: wp-fields-group en su <body>.

Ejemplo: el bloque «Nuestra historia»

Marcado index.html
<div class="story w-richtext" fld-editor="Our story">
  <h2>Our story</h2>
  <p>We opened in 2019 with one grinder
     and a borrowed espresso machine.</p>
</div>
En el panel Pages → Home
Our story Our story — We opened in 2019 with one grinder and a borrowed espresso machine.
En el sitio tras una edición
Our story

We opened in 2019 with one grinder and a borrowed espresso machine.

Now we roast our own beans.

El cliente añadió un párrafo en el editor.

Lo importante

  • Ponlo en un <div>. WordPress envuelve el texto en párrafos por su cuenta.
  • Los estilos de los títulos y párrafos de dentro vienen del CSS del sitio para ese bloque, así que da estilo a las etiquetas de dentro, no a clases sueltas.
  • Para texto simple sin formato, fld-area es más sencillo para el cliente.

Errores frecuentes

El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.

Así no
<p class="lead" fld-editor="Intro">Open every day.</p>

En un párrafo: los párrafos del propio editor acaban dentro de él y el navegador rompe la maquetación. El registro no dice nada.

Así sí
<div class="lead" fld-editor="Intro">Open every day.</div>

En un <div>.

Lo mismo en los ajustes del sitio o en una categoría
fld-editoren una página o entrada
opt-editoren los ajustes del sitio
tax-editoren una categoría o etiqueta, como la descripción de una categoría
Escritura alternativa

f_editor, o_editor, t_editor funciona igual: la generación da un tema idéntico.

Se usa en recetas

Cuando quieras

Mira el panel de WordPress de tu sitio antes de pagar.