Saltar al contenido
themeforge
ES
Empieza gratis
Menú
  1. Inicio
  2. Referencia de atributos
  3. opt-image
Básico Ajustes del sitio

Un logotipo o una imagen para todo el sitio

opt-image="Nombre del campo"

Una imagen en los ajustes del sitio: el logotipo de la cabecera y el pie, una portada por defecto, un distintivo de pago. El cliente la cambia una vez y cambian todas las páginas.

Dónde va

En el <img> de theme-options.html, que crea el campo, y en el mismo <img> de la cabecera con el mismo nombre, que lo lee.

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

Ejemplo: el logotipo

Marcado theme-options.html · index.html
<!-- theme-options.html -->
<img src="images/logo.png" alt="Warm Corner" opt-image="Logo">

<!-- the header of every page -->
<a href="/"><img src="images/logo.png" alt="Warm Corner" opt-image="Logo"></a>
En el panel ThemeForge → Options
Logo logo.png
En el sitio todas las páginas
Warm Corner Home Menu Contacts

Lo importante

  • alt se queda como está escrito en el marcado; srcset se quita.
  • PNG, JPG o WebP: los SVG no entran en la biblioteca de medios.

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
<!-- theme-options.html -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">
<!-- header -->
<img alt="Warm Corner" opt-image="Site logo" src="images/logo.png">

Nombres distintos en los ajustes y en la cabecera: la cabecera lee un campo que no existe y no muestra ningún logotipo. El registro no dice nada.

Así sí
<!-- theme-options.html -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">
<!-- header -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">

El mismo nombre en los dos lugares.

Escritura alternativa

o_image 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.