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

Un enlace o un botón que el cliente puede cambiar

fld-link="Nombre del campo"

La dirección de un enlace se convierte en un campo del panel. El texto es otro campo de texto a su lado, así que el cliente puede cambiar cualquiera de los dos.

Dónde va

En el <a>: la generación solo cambia su href. Marca el texto de dentro con fld-text y otro nombre.

Nombres que nunca chocan: el enlace «Hero button», el texto «Hero button text».

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

Ejemplo: el botón del bloque principal

Marcado index.html
<a class="button" href="/menu" fld-link="Hero button">
  <span fld-text="Hero button text">See the menu</span>
</a>
En el panel Pages → Home
Hero button /menu
Hero button text See the menu
En el sitio la página de inicio
Coffee for slow mornings See the menu

Lo importante

  • El campo guarda la dirección como texto: /menu, https://…, tel:+1….
  • Un enlace con href="#" empieza vacío: no hay nada que trasladar.
  • El enlace y el texto necesitan nombres distintos; si no, se convierten en un solo campo.

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
<a href="/menu" fld-link="Button">
  <span fld-text="Button">See the menu</span>
</a>

Enlace y texto con el mismo nombre: el registro de la generación informa de una colisión, y un solo campo alimenta la dirección y el texto.

Así sí
<a href="/menu" fld-link="Button">
  <span fld-text="Button text">See the menu</span>
</a>

El texto se llama «Button text».

Así no
<div class="button" fld-link="Hero button">See the menu</div>

No es un enlace: la dirección acaba en un <div> y no hay nada en lo que hacer clic. El registro de la generación señala el elemento equivocado.

Así sí
<a class="button" href="/menu" fld-link="Hero button">See the menu</a>

En un <a>.

Lo mismo en los ajustes del sitio
fld-linken una página o entrada
opt-linken los ajustes del sitio, como un enlace de reservas en la cabecera
Escritura alternativa

f_link, o_link 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.