Documentaci贸n de Wasabi Theme para WordPress

馃挕GU脥A PARA PRINCIPIANTES: si eres nuev@, te recomendamos empezar por aqu铆:

鉂 Antes de empezar

S铆, puedes ver c贸mo queda la parte p煤blica de la plantilla en esta direcci贸n, en algunos ejemplos de webs: https://wasabitheme.com/es/demo/

No ofrecemos ning煤n trial o per铆odo de prueba, pero puedes navegar por la documentaci贸n para ver c贸mo se usa y c贸mo se configura la plantilla. Tambi茅n te recomendamos que le des un vistazo a las siguientes p谩ginas:

V铆deo creando una web desde 0 con Wasabi Theme

Hay cuatro tipos de licencia, los cuales se diferencian 煤nicamente en el n煤mero de sitios que se pueden activar para recibir soporte y actualizaciones. Cons煤ltalos aqu铆.

S铆, sin problema. Puedes comprar ahora las que necesites y actualizar a un plan superior en el futuro.

Cuando actualices, solo pagar谩s la diferencia de precio entre las dos opciones y el tiempo que falta hasta que la licencia expire.

Una vez ya seas cliente de Wasabi Theme, podr谩s mejorar la licencia siempre que quieras realizando los siguientes pasos:

  1. Accede a tu聽cuenta en Wasabi Theme.
  2. Navega hacia la pesta帽a de聽Licencias.
  3. Pulsa en聽Mejorar la licencia.
  4. Selecciona cu谩l quieres que sea el nuevo plan.
  5. Completa el proceso de pago.

S铆, por supuesto. Aqu铆 puedes ver el聽listado de actualizaciones.聽Estamos mejorando la plantilla d铆a a d铆a seg煤n al (siempre bien recibido) feedback de nuestros clientes.

S铆, si tienes tu licencia activa. Nunca estar谩s sola/o y siempre atenderemos tus dudas y propuestas. Puedes contactarnos desde la p谩gina de contacto.

Los requisitos t茅cnicos para que la plantilla funcione correctamente son los siguientes:

  • Necesitas un servidor con PHP 7.2 o superior con las extensiones mbstring, dom, json, libxml, curl e iconv habilitadas y actualizadas.
  • WordPress 5.7 o superior
  • Gutenberg

Todos los anteriores requisitos se pueden cumplir f谩cilmente en casi cualquier hosting. Si no los cumplen, puedes solicitar que lo hagan, generalmente conseguir谩s que actualicen el servicio sin coste alguno.

C贸mo comprobar si tu servidor cumple los requisitos

Hemos desarrollado una herramienta que har谩 las comprobaciones por ti, wasabi-requirements-checker.

Ahora te explicamos c贸mo usarla paso a paso:

  1. B谩jate nuestra herramienta de comprobaci贸n de requisitos para Wasabi.
  2. Sube el fichero wasai-requirements-checker.php a la carpeta principal de tu sitio.
  3. Abre el navegador y navega hasta聽http://ejemplo-dominio-tu-web.com/wasabi-requirements-checker.php
  4. Una vez hayas validado si todos los requisitos se聽cumplen, elimina el fichero wasabi-requirements-checker.php de tu servidor.

No pasar谩 nada,聽tus proyectos seguir谩n intactos.

No renovar la licencia de Wasabi聽solo significa perder el derecho a soporte y dejar de disfrutar de actualizaciones.

Ofrecemos 30 d铆as de garant铆a de devoluci贸n de dinero para nuevos usuarios, durante los cuales podr谩s probar a fondo la plantilla en tu propio dominio para decidir si es 煤til o no.

Consulta aqu铆 las condiciones para el reembolso.

Wasabi Theme deber铆a ser compatible con cualquier plugin. Hemos validado y comprobado que es compatible con los m谩s utilizados, por ejemplo:

  • AAWP
  • Yoast SEO
  • Rank Math
  • Page Generator Pro
  • WordPress Automatic
  • WooCommerce
  • Elementor
  • Thrive Architect
  • Content Egg
  • Shortcodes Ultimate
  • Ninja Forms
  • Contact Form 7
  • LuckyWP Table of Contents
  • Wordfence Security
  • WP Rocket, W3 Total Cache, LiteSpeed y otros plugins de cach茅.
  • WPML

Si encontraras alguno o vieras que los estilos de la plantilla se sobrescriben con los estilos de alg煤n plugin, tan solo nos lo tienes que decir para que lo arreglemos. La mayor铆a de las veces tiene f谩cil soluci贸n. Para reportar un problema, usa el聽formulario de contacto.

鈻讹笍 Primeros pasos

Desde el panel de WordPress

Para聽instalar Wasabi聽mediante el聽uploader de WordPress, sigue estas instrucciones:

  1. Haz una聽copia de seguridad聽de tu sitio
  2. Inicia sesi贸n聽en el administrador de WordPress de tu sitio
  3. Navega hasta Apariencia >聽Temas
  4. Haz clic en聽芦A帽adir nuevo禄
  5. Haz clic en聽芦Subir tema禄聽y en聽芦Seleccionar archivo禄, luego selecciona el聽ZIP de Wasabi
  6. Haz clic en聽芦Instalar ahora禄. Empezar谩 la instalaci贸n de Wasabi
  7. Una vez finalizada la instalaci贸n, ya puedes activarlo para empezar a usarlo. Tambi茅n puedes ver c贸mo quedar铆a sin activarlo, pulsando el bot贸n de聽芦Vista previa禄
驴Aparece un error con el mensaje upload_max_filesize exceeded o superado?

El problema es que tu servidor est谩 limitando el tama帽o m谩ximo de los archivos que subes. Contacta con tu proveedor de hosting para que aumenten este valor en la directiva php.ini correspondiente.

Otra forma de saltarte este error es instalando Wasabi por FTP (aunque recomendamos la anterior opci贸n).

Por FTP

Para聽instalar Wasabi por FTP, sigue estas instrucciones:

  1. Baja el聽ZIP de instalaci贸n de Wasabi聽y extr谩elo en tu ordenador (local)
  2. Con茅ctate a tu servidor por FTP y navega hasta la carpeta聽/wp-content/themes/聽de tu sitio
  3. Sube la聽carpeta wasabi聽(paso 1) a la聽carpeta themes聽de tu servidor (paso 2)
  4. Inicia sesi贸n聽en el administrador de WordPress de tu sitio
  5. Navega hasta Apariencia 鈫捖Temas
  6. Coloca el cursor encima de Wasabi y haz clic en 芦Activar芦. Tambi茅n puedes ver c贸mo quedar铆a sin activarlo, pulsando el bot贸n de 芦Vista previa

Debes activar la licencia para poder recibir actualizaciones y soporte t茅cnico.

Puedes hacerlo desde las Opciones de Wasabi Theme (en el men煤 lateral) > Licencia del Theme.

Puedes actualizar el theme en la secci贸n de Apariencia > Temas o en Escritorio > Actualizaciones.

Wasabi Theme te mostrar谩 una notificaci贸n cada vez que haya una actualizaci贸n disponible.

Puedes ver el hist贸rico de cambios desde aqu铆: Changelog detallado de Wasabi Theme

Puedes habilitar las actualizaciones autom谩ticas desde Apariencia > Temas

C贸mo forzar una actualizaci贸n manualmente

Actualizar de forma manual la plantilla requiere de聽varios pasos extra聽respecto a las actualizaciones autom谩ticas. El procedimiento es el siguiente:

  1. Baja el ZIP聽de instalaci贸n de Wasabi desde tu panel en Wasabi Theme.
  2. Inicia sesi贸n聽en el administrador de WordPress de tu sitio
  3. Navega hasta Apariencia >聽Temas
  4. Haz clic en聽芦A帽adir nuevo禄
  5. Haz clic en聽芦Subir tema禄聽y en聽芦Seleccionar archivo禄, luego selecciona el聽ZIP de Wasabi
  6. Haz clic en聽芦Instalar ahora禄.
  7. Cuando termine, ya tendr谩s la 煤ltima versi贸n de Wasabi Theme en tu sitio.

驴Has actualizado y elementos visuales no se visualizan correctamente?

Es muy probable que tu navegador est茅 mostrando versiones obsoletas de ficheros Javascript y CSS modificados en la 煤ltima actualizaci贸n de la plantilla.

No es un problema grave, ya que solo ocurre en navegadores que previamente hayan visitado la p谩gina, debido al sistema de cach茅 del propio navegador.

Para solucionarlo, haz lo siguiente:

  1. Borra la cach茅 del navegador. Si no sabes c贸mo, aqu铆 lo explican para los navegadores m谩s populares.
  2. Si usas alg煤n sistema de cach茅 (con plugin o a nivel de servidor), vac铆a dicha cach茅.
  3. Si usas alg煤n plugin que minifique o una ficheros Javascript o CSS, regenera dichos ficheros.
  4. Desactiva la opci贸n 芦Eliminar par谩metros de consulta de recursos est谩ticos禄 en los Ajustes de Wasabi -> WPO -> HTML

Ir directamente a la explicaci贸n en el v铆deo:
  • 0:26 Instalaci贸n.
  • 1:08 Activaci贸n de la licencia.
  • 2:00 Configuraci贸n general de aspecto (colores, fuentes, etc.).
  • 5:34 Logo y favicon.
  • 6:32 WPO (rendimiento).
  • 7:54 Categor铆as personalizadas.
  • 10:15 Entradas destacadas.
  • 12:52 Men煤 secundario autogenerado, men煤 secundario manual, men煤 principal y men煤 del footer.
  • 15:39 Homepage profesional con cl煤sters, cuadr铆cula de categor铆as, buscador e imagen de fondo.
  • 19:35 Configuraci贸n del m贸dulo de afiliados y creaci贸n del primer post de afiliaci贸n Con y sin API. Usaremos los bloques de producto, tabla comparativa y tabla de contenidos.
  • 33:15 Configuraci贸n del m贸dulo de anuncios y creaci贸n del primer post orientado a AdSense.
  • 37:58 Inserci贸n de c贸digo personalizado
  • 38:10 Ajustes legales: aviso de cookies y texto RGPD para el formulario de comentarios.
  • 38:45 Configuraci贸n de ajustes por defecto de los bloques Gutenberg de Wasabi.
  • 39:25 Automatizaci贸n de fechas.
  • 39:53 Anal铆tica web (Google Analytics y Yandex.Metrica). Seguimiento y eventos.
  • 41:00 SEO: arquitectura de la informaci贸n, ofuscaci贸n de enlaces y datos estructurados.
  • 41:42 Ajustes de apariencia de las diferentes secciones (barra b煤squeda, autor en posts, entradas relacionadas, categor铆as, header, footer, migas de pan, encabezados, ancho de p谩gina, colores, fuentes, etc.).
  • 45:45 Otros bloques Gutenberg de Wasabi Theme: testimonio, cl煤ster, enlaces a redes sociales, insertar anuncio, etc.
  • 48:08 Establecer el fondo blanco en entradas individuales.
  • 48:28 Cambiar los 6 anchors que puede tener una entrada en los enlaces internos del sitio.
  • 49:15 Comprobador de disponibilidad de productos de Wasabi.
Recursos mencionados en el v铆deo:

馃摑 Licencias

Cada licencia es v谩lida por聽un a帽o desde el momento de su validaci贸n. Asimismo, si renuevas la licencia antes de que se cancele, contar谩s con un 30% de descuento. Para ello, se env铆an 2 avisos que recuerdan la fecha de caducidad.

Pasado este a帽o,聽la plantilla seguir谩 funcionando con normalidad, pero tendr谩s que renovar manualmente la licencia para poder seguir recibiendo actualizaciones y soporte. Adem谩s,聽esto supondr谩 la p茅rdida del descuento del 30%.

No pasar谩 nada,聽tus proyectos seguir谩n intactos.

No renovar la licencia de Wasabi聽solo significa perder el derecho a soporte y dejar de disfrutar de actualizaciones.

La plantilla seguir谩 funcionando en tu sitio, pero聽pierdes acceso a soporte y actualizaciones de compatibilidad, seguridad y mejoras. Tambi茅n聽pierdes el descuento autom谩tico del 30%聽para renovaciones de licencia.

Si quieres que tu sitio tenga la versi贸n m谩s estable y segura de la plantilla, s铆. Tambi茅n debes renovar si quieres seguir benefici谩ndote de las mejoras que vamos a帽adiendo en Wasabi Theme en base al feedback de usuarios como t煤.

Las actualizaciones (como habr谩s podido comprobar) se lanzan frecuentemente para solucionar problemas descubiertos y para introducir nuevas caracter铆sticas.

No, debes renovarla manualmente.

Si se renueva antes de que la licencia caduque, se aplicar谩 un 30% de descuento sobre el precio de la oferta actual. Si dejas la renovaci贸n para pasado ese per铆odo, no se aplicar谩 ning煤n descuento y perder谩s la bonificaci贸n.

Simplemente accede a tu panel de usuario en聽https://wasabitheme.com/es/mi-cuenta/聽y haz click en聽芦Extender licencia禄.

Ya est谩, no tienes que hacer nada m谩s.

La clave de licencia ser谩 la misma pero con la fecha de caducidad renovada.

Puedes mejorar tu licencia a un plan superior f谩cilmente para poder usar Wasabi Theme en m谩s sitios.

Al mejorar la licencia, solo pagar谩s la diferencia de precio entre las dos opciones y el tiempo que falta hasta que la licencia expire.

Para mejorar la licencia:

  1. Accede a tu cuenta en Wasabi Theme.
  2. Navega hacia la pesta帽a de Licencias.
  3. Pulsa en Mejorar la licencia.
  4. Selecciona cu谩l quieres que sea el nuevo plan.
  5. Completa el proceso de pago.

Puedes hacerlo desactivando la licencia en un sitio y activ谩ndola en otro.

Tambi茅n lo puedes centralizar todo desde la pesta帽a de 芦Licencias禄 en tu panel en Wasabi (haciendo clic en 芦Gestionar sitios禄).

No dudes en contactarnos si necesitas ayuda.

Las licencias de por vida pueden resultar m谩s baratas a primera vida, pero聽generalmente son perjudiciales para los clientes, ya que suelen resultar en聽productos sin mantenimiento y obsoletos.

Nuestro modelo de negocio y nuestra visi贸n del producto no ser铆a sostenible sin un modelo de renovaci贸n de licencias. 驴Por qu茅? Porque pasados m谩s de 5 a帽os, no podr铆amos mantener la calidad de Wasabi a lo largo del tiempo: las actualizaciones ser铆an menos frecuentes, el soporte ser铆a cada vez peor y las caracter铆sticas podr铆an quedar obsoletas e incluso inservibles.

Estamos totalmente convencidos de que vas a apreciar todo lo que Wasabi te aportar谩: actualizaciones frecuentes, mejoras 煤tiles, correcci贸n de posibles bugs, soporte t茅cnico personalizado, etc.

Wasabi es un producto que se retroalimenta del feedback de los usuarios y de la evoluci贸n del mercado del SEO para seguir creciendo. Nuestro compromiso con la satisfacci贸n de los usuarios es total y as铆 lo seguir谩 siendo en los pr贸ximos a帽os.

Error: El archivo subido excede la directiva upload_max_filesize en php.ini

Este error aparece cuando tu servidor limita el tama帽o de los ficheros subidos, en este caso, el ZIP de la plantilla.

Para corregir el error, tendr谩s que indicarle a tu proveedor de hosting que incremente este l铆mite.

Si tienes experiencia administrando servidores, puedes cambiar el valor upload_max_filesize directamente desde el archivo php.ini. Puedes leer m谩s sobre esto aqu铆.

Tambi茅n puedes saltarte esta restricci贸n realizando la actualizaci贸n de forma manual por FTP.

Error: Allowed memory exhausted

Este error aparece cuando tu servidor se queda sin memoria RAM para completar alguna tarea.

Para corregir el error, tendr谩s que indicarle a tu proveedor de hosting que incremente este l铆mite.

Si tienes experiencia administrando servidores, puedes incrementarlo siguiendo estos pasos:

  1. Agrega esta l铆nea el archivo wp-config.php: define('WP_MEMORY_LIMIT', '256M');
  2. Cambia esta l铆nea en el archivo php.ini de tu servidor: memory_limit = 256M;

Tambi茅n podr铆a ayudar la desactivaci贸n y eliminaci贸n de plugins que no se usan.

Error: cURL error 28

Si ves este error, significa que tu servidor y el servidor de actualizaciones y licencias de Wasabi Theme no se est谩n pudiendo conectar.

Este es un problema com煤n y no tiene relaci贸n con los plugins, themes ni con el propio WordPress. Es algo directamente relacionado con un componente del servidor: la biblioteca cURL, y afecta a cualquier software web que utilice cURL.

Para solucionarlo, ponte en contacto con tu proveedor de hosting y:

  1. Pregunta si tu servidor est谩 ejecutando una versi贸n reciente de PHP y la biblioteca cURL.
  2. Que intenten aumentar el l铆mite de memoria del servidor y el l铆mite de timeout de cURL.
  3. Pregunta si hay alg煤n cortafuegos o m贸dulo de seguridad (por ejemplo, ModSecurity) que bloquee las solicitudes cURL salientes a https://wasabitheme.com/
  4. Pregunta si hay algun problema de red, de resoluci贸n DNS o de conexiones SSL salientes a https://wasabitheme.com/
  5. Pregunta si el servidor puede usar TLS 1.2 como protocolo SSL. Puedes comprobarlo tu mismo/a usando este plugin.

Error: cURL error 25

Tu servidor est谩 usando una versi贸n demasiado antigua de CURL o de OpenSSL. Necesitas actualizar ambos.

馃殌 Optimizaci贸n de velocidad (WPO)

Caracter铆sticas del hosting y configuraci贸n de servidor

En este punto lo que intentaremos ser谩 optimizar el TTFB (Tiempo hasta el primer byte). Esto es el tiempo que tarda el servidor a responder la petici贸n del navegador. Incluye, principalmente:

  • Resoluci贸n DNS.
  • Ejecuci贸n del c贸digo de la aplicaci贸n (en este caso, el core de WordPress, plugins y plantilla).
  • Consultas a base de datos.
  • Consultas a API externas.
  • Operaciones de lectura y escritura en disco.
  • Velocidad de red del servidor y del cliente.

Para optimizar los puntos anteriores, contrata un servicio de hosting que incluya:

  1. PHP versi贸n 7.4 o superior.
  2. Extensi贸n PHP OPcache habilitada y configurada.
  3. Servidor web con cach茅 p煤blica: LiteSpeed, OpenLiteSpeed, Apache + Varnish, Apache + Nginx como proxy inversor, etc.
  4. Compresi贸n HTTP con Brotli. Puedes hacer un test aqu铆: https://tools.keycdn.com/brotli-test
  5. Protocolo HTTP/2 soportado. Puedes hacer un test aqu铆: https://tools.keycdn.com/http2-test
  6. Configura el tiempo en el cual los recursos deben estas cacheados por el navegador.
  7. Opcional: sistema de cach茅 en memoria (memcached, Redis, etc.). Esto servir谩 si quieres establecer sistema de cach茅 privada.

Los 5 primeros puntos son imprescindibles (el 3 especialmente). La mayor铆a de proveedores de hosting los ofrecen, solo consulta con ellos antes de contratar el servicio.

Hosting recomendados:

  • Nicalia
  • Webempresa
  • Raiola Networks

Hostings NO recomendados:

  • Hostinger

Si por lo que sea no te pueden ofrecer un servidor web con sistema de cach茅 p煤blica, te recomendamos buscar otro proveedor o, en su defecto, usar alg煤n plugin de WordPress que lo emule (generalmente creando ficheros HTML est谩ticos a partir de PHP procesados anteriormente). No funcionar谩 con la misma eficiencia que la cach茅 a nivel de servidor, pero es mucho mas que nada. Algunos de estos plugins podr铆an ser:

  • WP Rocket
  • WP Fastest Cache
  • W3 Total Cache
  • WP Super Cache

Si eliges usar un plugin para la cach茅, deber谩s desmarcar todas las opciones y usar solo su sistema de cach茅, ya que para todo lo dem谩s usaremos las funciones nativas de Wasabi Theme.

Configuraci贸n de Wasabi Theme

Usa solo los plugins estrictamente necesarios

Si puedes usar solo Wasabi Theme y un plugin para SEO como Yoast o Rank Math, ya lo tienes casi todo hecho. Hay muchos clientes que solo han necesitado esas dos cosas para crear webs tanto monetizables con AdSense como con sistemas de afiliados.

Usar plugins adicionales (como Ultimate Shortcodes, AAWP, etc.) empeorar谩 la velocidad de carga cargando recursos como fuentes, estilos, scripts. En este punto, Wasabi no puede hacer nada por ti. Simplemente intenta prescindir de ellos. Mejorar谩 tu WPO uses la plantilla que uses.

Deshabilita las fuentes de Google u optimiza su carga para no bloquear el renderizado

Wasabi Theme usa las fuentes de Google cada vez que configuras alguna tipograf铆a en las opciones de Apariencia de la plantilla.

Estas fuentes son las principales causantes de problemas de CLS (cambios de dise帽o acumulados) en Core Web Vitals que reporta Google Search Console. Los errores m谩s habituales son:

  • FOIT = destello de texto invisible.
  • FOUT = destello de texto sin estilo.

Para evitar estos problemas, la soluci贸n m谩s certera que ofrecemos, si la tipograf铆a no es cr铆tica para el dise帽o de tu web, es deshabilitar las fuentes de Google. Esto se puede lograr marcando esta casilla:

La soluci贸n anterior es de lejos la m谩s efectiva, pero si lo has valorado y realmente necesitas usar las fuentes de Google, te recomendamos establecer estas opciones:

  • Habilitar la casilla de 芦Carga as铆ncrona禄 para que no bloquee el renderizado. Si por este motivo baja el CLS, puedes probar a desactivarla.
  • Elegir la opci贸n de 芦Opcional禄 en el selector de 芦Font display禄.
  • DESHABILITAR la opci贸n de 芦Cargar todas las variantes de las fuentes seleccionadas禄

Las opciones de Font display de Wasabi son estas:

  • Opcional: se muestra la fuente de Google si se obtiene en menos de 100 milisegundos, de lo contrario se muestra la fuente del sistema. No causa FOIT ni FOUT. El 煤nico inconveniente que tiene es que es posible que no se llegue a mostrar la fuente si el navegador del usuario no la ha descargado previamente (visitando anteriormente nuestra web u otra que use la misma fuente).
  • Swap: Se muestra la fuente del sistema hasta que se obtiene la fuente de Google. El usuario siempre ve el texto. Causa FOUT. Es la segunda opci贸n preferida si no se puede optar por la primera opci贸n.
  • Auto: el texto generalmente no se muestra hasta que se obtiene la fuente Google. Causa FOIT.
Comprime im谩genes

Comprime las im谩genes antes o despu茅s de subirlas. Puedes comprimir las im谩genes antes de subirlas usando un servicio como https://kraken.io/ o despu茅s de haberlas subido, usando alg煤n plugin como Smush o EWWW Image Optimizer.

Tambien te recomendamos usar im谩genes SVG para el logo y para los iconos de categor铆a. 驴Por qu茅? Porque Wasabi detectar谩 que es un vector y lo a帽adir谩 芦inline禄, evitando la latencia que se pueda ocasionar durante la carga de la imagen. El formato SVG tambi茅n suele implicar ficheros de menor tama帽o que otros formatos.

Puedes buscar los iconos SVG en https://www.flaticon.com/ (o similar) y los comprimas con https://jakearchibald.github.io/svgomg/ antes de subirlos.

Aseg煤rate de que el SVG tenga definidos los atributos width y height, a ser posible tambi茅n el viewBox. En caso contrario es posible que no se llegue a mostrar y veas un espacio en blanco.

Carga de forma diferida im谩genes e iframes

Recomendamos habilitar la carga diferida de im谩genes y de iframes.

SOLO SI USAS ALG脷N SISTEMA DE CACHE: te recomendamos tambi茅n habilitar la opci贸n de 芦A帽adir las dimensiones de las im谩genes que faltan禄, de esta forma se a帽adir谩n los atributos height y width en las im谩genes que no lo tengan, para evitar cambios de layout y problemas de CLS. Repetimos que esta opci贸n no se recomienda si no se usa cach茅, ya que consume muchos recursos.

Carga Javascript (scripts) de forma diferida para no bloquear el renderizado

Intenta prescindir de todos aquellos plugins que a帽adan demasiado CSS, JS, fuentes o iconos. Intenta en la medida de lo posible usar Wasabi, Yoast (o similar) y poco m谩s.

Activa la opci贸n de 芦Diferir la ejecuci贸n de los scripts禄 para que los scripts no bloqueen el renderizado. Como complemento o como medida alternativa si lo anterior genera alg煤n problema, puedes activar la opci贸n de 芦Mover los scripts al footer禄 para lograr el mismo resultado (sin el peque帽o plus de rendimiento que ofrece la primera opci贸n).

Tambi茅n recomendamos activar la opcion de 芦Incrustar los scripts cr铆ticos de Wasabi Theme禄.

Google AdSense

驴C贸mo puedes saber si los anuncios de Google AdSense est谩n afectando al rendimiento?

  • Entra en https://pagespeed.web.dev/ y ejecuta el test de la URL afectada.
  • Revisa la secci贸n de OPORTUNIDADES que se encuentra debajo de las m茅tricas de los resultados.
  • 驴Aparecen elementos como los que se帽alamos a continuaci贸n? Si es as铆, AdSense est谩 芦matando禄 la velocidad de carga.

Soluci贸n:

Activa la opci贸n de 芦Aplazar la carga de los scripts禄 con un 芦Tiempo de espera del aplazamiento禄 de 5 segundos.

Esto har谩 que los scripts definidos en el campo 芦Scripts aplazados禄 no se carguen hasta que haya una interacci贸n del usuario o hasta que pasen los segundos definidos en el tiempo de espera.

MUY IMPORTANTE: Como los anuncios tardar谩n m谩s en cargar, es posible que baje el % de p谩ginas vistas y los ingresos, as铆 que no olvides revisar las m茅tricas para valorar si te conviene primar velocidad de carga sobre ingresos o viceversa. Hasta que Google sea m谩s estricto con los anunciantes para garantizar solo anuncios ligeros, esto es lo m谩ximo que podemos hacer.

Optimiza la carga de CSS (estilos)

Te recomendamos habilitar la opci贸n de 芦Incrustar el CSS禄. Esto har谩 que todo el c贸digo CSS necesario se a帽ada en el head.

Wasabi Theme est谩 optimizado para requerir solo el CSS que se necesita en cada p谩gina. Por este motivo es muy importante intentar prescindir de plugins que a帽adan CSS, ya que generalmente no est谩n optimizados para este fin.

Minimiza el c贸digo HTML

Si quieres ganar un peque帽o extra de rendimiento, puedes habilitar la opci贸n de 芦Minimizar el c贸digo HTML禄.

Estas dos opciones no tendr谩n un impacto notable, pero es posible que ayuden a mejorar los n煤meros en tests como el de GTMetrix. Es m谩s, la opci贸n de 芦Eliminar par谩metros de consulta de recursos est谩ticos禄 solo sirve para eso y generalmente recomendamos tenerla deshabilitada.

S铆, pero no lo recomendamos si ya tienes cach茅 en tu servidor.

Si usas alg煤n plugin de rendimiento web como WP Rocket, te recomendamos activar sus opciones de cach茅 y desactivar todas sus otras opciones de optimizaci贸n (minificaci贸n, defer JS, etc.). Usar solo las opciones de rendimiento de Wasabi Theme suele ser la mejor opci贸n, ya que evitamos conflictos y ralentizaciones por redundancia de funciones.

En el caso de que tengas que instalarlo porque tu servidor no tiene ning煤n sistema de cach茅, te recomendamos desactivar todas sus opciones y usar solo su sistema de cach茅. El resto de funcionalidades ya vienen integradas en Wasabi Theme y las puedes configurar en las opciones que se muestran en esta gu铆a. Es mucho m谩s simple de lo que parece.

Cualquiera que incluya:

  1. PHP versi贸n 7.4 o superior.
  2. Extensi贸n PHP OPcache habilitada y configurada.
  3. Servidor web con cach茅 p煤blica: LiteSpeed, OpenLiteSpeed, Apache + Varnish, Apache + Nginx como proxy inversor, etc.
  4. Compresi贸n HTTP con Brotli. Puedes hacer un test aqu铆: https://tools.keycdn.com/brotli-test
  5. Protocolo HTTP/2 soportado. Puedes hacer un test aqu铆: https://tools.keycdn.com/http2-test
  6. Configura el tiempo en el cual los recursos deben estas cacheados por el navegador.
  7. Opcional: sistema de cach茅 en memoria (memcached, Redis, etc.). Esto servir谩 si quieres establecer sistema de cach茅 privada.

Los 5 primeros puntos son imprescindibles (el 3 especialmente). La mayor铆a de proveedores de hosting los ofrecen, solo consulta con ellos antes de contratar el servicio.

Hosting recomendados:

  • Nicalia
  • Webempresa
  • Raiola Networks

Hostings NO recomendados:

  • Hostinger

Wasabi Theme puede funcionar sin jQuery, por lo que puedes probar a habilitar la opci贸n de 芦Desactivar jQuery禄.

jQuery es una dependencia del propio core de WordPress y muchos otros plugins, por lo que si detectas que algo no funciona como deber铆a tras activar la opci贸n, desact铆vala.

驴C贸mo puedes saber si los anuncios de Google AdSense est谩n afectando al rendimiento?

  • Entra en https://pagespeed.web.dev/ y ejecuta el test de la URL afectada.
  • Revisa la secci贸n de OPORTUNIDADES que se encuentra debajo de las m茅tricas de los resultados.
  • 驴Aparecen elementos como los que se帽alamos a continuaci贸n? Si es as铆, AdSense est谩 芦matando禄 la velocidad de carga.

Soluci贸n:

Activa la opci贸n de 芦Aplazar la carga de los scripts禄 con un 芦Tiempo de espera del aplazamiento禄 de 5 segundos.

Esto har谩 que los scripts definidos en el campo 芦Scripts aplazados禄 no se carguen hasta que haya una interacci贸n del usuario o hasta que pasen los segundos definidos en el tiempo de espera.

MUY IMPORTANTE: Como los anuncios tardar谩n m谩s en cargar, es posible que baje el % de p谩ginas vistas y los ingresos, as铆 que no olvides revisar las m茅tricas para valorar si te conviene primar velocidad de carga sobre ingresos o viceversa. Hasta que Google sea m谩s estricto con los anunciantes para garantizar solo anuncios ligeros, esto es lo m谩ximo que podemos hacer.

Entra en WPO -> Fuentes y marca la casilla de 芦Carga as铆ncrona de Google Fonts禄

Esta es una funci贸n avanzada, para poder usarla es necesario que tengas conocimientos b谩sicos de PHP y de WordPress.

Para desactivar un script o un estilo de forma global, tan solo tienes que a帽adir su handle en estas opciones:

En esas dos opciones a帽adir铆amos, separados por comas, todos los handles de scripts y estilos que queremos bloquear.

El handle se puede encontrar mirando el c贸digo fuente del plugin que lo carga. Si no lo encuentras, puedes a帽adir temporalmente este c贸digo en el functions.php para que se muestre un listado de handlers en la web.

Recuerda borrarlo cuando encuentres el handle que buscabas.

add_action( 'wp_print_scripts', function () {
	global $wp_scripts;

	foreach ( $wp_scripts->queue as $handle ) {
		echo $handle . ' | ';
	}
} );

add_action( 'wp_print_styles', function () {
	global $wp_styles;

	foreach ( $wp_styles->queue as $handle ) {
		echo $handle . ' | ';
	}
} );

C贸mo activar el script o estilo en una p谩gina concreta

En el paso anterior hemos visto c贸mo bloquear la carga global de un estilo o script cargado por un plugin, por el theme o por el propio WordPress. Ahora vamos a ver c贸mo, una vez bloqueado, se puede habilitar de forma individual en p谩ginas o entradas concretas.

Vamos a suponer que hemos configurado el handle contact-form-7 para que no se cargue nunca el script y los estilos del plugin Contact Form. Ahora queremos que se muestre solo en la p谩gina de contacto. Para hacerlo, tendr铆amos que:

1. Instalar un child theme

Lo necesitas porque vamos a editar el fichero functions.php. Con esto, prevenimos la p茅rdida de las modificaciones cuando se actualice Wasabi a una nueva versi贸n.

2. A帽adir unas l铆neas similares a estas en el fichero functions.php del child theme:

add_filter( 'wasabi_script_block_bypass_handlers', function () {
	if ( is_page( 123 ) ) {
		return ['contact-form-7'];
	}

	return [];
} );

add_filter( 'wasabi_style_block_bypass_handlers', function () {
	if ( is_page( 123 ) ) {
		return ['contact-form-7'];
	}

	return [];
} );

驴Qu茅 hace este c贸digo?

  1. Interfiere los filtros de wasabi_script_block_bypass_handlers y wasabi_script_block_bypass_handlers de Wasabi Theme. Estos filtros permiten devolver un array de los handles (en formato string) que tenemos que permitir insertar, aunque se haya configurado su exclusi贸n en los ajustes de WPO de Wasabi.
  2. En la funci贸n is_page() verificamos que nos encontramos en una p谩gina concreta. Suponemos que la p谩gina con ID 123 corresponde a la de contacto en el ejemplo.
  3. Si is_page(123) es verdadero, suponemos que nos encontramos dentro de la p谩gina de contacto, por lo que deber铆amos devolver el handle del script/estilo de Contact Form 7 en el array de handles a permitir.
  4. Si is_page(123) es falso, devolvemos un array vac铆o, lo que significa que no queremos permitir ninguno de los scripts/estilos configurados en los ajustes WPO de Wasabi.

Con Wasabi tendr谩s una soluci贸n integrada con la que podr谩s crear webs sin instalar tantos plugins, logrando as铆 una mejora de WPO, de dinero invertido y de productividad, al reducir el tiempo de creaci贸n y mantenimiento de cada portal. Por ejemplo, esta web se ha creado usando Wasabi + Yoast (tambi茅n usa cach茅 LiteSpeed en el servidor): https://demo.wasabitheme.com/es/

En esta p谩gina ver谩s de qu茅 plugins te podr铆as deshacer si usas Wasabi. En la columna izquierda de esta tabla tienes el nombre del plugin y, en la derecha, la correspondiente funci贸n nativa de Wasabi que proporciona la misma o una funcionalidad similar.

Para no hacer muy larga la lista, no hemos repetido plugins con funcionalidades similares. Por ejemplo, 芦Easy Table of Contents禄 podr铆a estar listado, pero ya hemos a帽adido uno muy similar (芦Table of Contents Plus禄).

PluginAlternativa en Wasabi
AAWP, Plugins de afiliados de AmazonBloques de producto y tabla comparativa
AliPlugin, AliatePress, Plugins de afiliados de AliExpressBloques de producto y tabla comparativa
Plugins de afiliados de eBayBloques de producto y tabla comparativa
Thirsty AffiliatesAjustes de ofuscaci贸n y cloaking de enlaces
Content viewsBloque cl煤ster de entradas o p谩ginas
Google Site KitAjustes de anal铆tica
Yandex MetricaAjustes de anal铆tica
Table of Contents PlusBloque de columna y tabla de contenidos
WP Rocket y otros plugins de optimizaci贸n CSS y JSSi tienes cach茅 de servidor, puedes prescindir de 茅l y usar los ajustes WPO de Wasabi Theme
Lazy LoadAjustes WPO
Easy Google FontsAjustes de fuentes y WPO
Add Category to PagesAjustes SEO
Categories ImagesEditor de categor铆as
Ad Inserter, Advanced Ads, Adsense Ads Plugin, etc.Insertador autom谩tico de anuncios de Wasabi y bloque de anuncios
Cookie Consent BannerAviso de cookies
Social Media Share ButtonsBloque de enlace a redes sociales y barra de compartir en redes sociales

馃 Optimizaci贸n SEO

Los datos estructurados pueden servir como pistas para ayudar a Google a entender el contenido de tu sitio. Puedes por ejemplo indicar el nombre y el logo de tu organizaci贸n, el autor de cada entrada o la fecha de publicaci贸n de un post concreto.

En la documentaci贸n oficial de Google puedes ver qu茅 son y c贸mo funcionan.

C贸mo configurar schema b谩sico

Para conseguir un marcado de datos estructurados recomendamos la primero tener instalado el plugin Yoast o Rank Math. Estos pasos mostrar谩n capturas de Yoast, pero en Rank Math ten茅is disponibles las mismas opciones (aunque puede variar la terminolog铆a).

Paso 1: habilitar el marcado de Organizaci贸n en los ajustes generales de Yoast

En Rank Math tendr铆as que ir a Rank Math > T铆tulos y metas > SEO local y completar la informaci贸n de la persona u organizaci贸n.

Paso 2: habilitar las migas de pan en Yoast

Paso 3: habilitar la integraci贸n de las migas de pan de Yoast en Wasabi

No tienes que introducir ning煤n c贸digo PHP, solo tienes que ir a los ajustes de Wasabi -> Apariencia -> Migas de pan y habilitar estas dos opciones:

Paso 4: integrar las opciones de datos estructurados de Yoast con las de Wasabi

Ahora, en los Ajustes de Wasabi -> SEO -> Datos Estructurados vamos a:

  1. Deshabilitar las cuatro casillas marcadas en rojo. Las desmarcamos porque Yoast ya a帽ade estos datos estructurados y no queremos mostrar lo mismo dos veces.
  2. Habilitar la casilla verde (ItemList). Este marcado de datos estructurados se mostrar谩 cuando usemos el bloque de producto o de tabla comparativa de Wasabi. Marcar谩 todo lo relativo al producto (URL, nombre, descripci贸n, imagen, etc.).

Con esto ya tendr铆amos un marcado de todos los elementos gen茅ricos que podemos encontrar en la mayor铆a de p谩ginas web.

C贸mo configurar schema espec铆fico

Si quieres marcar contenido m谩s espec铆fico, te recomiendo optar por soluciones concretas:

Redes sociales

Tanto Yoast como Rank Math nos ofercen la posibilidad de a帽adir los enlaces a nuestras redes sociales en el marcado de datos estructurados de Organizaci贸n. La configuraci贸n es muy similar en ambos plugins.

Schema FAQ o preguntas frecuentes

Yoast y Rank Math permiten usar sus bloques Gutenberg para a帽adir este tipo de contenido y de marcado. Solo tienes que insertar y configurar dichos bloques en la entrada que quieras.

V铆deos y audios

Si quieres marcar v铆deos de YouTube, Vimeo, etc., as铆 como audios de SoundCloud, te recomendamos instalar el plugin Schema.

Una vez lo hagas, deshabilita todas sus opciones (para que no interfieran con las de Yoast/Rank Math) y configura el marcado de v铆deo como explican en este tutorial.

Autor
  • En Rank Math: Dir铆gete a Rank Math > T铆tulos y metas > SEO local y completa la informaci贸n de la persona u organizaci贸n para que se pueda utilizar como informaci贸n del autor.
  • En Yoast SEO: habilitar el marcado de Organizaci贸n en los ajustes generales de Yoast

Wasabi ofrece una serie de opciones para automatizar la actualizaci贸n de los a帽os que aparecen en:

  • Contenido de entradas y p谩ginas (incluye el t铆tulo).
  • Meta description y title: compatible con los plugins Yoast SEO, All in One SEO Pack y Rank Math.
  • Fecha de modificaci贸n de entradas y p谩ginas.

La automatizaci贸n de las fechas de Wasabi es totalmente desatendida. Si la activas, lo que har谩 Wasabi es detectar palabras que correspondan a a帽os (formato 20xx) y actualizarlas por el a帽o en curso si corresponden a a帽os anteriores.

Esto tiene sus ventajas, como por ejemplo, que no tienes que hacer nada, la habilitas y ya est谩. Pero claro, tambi茅n tiene sus desventajas, como no tener un control absoluto de qu茅 a帽os quieres o no actualizar. Est谩 pensado para webs autom谩ticas, aunque tambi茅n se puede aplicar en otro tipo de proyectos si se es consciente del funcionamiento anterior. Para solucionar este problema, lee el siguiente apartado.

Prevenir la automatizaci贸n de fechas en cierto contenido concreto

Puedes usar el shortcode para evitar que se actualicen las fechas encontradas dentro del contenido del shortcode:

  • [wasabi_prevent_year_automation]contenido no actualizable[/wasabi_prevent_year_automation]
  • Ejemplo:
    • [wasabi_prevent_year_automation]Llevamos desde 2001 en esto[/wasabi_prevent_year_automation]
    • Producir谩: Llevamos desde 2001 en esto

Prevenir la automatizaci贸n de fechas en meta title y description de un post o p谩gina concretos

  • Instala y configura un child theme
  • A帽ade el siguiente c贸digo en el fichero functions.php del child theme:
add_filter('wasabi_should_auto_update_title_meta_desc_year', function ($should_update) {
    // sustituir por is_page si es una p谩gina
    // sustituir por el ID de la p谩gina o post correspondiente
    if (is_single(12)) {
        return false;
    }

    return $should_update;
});

Dependiendo del plugin SEO que uses, puedes quitar la palabra category de la URL de categor铆as de esta forma:

Las entradas destacadas, aparecer谩n enlazadas desde los siguientes sitios:

  • Men煤 principal聽(si se usa el men煤 autom谩tico, es decir, si no se asigna ning煤n men煤 de forma manual)
  • Categor铆as
  • Bloque聽Gutenberg聽de categor铆as insertado en la p谩gina principal (si se ha habilitado la opci贸n de mostrar entradas destacadas)

Para聽marcar una entrada como destacada, sigue estos pasos:

  1. Entra a la p谩gina de edici贸n de la聽entrada
  2. Pulsa en el聽icono de Wasabi聽situado arriba a la derecha.
  3. Despliega las opciones de 芦Ajustes de entradas destacadas芦.
  4. Habilita la opci贸n de 芦Destacada
  5. Ahora puedes opcionalmente cambiar el anchor del enlace hacia la entrada desde los diferentes sitios donde se mostrar谩 como destacada.
  6. Guarda聽la entrada para persistir los cambios.

En algunos proyectos es posible que se necesite jerarquizar contenido utilizando p谩ginas categorizadas o etiquetadas. Esto no es algo que WordPress permita por defecto, pero聽Wasabi ofrece una funcionalidad para permitirlo聽haciendo tan solo unos pocos clics, solo tienes que:

  1. Ir a los ajustes de Wasabi Theme
  2. Ajustes de SEO
  3. Ajustes de Arquitectura de la inforci贸n
  4. Habilitar 芦A帽adir categor铆as y etiquetas a p谩ginas禄

驴En qu茅 afecta este cambio?

Con esa opci贸n habilitada, permitiremos el uso de categor铆as tanto para entradas como para p谩ginas. Puedes:

  • Crear categor铆as con contenido mixto (entradas y p谩ginas).
  • Crear categor铆as solo con p谩ginas
  • Crear categor铆as solo con entradas
  • Crear etiquetas con contenido mixto (entradas y p谩ginas).
  • Crear etiquetas solo con p谩ginas
  • Crear etiquetas solo con entradas

Observaremos los siguientes cambios:

Aparece submen煤 de categor铆as y etiquetas dentro de p谩ginas

Aparece el selector de categor铆as y etiquetas dentro del editor de p谩ginas

Las p谩ginas se listan en la p谩gina de categor铆a y la de etiqueta

Tanto si se ha marcado como destacada como si no.

Aparece en el men煤 secundario (si hemos marcado la opci贸n de men煤聽secundario autogenerado)

Aparecer谩 en los bloques cuadr铆cula de categor铆as

Solo aparecer谩 en estos bloques si habilitamos en dichos bloques la opci贸n para mostrar entradas destacadas. Tambi茅n se requerir谩 (l贸gicamente) marcar la p谩gina como estacada en el editor de p谩ginas.

El sistema de migas de Wasabi no funciona con jerarqu铆as de p谩ginas madre > hija. Funciona con jerarqu铆a de categor铆a > p谩gina (habilitando la opci贸n de 芦SEO > Arquitectura de la informaci贸n > A帽adir categor铆as y etiquetas a p谩ginas禄 para luego categorizar cada p谩gina).

En ese momento, en las migas de pan de la p谩gina se mostrar铆a Home > Categor铆a > P谩gina, pero no se mostrar铆a una jerarqu铆a de p谩ginas madre y p谩ginas hija.

Si quieres generar las migas con jerarqu铆a de p谩ginas (sin categor铆as), tienes que habilitar estas tres opciones:

Con la 煤ltima opci贸n activa, las migas se generar谩n y se gestionar谩n desde Rank Math o Yoast, los cuales s铆 ofrecen esa posibilidad.

Para enlazar desde la p谩gina madre hacia las p谩ginas hijas, tendr谩s que insertar bloques cl煤ster en la p谩gina madre.

La opci贸n para seleccionar la categor铆a principal de WordPress siempre la proporciona el plugin de SEO (Yoast, Rank Math, etc.).

Revisa que tienes instalado y activo alguno de los plugins anteriores.

No es ning煤n error, ya que el problema est谩 en el sistema de detecci贸n de enlaces internos de Yoast SEO.

El sistema de detecci贸n de enlaces de Yoast SEO detecta los enlaces internos buscando texto dentro del contenido de la entrada. Si detecta algo con forma de URL (https:// – http://, etc.), lo cuenta como enlace.

Esto hace que el proceso de detecci贸n sea muy r谩pido, pero tambi茅n impreciso en el caso de bloques Gutenberg o shortcodes donde el enlace no est谩 tal cual en el contenido de la entrada, sino que se genera de forma din谩mica por PHP.

Si cambias a modo c贸digo en el editor de la entrada, ver谩s que el bloque cluster escribe las URLs en el contenido, sino que mantiene referencias al ID de la entrada o p谩gina a enlazar desde el cluster (en el caso de selecci贸n manual), a categor铆as o etiquetas (en el caso de cluster de categor铆a o etiquetas) o no tiene ninguna referencia (en el caso de cluster de entradas recientes).

Es por eso que Yoast no detecta los enlaces.

Lo ideal ser铆a que Yoast renderizase la p谩gina para obtener el HTML final y usase ese HTML para buscar las URL, no antes. Est谩 un poco verde en ese aspecto, pero yo creo (o por lo menos lo espero) que en el futuro har谩n eso.

Si quieres ir a lo seguro, te recomendamos instalar Screaming Frog y estudiar el enlazado interno ah铆, ya que Screaming Frog s铆 que analiza el HTML final generado, incluso si el contenido se generara por JavaScript, podr铆as configurar Screaming Frog para que ejecutara el JavaScript de la p谩gina (aunque es m谩s lento).

Si el error es algo parecido a:

  • Debe especificarse 芦offers禄, 芦review禄 o 芦aggregateRating禄
  • Falta el campo 芦brand禄
  • Falta el campo 芦sku禄
  • Falta el campo 芦name禄
  • Falta el nombre del elemento rese帽ado

Entonces el error lo est谩 generando el plugin YASR (el de las estrellitas).

Te recomendamos que te pongas en contacto con su soporte o que pruebes cambiando sus ajustes. Aqu铆 explican m谩s sobre el marcado estructurado de datos que a帽ade dicho plugin.

Una vez hayas cambiado la configuraci贸n del plugin (o deshabilitado el mismo), puedes validar la correcci贸n aqu铆. Recuerda borrar la cach茅 (si usas alg煤n plugin de cach茅) antes de validar los cambios.

馃搱 Anal铆tica web

Inserta el ID de seguimiento de Analytics en Anal铆tica web > Google Analytics > Analytics ID

Solo tienes que escribir el ID, no todo el c贸digo. Wasabi Theme se encargar谩 de generar el c贸digo optimizado de carga.

Inserta el ID de seguimiento de Analytics en Anal铆tica web > Google Tag Manager > AGTM ID

Solo tienes que escribir el ID (ejemplo: GTM-XXXXXXX), no todo el c贸digo. Wasabi Theme se encargar谩 de generar el c贸digo optimizado de carga.

Inserta el ID de seguimiento de Analytics en Anal铆tica web > Yandex.Metrica > Tag ID

Solo tienes que escribir el ID, no todo el c贸digo. Wasabi Theme se encargar谩 de generar el c贸digo optimizado de carga.

馃捀 Publicidad y anuncios

Puedes insertar anuncios en Monetizaci贸n: Anuncios > Lista de anuncios

Una vez ah铆, completa el campo de texto con el c贸digo del anuncio que quieras insertar.

Para a帽adir dicho anuncio autom谩ticamente en entradas, p谩ginas, categor铆as, etiquetas o resultados de b煤squeda, puedes marcar el checkbox correspondiente y seleccionar la situaci贸n donde quieres que se a帽ada el anuncio.

Si quieres tener control manual sobre la situaci贸n del anuncio, podr谩s:

  • Usar el聽shortcode [wasabi_ad ad_id=1] cualquier editor de la web (categor铆as, etiquetas, entradas, p谩ginas, etc.). El n煤mero 1 lo debes sustituir por el n煤mero de anuncio configurado previamente en el personalizador.
  • Usar el Bloque de Anuncio de Wasabi: este es el m茅todo recomendado si quieres insertar manualmente el anuncio en una entrada o una p谩gina.

Las opciones de anuncios autom谩ticos insertan el fragmento de c贸digo que permite usar los anuncios autom谩ticos de Google AdSense.

Puedes habilitar los anuncios autom谩ticos de Google AdSense en Monetizaci贸n: Anuncios > Google AdSense.

Ah铆 tendr谩s que a帽adir el ID de AdSense (ejemplo: pub-1234567891234567) y seleccionar en qu茅 tipo de p谩ginas quieres que se muestren.

馃摝 Productos y APIs de afiliaci贸n

Wasabi permite crear webs de afiliaci贸n usando sus bloques Gutenberg. Todos ellos se pueden usar sin API para monetizar con casi cualquier programa de afiliaci贸n, pero hay dos que se pueden integrar con APIs externas:

  • Bloque de producto
  • Bloque de comparativa de productos
  • Bloque de listas de productos best seller

驴Qu茅 obtenemos con esta integraci贸n?

Al integrar Wasabi con las APIs de afiliados, lo que conseguimos es obtener autom谩ticamente ciertos datos como el precio o el nombre del producto.

Igualmente, aunque usemos la integraci贸n con APIs, cualquier dato que definamos manualmente en los bloques no se sobrescribir谩, ya que la introducci贸n manual tendr谩 prioridad sobre los datos que lleguen de la API. Por ejemplo, si escribes el nombre de producto de forma manual, se ver谩 lo que has escrito, no el nombre que hemos obtenido usando la API.

驴Qu茅 programas de afiliados se integran con Wasabi?

驴Qu茅 datos podemos obtener de cada API?

La integraci贸n se hace 100% por API, no se realiza ning煤n proceso de web scraping. 驴Por qu茅? Porque el uso de bots o web scrapers para obtener datos de la mayor铆a de programas de afiliados est谩 prohibido en sus pol铆ticas legales y podr铆a significar desde baneo de IP hasta demanda legal (por ejemplo, puedes ver c贸mo se proh铆be el uso de robots o de herramientas de extracci贸n de datos en las Condiciones de Uso de Amazon).

  • Ventajas: es 100% legal y es mucho m谩s r谩pido que el web scraping.
  • Desventajas: dependemos de los datos que devuelve cada API. Algunas APIs, por ejemplo, no permiten obtener el n煤mero de opiniones o la descripci贸n de un producto. Tambi茅n es posible que los datos que nos ofrece cada API var铆en en el tiempo.

Estos son los datos de producto que podemos obtener de cada API:

NombrePrecio
Descuento
Precio pre-desc.
ImagenURLMarcaDescripci贸nVentajasLogoPrime
AmazonS铆S铆S铆S铆S铆NoS铆S铆S铆
eBayS铆S铆S铆S铆NoNoS铆S铆S铆
AliExpressS铆S铆S铆S铆NoNoNoS铆No

Si muestras los datos de precios (por defecto habilitados), recuerda reducir el tiempo de cach茅 para cumplir con las pol铆ticas de Amazon. Tambi茅n puedes optar por directamente esconderlos en聽Ajustes de Wasabi > Ajustes de bloques Gutenberg > Producto/Comparativa/Productos m谩s vendidos.

Particularidad de AliExpress

El caso de AliExpress es particular, ya que no permite obtener ning煤n dato si el producto no se puede promocionar. Este producto, por ejemplo, no devolver铆a ning煤n dato (ni nombre, ni URL, ni imagen, etc.):

S铆, no hay problema.聽Todas las opciones y bloques de Wasabi Theme son configurables sin API. La 煤nica diferencia es que tendr铆as que rellenar los campos manualmente.

驴Qu茅 pasa si consigues acceso a la API en un futuro?聽Nada, ya tienes el trabajo hecho.聽Simplemente configurar铆as la API y ya est谩 se realizar铆a la integraci贸n, no se sobrescribir铆a ning煤n campo que hayas definido previamente de forma manual.

Ahora mismo hay dos opciones:

  1. Crear una instalaci贸n WordPress multisitio.
  2. Instalar el plugin de traducci贸n WPML.

En ambos casos podr谩s:

  • Crear contenido optimizado para los compradores de cada pa铆s (no en todos los sitios se usa el mismo lenguaje ni se compran los mismos productos)
  • Configurar el ID de Amazon correspondiente al pa铆s en concreto, para que se generen los enlaces afiliados correctos.

C贸mo configurar el ID de afiliado (affiliate tag) y el pa铆s de Amazon con WPML

  1. Entra en WPML > Traducci贸n de cadenas > Traducci贸n de textos de administraci贸n
  1. Busca la cadena [theme_mods_wasabi]affiliates_amazon_tag y cambia su valor por el tag correspondiente
  2. Busca la cadena [theme_mods_wasabi]affiliates_amazon_country y cambia su valor por el pa铆s correspondiente. Los valores pueden ser: es us de au br ca fr in it ja mx tr ae gb nl pl se

En este tutorial oficial WPML puedes ver c贸mo se hace paso a paso.

Puedes cambiar el color de los CTA desde Apariencia > CTA.

Puedes cambiar el color de fondo del t铆tulo de productos desde Apariencia > Encabezados > Color de fondo de H2 (usa el mismo estilo que los H2 para tener coherencia visual en el dise帽o).

Puedes ver c贸mo se obtiene acceso a la API leyendo nuestra gu铆a paso a paso: C贸mo obtener y configurar la API de Amazon Afiliados (Product Advertising)

Puedes ver c贸mo se obtiene acceso a la API leyendo nuestra gu铆a paso a paso: C贸mo obtener y configurar la API de eBay Afiliados (eBay Partner Network)

Puedes ver c贸mo se obtiene acceso a la API leyendo nuestra gu铆a paso a paso: C贸mo obtener y configurar la API de AliExpress Afiliados (AliExpress Open Platform)

La cach茅 de productos se borra autom谩ticamente cada cierto tiempo para cada producto individual.

Para forzar el borrado de toda la cach茅, tienes que entrar en Cach茅 de productos y pulsar el bot贸n Borrar la cach茅 de productos.

Puede deberse a varios motivos:

  • 驴Has configurado la API correctamente?
  • 驴El ASIN del producto es correcto? 驴Corresponde a un producto que existe?
  • 驴El producto tiene stock?
  • 驴Has habilitado la visualizaci贸n del precio en las opciones de visibilidad del bloque?
  • 驴Hay alg煤n espacio escrito en el precio manual del bloque de producto? Deber铆a estar completamente vac铆o para poder obtener el precio desde la API.

Es posible que Amazon est茅 aplicando limitaciones de uso a su API por poco volumen de ventas. Te recomendamos leer este art铆culo donde lo explicamos con detalle.

Este error puede aparecer por varios motivos, los indicamos uno por uno aqu铆.

Si acabas de crear la API key, tendr谩s que esperar hasta 72 horas antes de empezar a utilizarla.

Seg煤n John Mueller de Google, el contenido patrocinado se deber铆a marcar como sponsored, aunque tambi茅n deber铆a servir nofollow (esta es la opci贸n m谩s extendida y probada).

Puedes cambiar entre dofollow, nofollow y sponsored en Monetizaci贸n: Afiliaci贸n > Ajustes de enlaces > Tipo de enlace para los enlaces de afiliado.

La primera y m谩s evidente:聽AAWP es un plugin y Wasabi Theme es una plantilla. Para montar una web necesitas una plantilla. Con Wasabi Theme lo tienes todo.

  • Funciona con y sin API: Wasabi Theme permite crear webs con y sin API o incluso mixtas.
  • Con Wasabi Theme no necesitas m谩s plugins para tener una web monetizada y optimizada.
  • Publicas mucho m谩s r谩pido que con AAWP: se integra de forma nativa con el editor de Gutenberg para que la publicaci贸n sea totalmente visual y 谩gil, sin shortcodes ni c贸digos, logrando que la velocidad de publicaci贸n sea mucho mejor que publicando con AAWP.
  • Te permite delegar la publicaci贸n de los art铆culos en personas menos t茅cnicas.
  • Incluye tablas comparativas autom谩ticas y 100% desatendidas: se generan autom谩ticamente聽en base a los productos que contenga el post.
  • Se integra con otros programas de afiliados, como el de AliExpress, eBay o Amazon.

鈿栵笍 Tablas comparativas de productos

Las tablas comparativas de Wasabi Theme se generan de forma autom谩tica seg煤n el contenido de los productos que se hayan insertado en el post.

Para usarlas solo tienes que hacer 2 cosas:

  1. A帽adir productos al post usando el bloque de productos de Wasabi.
  2. A帽adir el bloque de tabla comparativa y configurar los estilos a tu gusto, as铆 como los CTA, las insignias, etc.

Si quieres definir una configuraci贸n para todos los bloques de tablas comparativas nuevos y as铆 evitarte tener que configurar cada una en todos los posts, puedes hacerlo desde Ajustes de Gutenberg > Comparativa de productos

Para que el contenido de pros y de contras no redunde entre la tabla comparativa y los bloques de producto, se debe configurar un delimitador. Escribir铆amos la frase en el bloque de producto usando un delimitador y, lo que se encuentra la izquierda del delimitador aparecer谩 en la tabla de comparativa y, la frase entera, en la ficha de producto.

Ejemplo: si en un 芦Pro禄 de un producto escribo 芦Buen precio: El precio destaca sobre la media del mercado禄, en la tabla aparecer铆a 芦Buen precio禄 y en el producto aparecer铆a toda la frase.
驴C贸mo se hace?
  1. Haz clic en el bloque de tabla comparativa para abrir las opciones del bloque
  2. Configura el delimitador
  3. Escribe el pro o contra usando dicho delimitador.

Las tablas comparativas de Wasabi Theme est谩n pensadas para que se actualicen autom谩ticamente con los productos, no permiten personalizaci贸n de contenido para facilitar el mantenimiento y reducir el tiempo de publicaci贸n (ya que no tendr铆as que actualizar producto y tabla, solo har铆a falta actualizar el producto). Es por esto que el contenido que muestran es el contenido que se resume de los propios productos.

Estamos trabajando en una funcionalidad que permitir谩 a帽adir manualmente caracter铆sticas a cada producto para que estas se muestren en la tabla comparativa. Por el聽momento, lo que est谩n haciendo algunos clientes para聽publicar r谩pidamente y sin desperdiciar recursos consiste en crear 谩gilmente los posts usando las tablas comparativas autom谩ticas de Wasabi para luego, si alg煤n post destaca en visitas, a帽adir tablas personalizadas de AAWP para intentar mejorar la conversi贸n (Wasabi y AAWP son totalmente compatibles).

El bloque de tabla comparativa est谩 pensado para ser lo m谩s autom谩tico y desatendido posible y, para ello, se nutre de los datos de los propios productos de una entrada sin requerir acci贸n por parte del usuario.

Esto nos imposibilita crear dos tablas comparativas, ya que ambas mostrar铆an los mismos productos. Una soluci贸n a este problema ser铆a la siguiente:

  1. A帽adir en la entrada todos los bloques de producto que necesitemos (de la primera y la segunda tabla comparativa).
  2. A帽adir las dos tablas comparativas en la posici贸n que queramos dentro del post. No te alarmes si en ambas aparecen los mismos productos, lo solucionaremos en el punto 3. Se recomienda usar la tabla comparativa 1 porque simplifica el proceso.
  3. A帽adimos un bloque Gutenberg llamado HTML personalizado y, dentro de dicho bloque, a帽adimos el c贸digo CSS necesario para esconder los productos concretos de cada tabla comparativa. Ejemplos:

Para el estilo 1 de tablas comparativas

<style>
.comparison-style-1:nth-of-type(1) tbody tr:nth-child(1) {
	display: none!important;
}

.comparison-style-1:nth-of-type(1) tbody tr:nth-child(2) {
	display: none!important;
}

.comparison-style-1:nth-of-type(2) tbody tr:nth-child(3) {
	display: none!important;
}

.comparison-style-1:nth-of-type(2) tbody tr:nth-child(4) {
	display: none!important;
}
</style>

驴Qu茅 hace el c贸digo anterior?

  • .comparison-style-1:nth-of-type(1) 鉃 Selecciona la primera tabla comparativa con estilo 1. Aqu铆 tendr谩s que cambiar el (1) por la tabla que quieras modificar. Si es la segunda, pondr铆as (2)
  • tbody tr:nth-child(1) 鉃 Selecciona la primera fila de la tabla. Si quisieramos seleccionar la tercera, cambiar铆amos (1) por (3)
  • display: none!important; 鉃 Esconde el contenido seleccionado.

Agrup谩ndolo todo, podr铆amos decir que el siguiente c贸digo lo que hace es 芦esconder la primera fila de la primera tabla comparativa con estilo 1禄.

.comparison-style-1:nth-of-type(1) tbody tr:nth-child(1) {
	display: none!important;
}

Para el estilo 2 de tablas comparativas

En este estilo se complica un poco m谩s, ya que tienes que calcular el tama帽o en % de cada columna. Te lo explicamos con c贸digo:

<style>
.comparison-style-2:nth-of-type(1) .item-0 {
	display: none!important;
}

.comparison-style-2:nth-of-type(1) .item-1 {
	display: none!important;
}
</style>

驴Qu茅 hace el c贸digo anterior?

  • .comparison-style-2:nth-of-type(1) 鉃 Selecciona la primera tabla comparativa con estilo 2. Aqu铆 tendr谩s que cambiar el (1) por la tabla que quieras modificar. Si es la segunda, pondr铆as (2)
  • .item-0 鉃 Selecciona la primera columna de la tabla. Si quisieramos seleccionar la tercera, cambiar铆amos (0) por (2). Como has visto, tienes que restarle 1 al n煤mero de la columna que quieras referenciar.
  • display: none!important; 鉃 Esconde el contenido seleccionado.
  • width: 50%!important; 鉃 驴Cu谩ntas columnas han quedado visibles? Divide 100/n煤mero_columnas_visibles y cambia la cifra en consonancia. Si han quedado dos columnas visibles, entonces 100/2 = 50. Si quedan 3, entonces 100/3 = 33 (aprox.). Si quedan 4, entonces 100/40 = 20, etc.
  • El trozo de @media screen and (max-width: 667px) d茅jalo tal cual, es necesario para que funcione el responsive.

Agrup谩ndolo todo, podr铆amos decir que el siguiente c贸digo lo que hace es 芦esconder la primera columna de la primera tabla comparativa con estilo 2禄.

Resultado: dos tablas con diferentes productos en una misma entrada:

Y as铆 se ver铆a el editor:

Cambiar el color de los botones CTA

Puedes cambiar el color de los botones CTA desde Apariencia > CTA.

Cambiar el color de las insignias de producto destacado

Tambi茅n puedes cambiar el color de las insignias destacadas en los ajustes del producto, en la secci贸n 芦ajustes de tabla comparativa禄 o haciendo click en el link 芦驴Destacar?禄 que aparece encima del nombre de producto en el editor de la tabla comparativa:

Puedes hacerlo desde las opciones del bloque:

El bloque de tabla comparativa est谩 pensado para ser lo m谩s autom谩tico y desatendido posible y, para ello, se nutre de los datos de los propios productos de una entrada sin requerir acci贸n por parte del usuario. Es por este motivo que necesitas a帽adir productos para que la tabla comparativa los pueda usar.

Si quieres esconder los productos individuales pero que s铆 se muestren en la tabla comparativa, tienes que hacer lo siguiente:

  1. A帽adir en la entrada todos los bloques de producto que necesites.
  2. A帽adir las tabla comparativa en la posici贸n que quieras dentro del post.
  3. A帽adir un bloque Gutenberg llamado HTML personalizado y, dentro de dicho bloque, a帽adir el c贸digo CSS necesario para esconder todos los productos que no est茅n dentro de una tabla comparativa:
<style>
.product.js-product {
	display: none!important;
}
</style>

La API de Amazon no devuelve datos relativos a reviews (opiniones y estrellas). Algunos plugins (como AAWP) lo que hacen para obtener esos datos es escrapear Amazon. El uso de bots o web scrapers para obtener datos de Amazon est谩 prohibido en sus pol铆ticas legales y podr铆a significar desde baneo de API hasta demanda legal: Condiciones de Uso de Amazon

Wasabi funciona 100% con la API, no hace web scraping para minimizar el riesgo legal al que se exponen sus clientes.

馃敆 Cl煤sters

Si quieres aplicar el cambio a todos los bloques cl煤ster de la web, tienes que a帽adir este c贸digo en Apariencia > CSS personalizado:

.cluster .thumb {
    display: none;
}

Si solo quieres aplicar los cambios en un 煤nico cl煤ster, estamos trabajando en una funcionalidad que lo permita. Saldr谩 en junio de 2022.

El cl煤ster muestra las im谩genes destacadas de las entradas o p谩ginas. Por tanto, para que se muestren en el mismo, tienes que asignar una imagen destacada cuando edites la entrada o p谩gina:

Wasabi Theme permite la creaci贸n de grids o cuadr铆culas de categor铆as (algunos usuarios lo llaman cluster de categor铆as). Para hacerlo, solo tienes que:

  1. Crear o editar una entrada o p谩gina
  2. Insertar un bloque Gutenberg de Wasabi llamado 芦Cuadr铆cula de categor铆as禄

Opciones:

Seleccionando el bloque y abriendo los ajustes en la barra lateral del editor de entradas o p谩ginas, podr铆as observar los ajustes del bloque de cuadr铆cula de categor铆as:

驴Qu茅 quiere decir cada ajuste?

  • Incluir entradas destacadas:聽lista debajo del t铆tulo de la categor铆a las entradas marcadas como destacadas.
  • Excluir subcategor铆as:聽si marcamos esta opci贸n, no se listar谩n las categor铆as que cuelguen (subcategor铆as) de la categor铆a principal de la entrada o p谩gina donde hayamos insertado el bloque.
  • Mostrar s贸lo categor铆as hermanas: marcando esta opci贸n, solo mostraremos las categor铆as hermanas de la categor铆a principal de la entrada o p谩gina donde hayamos insertado el bloque. Una categor铆a hermana es una categor铆a que est谩 al mismo nivel (es decir, que comparte categor铆a madre o superior) con la categor铆a principal de la entrada o p谩gina que contiene el bloque.
  • Mostrar s贸lo subcategor铆as: si marcamos esta opci贸n, listaremos 煤nica y exclusivamente las categor铆as que cuelguen (subcategor铆as) de la categor铆a principal de la entrada o p谩gina donde hayamos insertado el bloque.
  • Criterio de ordenaci贸n:聽cambia el criterio por el que se ordenan las categor铆as dentro de la cuadr铆cula.
  • Direcci贸n de ordenaci贸n:聽cambia el orden ascendente o descendente de la ordenaci贸n.

Ejemplo:

En la imagen anterior se ilustra un ejempo de jerarqu铆a de categor铆as y entradas de un sitio. Si a帽adimos el bloque de cuadr铆cula de categor铆as en la 芦Entrada 1禄:

  • La categor铆a principal es la 芦Categor铆a 1禄
  • Las subcategor铆as son 芦Categor铆a 4禄, 芦Categor铆a 5禄 y 芦Categor铆a 6禄
  • Las categor铆as hermanas son: 芦Categor铆a 2禄 y 芦Categor铆a 3禄, porque est谩n en el mismo nivel que la categor铆a principal.

Por defecto, el bloque mostrar谩 todas las categor铆as, desde la 1 hasta la 6:

  • Si marcamos 芦Excluir subcategor铆as禄, solo se listar谩n 1, 2 y 3.
  • Si marcamos 芦Mostrar s贸lo categor铆as hermanas禄, solo se listar谩n 2 y 3.
  • Si marcamos 芦Mostrar s贸lo subcategor铆as禄, solo se listar谩n 4, 5 y 6.

Las tres opciones son combinables, pero no tendr铆a sentido marcar 芦Excluir subcategor铆as禄 y 芦Mostrar s贸lo subcategor铆as禄, ya que no se mostrar铆a nada.

C贸mo excluir categor铆as concretas

Para hacer que una categor铆a concreta no aparezca en el bloque, tienes que:

  1. Entrar a la p谩gina de edici贸n de la categor铆a
  2. Marcar la casilla de 芦Exclude from categories grid block禄 o 芦Excluir del bloque de cuadr铆cula de categor铆as禄.
  3. Guardar los cambios.

V铆deo explicativo

No muestra todas las opciones, ya que corresponde a una versi贸n muy antigua.

  1. Instala y activa un child theme de Wasabi Theme
  2. A帽ade este c贸digo en el fichero functions.php del child theme
add_filter('wasabi_categories_grid_featured_posts_query_args', function (array $args) {
    $args['order'] = 'ASC'; // Tambi茅n puede ser DESC
    $args['orderby'] = 'ID'; // Tambi茅n puede ser date, name, author, ID, comment_count y m谩s: https://developer.wordpress.org/reference/classes/wp_query/#order-orderby-parameters

    return $args;
});

Si al seleccionar entradas o p谩ginas en un cl煤ster aparece el error 芦Ha fallado la actualizaci贸n. La respuesta no es una respuesta JSON v谩lida禄, es muy probable que est茅 fallando la conexi贸n con la propia API nativa de WordPress, ya que es la que Wasabi Theme usa para obtener el listado entradas o p谩ginas disponibles para su selecci贸n.

驴C贸mo se soluciona?

  • Entra en Ajustes > Enlaces permanentes
  • Sin cambiar nada, pulsa en Guardar cambios
  • 驴Ya funciona?
  • Si sigue sin funcionar, te recomendamos contactar con tu hosting para descartar que el firewall est茅 bloqueando peticiones a la API Rest de WordPress.

El cl煤ster solo muestra enlaces a p谩ginas y entradas p煤blicas y publicadas.

Revisa que no est茅s intentando buscar borradores o entradas privadas.

馃搵 Tabla de contenidos

Wasabi ofrece el bloque 芦Columna y tabla de contenidos禄, el cual genera una tabla de contenidos con todo lo que se encuentre dentro de dicho bloque. Por ejemplo, esta configuraci贸n:

Generar铆a este resultado:

Genera t铆tulos para H2 y H3.

Puedes usar la tabla con cualquier tipo de contenido, no hace falta que incluya productos. Aqu铆 puedes ver un ejemplo de post con tabla de contenidos SIN productos de afiliaci贸n: https://wasabitheme.com/es/blog/como-buscar-nichos-rentables-amazon/

Para usos m谩s personalizados, de momento recomendamos usar el plugin聽Easy Table of Contents, ya que est谩 mucho m谩s actualizado y es mucho m谩s r谩pido que el resto (Table of Contents Plus TOC+, LuckyWP聽Table of Contents, etc.).

Este problema no tiene nada que ver con Wasabi Theme, pero vamos a explicar c贸mo solucionarlo porque es una duda recurrente.

Si has configurado un plugin externo de tabla de contenidos (como TOC+, Easy Table of Contents o LuckyWP Table of Contents) para que inserte autom谩ticamente la tabla de contenidos antes o despu茅s del primer encabezado, has de saber que este la insertar谩, sin distinci贸n, antes o despu茅s del primer encabezado. Le es indiferente d贸nde est茅 este. Puede ser un H2 simple a lo largo del texto o puede ser un H3 situado en el sitio menos deseado.

Un ejemplo podr铆a ser el H3 que genera el bloque 芦Cuadr铆cula de entradas de categor铆a禄 del plugin Ultimate Addons for Gutenberg. Este genera una cuadr铆cula de entradas, cada una con su nombre, imagen destacada, descripci贸n, etc. Ese nombre es un H3, por tanto cuenta como primer H3 al insertar la tabla comparativa, aunque est茅 dentro de una cuadr铆cula.

Hay 4 soluciones:

  1. Poner el primer encabezado antes del elemento afectado, para que la tabla lo pueda considera como 芦el primero禄.
  2. Si el bloque afectado permite cambiar las etiquetas de los t铆culos de H3 a p o span, c谩mbiala. As铆 la tabla de contenidos no lo considerar谩 cuando busque 芦el primer encabezado禄. Ejemplo para el bloque 芦Cuadr铆cula de entradas de categor铆a禄 del 芦plugin Ultimate Addons for Gutenberg禄:
  1. Contactar con el soporte t茅cnico de los plugins implicados para que puedan solucionar el problema con desarrollo. Esta es la m谩s lenta y menos efectiva.
  2. Si usas el plugin Table Of Contents Plus (TOC+), te recomiendo cambiar a Easy Table of Contents y en las opciones del post en concreto, habilitar solo el H2, as铆 no considerar谩 los H3, H4 afectados. Tambi茅n lo puedes hacer de forma global en ambos plugins.

馃帹 Dise帽o y personalizaci贸n

Wasabi Theme est谩 traducido completamente al ingl茅s y al espa帽ol, pero puede usarse en cualquier idioma, ya que est谩 preparada para funcionar con archivos de traducci贸n personalizados. Tan solo tendr铆as que traducir las cadenas de la plantilla siguiendo las instrucciones del siguiente apartado de la documentaci贸n: c贸mo traducir Wasabi Theme.

Es totalmente compatible con plugins de WordPress para crear sitios multilenguaje. Recomendamos usar el plugin WPML.

Si quieres geolocalizar los enlaces de afiliado, puedes hacerlo de varias formas. Aqu铆 las explicamos todas.

Wasabi Theme est谩 traducido completamente al ingl茅s y al espa帽ol.

Si el idioma de tu web no pertenece a los anteriores, o si quieres modificar alguna cadena de texto, sigue las siguientes instrucciones para actualizar o crear nuevas traducciones. Todas las cadenas son editables, algunas se puede editar incluso desde el propio panel de ajustes del theme.

Antes de seguir, aseg煤rate de haber seleccionado el idioma correcto en la pantalla de Ajustes --> General:

M茅todo 1: usando Poedit

La plantilla incluye ficheros .po y .mo (por ejemplo, es_ES.po y es_ES.mo) para las traducciones compiladas y un fichero wasabi.pot que incluye las cadenas de texto originales. Estos ficheros se encuentran en la carpeta 芦languages禄.

1. Para empezar, lo que tienes que hacer es copiar el fichero wasabi.pot de la carpeta wp-content/themes/wasabi/languages/ a tu PC.

2. Instala Poedit y carga este fichero desde el men煤 de Archivo --> Nueva desde archivo POT/PO.

3. Haz click en Crear traducci贸n nueva y selecciona el idioma al que vas a traducir Wasabi.

4. Traduce cada cadena en la secci贸n de traducci贸n.

5. Guarda el fichero .po con las traducciones creadas y compila en fichero .mo desde el men煤 de Archivo. Es muy importante que el nombre de ambos ficheros empiece por wasabi y siga con los nombres aceptados por WordPress (revisar en el enlace anterior la columna WP Locale. Ejemplo: wasabi-es_ES.po y wasabi-es_ES.mo).

6. Sube estos ficheros a tu servidor (por FTP u otro m茅todo) en la carpeta wp-content/languages/themes.

Te recomendamos consultar los siguientes recursos donde explican paso a paso c贸mo traducir/cambiar cadenas sin plugins:

M茅todo 2: con plugins

Este m茅todo es m谩s sencillo, aunque implica instalar m谩s plugins en nuestra web. Algunos plugins que hemos probado para traducir Wasabi son:

Cada plugin tiene su propio funcionamiento, por lo que recomendamos revisar las instrucciones y la documentaci贸n del que se vaya a utilizar.

Cuando se usan plugins, la principal duda que nos plantean los usuarios es: 驴d贸nde encuentro las cadenas que tengo que traducir? Simplemente tienes que abrir en cualquier editor de textos (el Nodepad, por ejemplo) el fichero wasabi.pot que hemos comentado en el M茅todo 1, ah铆 podr谩s ver cada una de las cadenas traducibles de Wasabi.

Casos especiales

Hay algunas cadenas que son traducibles, pero que se pueden sobrescribir desde el propio panel de ajustes de Wasabi o incluso desde las p谩ginas de edici贸n de entradas o categor铆as. Vamos a poner un ejemplo t铆pico:

El texto de encabezado de las entradas recientes y de las entradas destacadas que aparecen en las p谩ginas de categor铆a se puede encontrar en el fichero wasabi.pot como FEATURED POSTS y RECENT POSTS, respectivamente.

驴Por qu茅 algunas veces lo editamos en la traducci贸n pero no se ven los cambios? Porque dicho texto se puede editar desde el panel de ajustes de Wasabi y desde la p谩gina de edici贸n de categor铆a.

La prioridad es la siguiente: Campos de la propia categor铆a > Ajustes de Wasabi > Ficheros de traducci贸n

Campos de la propia categor铆a

Ajustes de Wasabi

驴C贸mo puedes traducir entonces las categor铆as? Editando聽directamente el texto en la p谩gina de edici贸n de categor铆as si usas alg煤n plugin como WPML o, si quieres un ajuste global, puedes dejar vac铆o este texto y el de la p谩gina de ajustes de Wasabi para que muestre la traducci贸n creada usando el m茅todo 1 o el m茅todo 2 explicados en los apartados anteriores.

Puedes a帽adir un contenedor con fondo blanco a una entrada siguiendo estos pasos:

  1. Entrar en la聽p谩gina de edici贸n聽de la entrada o de la p谩gina.
  2. Pulsar en el聽icono de Wasabi聽situado arriba a la derecha.
  3. Desplegar las opciones de 芦Ajustes de dise帽o芦.
  4. Habilitar 芦Fondo blanco禄: permite cambiar el tono gris por el blanco en el fondo de la entrada o p谩gina.

Si solo quieres ensanchar un bloque en concreto, hay algunos que lo permiten, como el de imagen o fondo nativos de Gutenberg, cambiando la alineaci贸n a Ancho completo:

Si necesitas crear dise帽os m谩s complejos, tendr谩s que utilizar alg煤n page builder (como Elementor) o bloques Gutenberg para crear im谩genes hero a tama帽o completo, columnas, etc.

Para hacer que el contenedor principal de la p谩gina se estire al tama帽o completo, tienes que seleccionar esta la plantilla 芦P谩gina de anchor completo禄 en el men煤 lateral en la edici贸n de p谩gina:

Tambi茅n es posible que quieras quitar el encabezado H1 para insertar el tuyo propio con el page builder o con bloques de Gutenberg. Para ello, selecciona esta opci贸n:

En este punto ya no tienes ninguna restricci贸n para construir tu dise帽o personalizado en la p谩gina: el contenido ocupar谩 el ancho completo y podr谩s crear columnas con el ancho que quieras o a ancho completo con Gutenberg (recomendamos usar el bloque Columnas de Ultimate Addons for Gutenberg) o con page builders como Elementor.

El mega-men煤 de Wasabi Theme es autom谩tico y se crea en base a categor铆as y entradas destacadas.

Para habilitarlo y configurarlo, tienes que:

  1. Personalizar las categor铆as: https://youtu.be/fDYFrbtJatY?t=476
  2. Marcar algunas entradas como destacadas: https://youtu.be/fDYFrbtJatY?t=615
  3. Activar el men煤 secundario autogenerado: https://youtu.be/fDYFrbtJatY?t=772

Para crear una home est谩tica, sigue los siguientes pasos:

  1. Crea una p谩gina聽y entra en el editor de WordPress para modificarla.
  2. Escribe el聽t铆tulo de la p谩gina聽y el聽texto聽que consideres.
  3. Recomendamos a帽adir un bloque de categor铆as y un cluster de entradas recientes para conseguir una apariencia m谩s profesional.
  4. Elige la plantilla 芦Landing con un formulario de b煤squeda禄 en los atributos de la p谩gina.
  5. Guarda聽la p谩gina.
  6. En el men煤 de WordPress, haz clic en聽Ajustes聽鈫捖燣ectura
  7. Selecciona 芦Una p谩gina est谩tica禄 y elige como portada la p谩gina anteriormente creada.
  8. Extra聽– Cambiar la imagen de fondo del buscador: edita la p谩gina y establece una imagen destacada.

Actualmente聽permite la inclusi贸n de texto聽antes del listado de art铆culos destacados y texto al final del listado de art铆culos recientes. Tambi茅n permite asignar una聽imagen聽de fondo para el buscador y un icono para identificar la categor铆a. Tambi茅n puedes cambiar el t铆tulo de las entradas destacadas y recientes, as铆 como el estilo del c煤ster de ambos tipos de entradas.

Para personalizar categor铆as, debes:

  • Editar聽la categor铆a
  • Completar el campo 芦Descripci贸n芦: ser谩 el texto previo al listado de art铆culos destacados, si los hay. En caso contrario, aparecer铆a antes del listado de art铆culos recientes).
  • Completar el campo 芦Descripci贸n larga芦: ser谩 el texto que aparecer谩 al final de la p谩gina de categor铆a.
  • Elegir un 芦Icono芦: aparecer谩 tanto en el h1 de la categor铆a como en el bloque Gutenberg de categor铆as. Tambi茅n aparecer谩 en el men煤 principal si no se ha seleccionado un men煤 por defecto.
  • Elegir una 芦Imagen superior芦: esta ser谩 la imagen de fondo para el buscador situado al inicio de la p谩gina de categor铆a.

Para cambiar el n煤mero de entradas recientes listadas:

  1. Navega en el men煤 lateral de WordPress hacia聽Ajustes聽鈫捖Lectura
  2. Cambia el 芦N煤mero m谩ximo de entradas a mostrar en el sitio

Puedes cambiar el color de todos los encabezados h1, h2 (tambi茅n puedes cambiar o deshabilitar el fondo) y h3 en las opciones de apariencia de Wasabi Theme:

Si quieres cambiar el color de un encabezado en particular dentro de una entrada o p谩gina, tienes que usar el editor propio de Gutenberg. 驴C贸mo?

  1. Has click en el encabezado correspondiente
  2. Ve a los ajustes del bloque en la barra lateral de edici贸n
  3. Elige los colores que quieras para el texto y el fondo del encabezado en la secci贸n de 芦Ajustes de color禄

Si quieres que el h2 salga centrado despu茅s de cambiar el color usando el editor Gutenberg, tendr谩s que desmarcar la casilla de 芦Habilitar el fondo de H2禄 en los ajustes de apariencia de Wasabi (secci贸n 芦Encabezados禄).

En encabezados

Puedes cambiar el tama帽o de la letra de los encabezados H2, H3, etc. en Apariencia -> Encabezados.

En el texto global

Si lo que quieres es cambiar el tama帽o de la letra global, puedes hacerlo el a帽adiendo este c贸digo en Apariencia -> CSS personalizado

body {
聽 聽 font-size: 17px;
}

El tama帽o del que parte Wasabi Theme es 17px. Solo tendras que cambiar ese valor en el c贸digo anterior para ajustar el texto a la medida deseada.

En el men煤 principal del header

A帽ade este c贸digo en Apariencia -> CSS personalizado:

.top-bar .primary-menu>ul>li {
聽 聽 font-size: 1rem;
}

Tan solo tienes que crear un nuevo men煤 en Apariencia > Men煤s y asignarle la zona 芦Men煤 del copyright en footer禄

A帽ade este c贸digo en los Ajustes de Wasabi -> Apariencia -> CSS personalizado. Ajusta el valor 80 al ancho que necesites. Puedes usar otras unidades como px (p铆xeles) o valores porcentuales como 80%.

.main-section.section, main article.section {
    max-width: 80rem;
}

Por defecto, el logo se adapta al tama帽o de la barra superior para que se mantengan las proporciones del dise帽o y no quede mucho espacio en blanco.

Si quieres aumentar el tama帽o del logo salt谩ndote esta restricci贸n se puede saltar marcando esta opci贸n (disponible a partir la versi贸n 0.33.0):

Ten en cuenta que ahora el logo ocupara todo su tama帽o, por lo que es posible que tengas que recortarlo.

1. Instala un child theme

Lo necesitas porque vamos a editar el fichero functions.php. Con esto, prevenimos la p茅rdida de las modificaciones cuando se actualice Wasabi a una nueva versi贸n.

2. A帽ade estas l铆neas en el fichero functions.php del child theme:

add_filter( 'wasabi_breadcrumbs_enabled', function ( $enabled ) {
	if ( is_home() || is_front_page() ) {
		return false;
	}

	return $enabled;
} );

A帽ade este c贸digo en Apariencia > CSS personalizado:

.category .hero #breadcrumbs {
    display:none;
}

Esta funcionalidad nos permite a帽adir un bot贸n destacado en el men煤:

Para a帽adirlo, solo tienes que seguir estos pasos:

  1. Entra en el panel de administraci贸n
  2. Navega hacia Apariencia –> Men煤s
  3. Haz clic en 芦Opciones de pantalla禄 (arriba a la derecha)
  4. Marca la casilla de 芦Clases CSS禄
  5. En el apartado 芦Clases CSS禄 del enlace que quieras destacar, escribe 芦menu-cta禄 (sin las comillas).
  6. Guarda el men煤

Wasabi ofrece la posibilidad de a帽adir una caja de autor en el contenido de tu web:

Caja de autor al inicio de la entrada
Caja de autor debajo de la entrada

Habilitar/deshabilitar o mover autor

Para habilitar, deshabilitar o mover la caja de autor en entradas, solo tienes que editar la siguiente configuraci贸n desde el personalizador de Wasabi:

Puedes hacer lo mismo para las p谩ginas configurando los valores en esta secci贸n:

Habilitar el enlace a la p谩gina de autor desde la caja de autor

Para enlazar desde la caja a la p谩gina de autor, tan solo tienes que marcar esta opci贸n:

C贸mo a帽adir enlaces a redes sociales

Los enlaces a las redes sociales los podr谩s editar desde el panel de edici贸n de usuario (/wp-admin/profile.php), en la secci贸n de 芦Informaci贸n de contacto禄.

C贸mo a帽adir una descripci贸n (lema) del autor

Puedes a帽adir una peque帽a descripci贸n del autor desde el panel de edici贸n de usuario (/wp-admin/profile.php), en la secci贸n de 芦Acerca de ti禄, completando el apartado 芦Gesti贸n de cuenta禄.

Para hacer fijos los widgets del sidebar, es necesario instalar un plugin como 芦Q2W3 Fixed Widget禄. Wasabi es totalmente compatible.

Para hacer el proceso con el plugin anterior, tienes que:

  1. Instalar el plugin Q2W3 Fixed Widget
  2. Ir a la cofinguraci贸n del plugin en la secci贸n del men煤 de administraci贸n Apariencia -> Opciones de widget fijo
  3. Escribir stop-sticky en el campo 芦ID de parada禄.
  4. Guardar los cambios.

Una vez hayas completado los pasos anteriores, tienes que marcar el checkbox 芦Widget fijo禄 en los widgets que quieres fijar en la secci贸n del men煤 de administraci贸n Apariencia -> Widgets

Es posible que necesites esconder el header y el footer en una p谩gina o entrada concreta para crear una landing page agresiva, sin navegaci贸n. Para hacerlo, solo tienes que activar esta opci贸n en la barra lateral en la edici贸n de la p谩gina o de la entrada en concreto:

Para colocar el men煤 principal bajo el logo, ocupando el 100% de ancho en lugar de que aparezca a su derecha, a帽ade este c贸digo en Wasabi > Apariencia > CSS personalizado:

@media screen and (min-width: 860px) {
	.top-bar {
		height: auto;
	}
	.top-bar .section {
		flex-wrap: wrap;
	}
	.top-bar .logo-container {
		/* Ajustar al tama帽o m谩ximo deseado de logo */
		max-width: 210px;
	}
	.top-bar .right {
		flex-basis: 100%;
		text-align: center;
	}
	.top-bar .js-search {
		display: none;
	}
}

A帽ade este c贸digo en los Ajustes de Wasabi -> Apariencia -> CSS personalizado.

@media screen and (max-width: 666px) {
  .top-bar .right {
    order: 1;
  }
  .top-bar .logo-container {
    order: 2;
  }
  .top-bar #js-subheader-menu-opener {
    order: 3;
  }
}

Si quieres que el cambio aplique a todas las entradas del sitio:

A帽ade este c贸digo CSS en los Ajustes de Wasabi -> Apariencia -> CSS personalizado.

body {
  overflow-x: hidden;
}

article .content .thumbnail {
  position: relative;
  max-width: none;
  width: 100vw;
  left: calc(-50vw + 50%);
}

Si quieres que el cambio aplique a una sola entrada:

En el editor de la entrada, a帽ade un bloque Gutenberg llamado HTML personalizado y, dentro de dicho bloque, a帽ade este c贸digo:

<style>
body {
  overflow-x: hidden;
}

article .content .thumbnail {
  position: relative;
  max-width: none;
  width: 100vw;
  left: calc(-50vw + 50%);
}
</style>

Wasabi Theme no incluye ninguna caracter铆stica para listar art铆culos con carga infinita, pero, desde la versi贸n 0.21.6, es compatible con plugins que permiten habilitar esta funcionalidad.

Para habilitarla, debes instalar uno de estos dos plugins (uno, no ambos):

  • YITH Infinite Scrolling
  • Catch Infinite Scroll

Configuraci贸n de YITH Infinite Scrolling

Configuraci贸n de Catch Infinite Scroll

Nota: No se ha integrado infinite scroll en la plantilla porque no es el estandar de enlazado a art铆culos y porque en algunos casos puede causar problemas graves de indexaci贸n.

C贸mo cargar autom谩ticamente el siguiente art铆culo al hacer scroll

Cuando estamos leyendo un art铆culo y llegamos a su final, es posible que queramos leer el siguiente de forma autom谩tica. Para lograrlo, puedes usar este plugin.

Para configurarlo, cambia el valor de "Main Container Class" por main-section

Pega el siguiente c贸digo de template en "CUSTOM MARKUP":

<article id='post-#postID' class='#post_class'>
<header class="heading">
<h1>#post_title</h1>
</header>
<div class='content'>
<header class='entry-header'>
</header>
<div class='entry-content'>
<p>#post_content</p></div>
</div>
</article>

Lo que definas en este template se mostrar谩 cuando se cargue un nuevo art铆culo al llegar al final (haciendo scroll) del anterior.

Puedes usar otras etiquetas como #post_title, #post_content, #post_image, as铆 como tambi茅n puedes cambiar el marcado HTML.

Este es el template que muestra el t铆tulo y el contenido de un art铆culo b谩sico de Wasabi. Si necesitas mostrar algo m谩s, como las migas de pan, la caja de autor/a, la imagen destacada, etc. te recomendamos contactar con el soporte del plugin en cuesti贸n.

Para que el bot贸n de apertura del men煤 quede fijado abajo a la derecha en dispositivos m贸viles, tienes que a帽adir alguno de estos dos c贸digos en el apartado Apariencia -> CSS personalizado:

Si NO usas la opci贸n de 芦Volver al inicio禄

@media only screen and (max-width: 600px) {
	button#js-subheader-menu-opener {
		position: fixed;
		top: auto!important;
		bottom: 30px!important;
		right: 30px;
		height: auto;
		background: white;
		border-radius: 50%;
		box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 50%);
		width: 50px;
		padding: 12px;
		z-index: 999999;
	}
	.subheader-opened .top-bar {
		z-index: 9999;
		background: none;
		border-top: none;
	}
	.subheader-opened .logo-container,
	.subheader-opened .right {
		display: none;
	}
	.subheader-opened #js-subheader {
		position: fixed;
		top: 0;
		bottom: 0;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

Si usas la opci贸n de 芦Volver al inicio禄

@media only screen and (max-width: 600px) {
	button#js-subheader-menu-opener {
		position: fixed;
		top: auto!important;
		bottom: 90px!important;
		right: 30px;
		height: auto;
		background: white;
		border-radius: 50%;
		box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 50%);
		width: 50px;
		padding: 12px;
		z-index: 999999;
	}
	.subheader-opened .top-bar {
		z-index: 9999;
		background: none;
		border-top: none;
	}
	.subheader-opened .logo-container,
	.subheader-opened .right {
		display: none;
	}
	.subheader-opened #js-subheader {
		position: fixed;
		top: 0;
		bottom: 0;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

Resultado:

Este tipo apertura de men煤 lo populariz贸 el men煤 de Orbital Theme, y ahora lo podemos conseguir facilmente con CSS para lograr este resultado:

Men煤 cerrado
Men煤 abierto

Ajustes:

Puedes cambiar 600px por el ancho m谩ximo en el que quieras ver el bot贸n flotante.

Tambi茅n puedes cambiar el margen derecho cambiando el valor de right: 30px;

El ancho y alto del bot贸n se ajusta cambiando el valor width: 50px;

Cambiando el background: #ffffff; cambiar铆as el color de fondo del bot贸n.

Para cambiar el color del icono, tendr铆as que a帽adir la siguiente regla (cambiando #000000 por el color deseado):

button#js-subheader-menu-opener svg.main-color * {
	fill: #000000;
}

El tama帽o de la miniatura de las im谩genes de clusters, entradas relacionadas, recientes y destacadas en Wasabi es de 300x200px.

Para que todas las im谩genes tengan la misma proporci贸n lo que hace WordPress cuando subes una imagen es ajustarla a esa medida y recortarla para mantener la proporci贸n. Es por este motivo que algunas im谩genes puedan aparecer cortadas. Tenemos dos formas de solucionarlo:

  • Opci贸n 1 (recomendada): crear las im谩genes destacadas siguiendo la proporci贸n 3:2. Esto har谩 que el tama帽o de la miniatura (300×200) cuadre perfectamente con el espacio disponible, y, adem谩s, permitir谩 usar la miniatura, no cargar谩 la versi贸n completa de la foto (mejor WPO).
  • Opci贸n 2: forzar la carga de la versi贸n completa de la foto. Esta opci贸n no se recomienda porque no obtenemos la mejora en WPO que s铆 que obtendr铆amos en la opci贸n 1.

C贸mo implementar la opci贸n 1

Sube las nuevas im谩genes destacadas en un tama帽o que siga la proporci贸n 3:2, por ejemplo, 600x400px, 1200x800px, etc.

Si ya hay im谩genes destacadas subidas, vuelves a resubirlas con la nueva dimensi贸n.

C贸mo implementar la opci贸n 2

Para empezar, tienes que crear e instalar un child theme de Wasabi.

Despu茅s, a帽ade lo siguiente en el fichero functions.php del child theme:

add_action( 'init', function () {
    remove_image_size( 'archive-post-thumbnail' );
}, 999 );

Para finalizar, instala este plugin y ejecuta esta funcionalidad con las opciones indicadas marcadas:

Este plugin solo se tiene que ejecutar una vez: lo que hace es eliminar la versi贸n 300×200 de las im谩genes destacadas existentes para que Wasabi no las cargue. Como hemos eliminado la definici贸n del tama帽o en el fichero functions.php, las im谩genes destacadas subidas a partir de ahora simplemente no generar谩n la versi贸n 300×200, por lo que no har铆a falta volver a ejecutar el plugin.

Ahora los clusters cargar谩n la versi贸n completa sin mantener ninguna relaci贸n de aspecto, con lo que tendr铆as que ver la imagen al completo.

Este es un problema que te puedes encontrar si usas algunas fuentes de Google.

Soluci贸n: elegir otra fuente. 驴Por qu茅? Porque algunas fuentes de Google no incluyen su versi贸n en negrita.

Para optimizar el WPO, por defecto solo cargamos 3 variantes para cada fuente seleccionada: normal, negrita y cursiva. Es posible que el texto difuminado no sea realmente una negrita y sea una semi-negrita o una extra-negrita. Para cargar esos estilos, tienes que marcar esta opci贸n:

La fuente de los encabezados afecta a los elementos h1, h2, h3, h4, etc. 驴Seguro que el elemento en el que esperas ver los cambios es un encabezado? Podr铆a ser un p谩rrafo en negrita. Ejemplo:

Wasabi no carga ninguna fuente externa y solo usa los recursos que necesita en formato SVG. De esta forma conseguimos mejorar mucho la velocidad de carga.

Es por ese motivo que si quieres usar Font Awesome tendr谩s que instalar su plugin oficial desde el repositorio de plugins de WordPress.

Una vez instalado, para que se muestren los iconos tendr谩s que seleccionar esta opci贸n en la configuraci贸n del plugin:

Es posible que quieras quitar algunas p谩ginas concretas de los resultados del buscador de WordPress (por ejemplo, las de pol铆tica de cookies, contacto o pol铆tica de privacidad).

Para ello, te recomendamos instalar el plugin 芦Search Exclude禄, el cual est谩 100% optimizado para este fin.

Aqu铆 puedes ver c贸mo se usa:聽https://hostinga1.com/curso-wordpress/como-excluir-paginas-de-la-busqueda-de-wordpress

Si quieres desactivar el efecto a nivel global (en categor铆as y landings con formulario de b煤squeda), a帽ade este c贸digo en Apariencia > CSS personalizado:

.hero:after{
    content: none;
}

Si quieres desactivarlo solo en una landing concreta, inserta un bloque Gutenberg HTML con este c贸digo:

<style>
hero:after{
    content: none;
}
</style>

Si quieres cambiar el color, a帽ade este c贸digo en Apariencia > CSS personalizado, cambiando el color #000000 por el color CSS que quieras y opacity por el grado de transparencia que quieras (va de 0 a 1 y tienes que usar puntos para decimales)

.hero:after{
    background: #000000;
    opacity: 0.5;
}

A帽ade este c贸digo en Apariencia > CSS personalizado:

.category .hero .search-form, .category .hero .title:after {
    display:none;
}

.category .hero .title {
    margin: 0;
    padding: 0;
}

En el editor de la p谩gina, a帽ade un bloque Gutenberg llamado HTML personalizado y, dentro de dicho bloque, a帽ade este c贸digo:

<style>
.hero .search-form, .hero .title:after {
    display:none;
}

.hero .title {
    margin: 0;
    padding: 0;
}
</style>

Puedes insertar un buscador en una p谩gina de varias formas:

Opci贸n 1 (solo p谩ginas):

  1. Abre la edici贸n de la p谩gina
  2. En el men煤 lateral de Ajustes de la p谩gina, selecciona 芦Landing con un formulario de b煤squeda禄

Opci贸n 2 (p谩ginas y entradas):

  1. Inserta el bloque nativo de Gutenberg 芦Buscar禄 con esta configuraci贸n:

馃摙 Plugins

Wasabi聽est谩 pensado para ser una soluci贸n integral, por lo que聽no depende de ning煤n plugin extra聽para poder aprovechar toda su funcionalidad.

De forma complementaria,聽recomendamos la instalaci贸n de4聽plugins gratuitos:

  1. Yoast SEO聽o聽RankMath: puede ser de gran ayuda para mejorar el contenido a nivel SEO.
  2. W3 Total Cache聽o聽WP Rocket聽(de pago): Wasabi聽tiene una cach茅 de productos (para reducir el tiempo de respuesta y el consumo de APIs externas) y ofrece una optimizaci贸n de WPO de 煤ltima generaci贸n, pero el uso de estos plugins junto con la configuraci贸n de vuestro servidor, puede hacer que vuestra p谩gina logre la mejor velocidad de carga posible.
  3. Loco Translate: para traducir el plugin o cambiar casi cualquier texto que se muestre por defecto en la plantilla.

S铆, es totalmente compatible.

S铆, es totalmente compatible y est谩 optimizado para ello. Aqu铆 puedes ver una demo.

S铆, es totalmente compatible. Puedes generar el contenido usando el marcado de los bloques Gutenberg o el de los shortcodes.

S铆, Wasabi es compatible con AMP.

C贸mo habilitar AMP

  • Instala y activa el plugin oficial de AMP para WordPress
  • Configura dicho plugin usando su asistente.
  • Durante el asistente, cuando te pida elegir un modo de template o plantilla, elige 芦Transitional禄.
  • Si obvias el paso anterior, siempre puedes configurar el template desde el men煤 AMP -> Ajustes.

Te recomendamos, adem谩s de seleccionar el template Transitional, mostrar 煤nicamente AMP en entradas y p谩ginas, ya que ser谩 el contenido que t铆picamente se muestre, en por ejemplo, Discover.

Tambi茅n puedes deshabilitar AMP en entradas o p谩ginas concretas:

Limitaciones:

AMP, por definici贸n, no permite cargar ficheros Javascript personalizados, por lo que tres funciones de Wasabi no funcionan con AMP, aunque proponemos un remplazo para cada una de ellas:

  1. Aviso de cookies: la funci贸n de aviso de cookies de Wasabi no funcionar谩. Proponemos instalar el plugin WP GDPR Cookie Notice en su lugar. Este plugin es compatible con AMP y permitir谩 (opcionalmente) tambi茅n que el c贸digo de anal铆tica y los anuncios configurados en Wasabi no se carguen si el usuario no ha dado su consentimiento.
  2. Estilo 1 de las tablas comparativas de productos: este estilo utiliza Javascript para adaptar el contenido en m贸viles. Recomendamos usar el estilo 2.
  3. Ofuscaci贸n de enlaces: la ofuscaci贸n de enlaces de Wasabi usa Javascript para esconder y accionar el enlace. No tendr谩s que hacer nada, simplemente se mostrar谩n enlaces normales.

El resto de caracter铆sticas y bloques son totalmente compatibles y no se ha reportado ning煤n error hasta la fecha.

鉃 Otros

Para reportar un problema, ponte en contacto con nosotros usando este formulario de contacto, detallando tu problema, indicando:

  • Motivo: soporte t茅cnico
  • Tu licencia
  • La URL afectada en este momento
  • Informe de salud del sitio (c贸mo obtenerlo)

Estos ficheros tambi茅n nos ser铆an de mucha utilidad:

  • Registro de depuraci贸n (c贸mo obtenerlo).
  • Capturas de pantalla (si es visible) para poder visualizar el problema. Tambi茅n podr铆an ayudar v铆deos explicando el proceso.

Otros datos 煤tiles:

  • Algunas veces, es posible que te pidamos tus credenciales de nivel administrativo de wp-admin y al FTP para poder agilizar la detecci贸n y soluci贸n del problema, pero puedes ser proactivo/a e incluirlas en tu ticket inicial si deseas ahorrar algo de tiempo de comunicaci贸n.

Obtener un informe de salud del sitio

Entra en Herramientas -> Salud del sitio (o ve directamente a /wp-admin/site-health.php?tab=debug)

Haz clic en el bot贸n de 芦Copiar la informaci贸n del sitio al portapapeles禄

Crea un fichero .txt con el contenido que has copiado y adj煤ntalo al ticket de soporte.

Obtener el registro de depuraci贸n

Recomendamos adjuntar un registro de depuraci贸n de WordPress para facilitar la detecci贸n y soluci贸n del problema. Esto nos brindar谩 detalles que pueden estar ocultos al ojo humano. 驴C贸mo se hace?

Agrega estas l铆neas en tu fichero wp-config.php

define ( 'WP_DEBUG', true ) ;
define ( 'WP_DEBUG_DISPLAY', false ) ;
define ( 'WP_DEBUG_LOG', true ) ;

La mayor铆a de las instalaciones de WordPress ya tienen una entrada WP_DEBUG configurada a false, en ese caso tendr谩s que cambiar false por true.

Puedes editar este archivo conect谩ndote a tu servidor por SSH o FTP y navegando hasta la ra铆z de la instalaci贸n de tu WordPress.

Ahora debes reproducir el problema para que se cree la entrada en el registro de depuraci贸n. Simplemente vuelve a hacer lo mismo que cuando sucedi贸 el problema, repitiendo la operaci贸n o refrescando la p谩gina que falla.

El registro de depuraci贸n se deber铆a haber creado en la carpeta wp-content de tu instalaci贸n WordPress, con el nombre debug.log

Puedes leerlo o descargarlo directamente a trav茅s de FTP. Tambi茅n puedes instalar el plugin Log Viewer para acceder al registro directamente desde el panel de administraci贸n WordPress.

En algunos casos es posible que necesites prescindir de la edici贸n por bloques de Wasabi (para crear webs autom谩ticas, por costumbre, etc.).

En esos casos, debes saber que TODOS los bloques Gutenberg de Wasabi tienen su versi贸n en forma de shortcode.

Aqu铆 tienes la lista de shortcodes disponibles con la definici贸n de atributos y sus posibles valores.

Cuadr铆cula de categor铆as

Shortcode:

  • [wasabi_categories_grid]

Ejemplo:

  • [wasabi_categories_grid include_featured_posts="true"]

Atributos y valores de cada atributo:

  • include_featured_posts
    • true
    • false o no definido
  • exclude_subcategories
    • true
    • false o no definido
  • only_sibling_categories
    • true
    • false o no definido
  • only_subcategories
    • true
    • false o no definido
  • order_criteria
    • name
    • term_id
    • count
  • order_direction
    • ASC
    • DESC

Producto

Shortcode:

  • [wasabi_product]

Ejemplo:

  • [wasabi_product data_source="amazon" item_id="XXXXXXX" name="Nombre de producto"]

Atributos:

  • data_source
    • none
    • amazon
    • ebay
    • aliexpress
  • item_id
    • Vac铆o si usas none como data_source
    • ASIN si usas amazon como data_source
    • ID de producto de eBay o AliExpress si usas ebay o aliexpress como data_source.
  • name
    • Nombre del producto.
    • Si se ha configurado el data_souce y se ha configurado la API, este campo se puede dejar vac铆o y se completar谩 con los datos que se obtienen de la API.
  • price
    • Precio del producto.
    • Si se ha configurado el data_souce y se ha configurado la API, este campo se puede dejar vac铆o y se completar谩 con los datos que se obtienen de la API.
  • url
    • URL del producto.
    • Si se ha configurado el data_souce y se ha configurado la API, este campo se puede dejar vac铆o y se completar谩 con los datos que se obtienen de la API.
  • image_url
    • URL de la imagen del producto. Puedes usar una URL de una imagen externa o subir una imagen a la biblioteca de WordPress.
    • Si se ha configurado el data_souce y se ha configurado la API, este campo se puede dejar vac铆o y se completar谩 con los datos que se obtienen de la API.
  • advantages
    • Ventajas del producto separadas por coma.
    • Si se ha configurado el data_souce y se ha configurado la API, este campo se puede dejar vac铆o y se completar谩 con los datos que se obtienen de la API.
  • disadvantages
    • Desventajas del producto separadas por coma.
    • Si se ha configurado el data_souce y se ha configurado la API, este campo se puede dejar vac铆o y se completar谩 con los datos que se obtienen de la API.
  • review
    • Campo de texto libre de review del producto.
  • display_name
    • Mostrar/ocultar el nombre
    • true (por defecto) o false
  • display_image
    • Mostrar/ocultar la imagen
    • true (por defecto) o false
  • display_first_cta
    • Mostrar/ocultar el primer CTA
    • true (por defecto) o false
  • display_second_cta
    • Mostrar/ocultar el segundo CTA
    • true (por defecto) o false
  • display_review
    • Mostrar/ocultar la descripci贸n del producto (si la hay)
    • true (por defecto) o false
  • display_features
    • Mostrar/ocultar pros/contras (si las hay)
    • true (por defecto) o false
  • display_price
    • Mostrar/ocultar el precio (si lo hay)
    • true (por defecto) o false
  • display_discount
    • Mostrar/ocultar el porcentaje de descuento (si lo hay)
    • true (por defecto) o false
  • display_price_before_discount
    • Mostrar/ocultar el precio antes de descuento (si lo hay)
    • true (por defecto) o false
  • display_data_source_logo
    • Mostrar/ocultar el logo de la fuente de datos
    • true (por defecto) o false
  • display_prime_logo
    • Mostrar/ocultar el logo de prime
    • true (por defecto) o false
  • 聽style
    • Estilo del producto.
    • Estilos disponibles: 1, 2, 3, 4
    • Por defecto: 1
  • first_cta_style
    • Estilo del primer bot贸n CTA del producto
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • first_cta_text
    • Texto del primer bot贸n CTA del producto
  • second_cta_style
    • Estilo del segundo bot贸n CTA del producto
    • Estilos disponibles: del 1 al 5
    • Por defecto: 2
  • second_cta_text
    • Texto del segundo bot贸n CTA del producto
  • price_style
    • Estilo del precio y descuento
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • name_style
    • Estilo del nombre
    • Estilos disponibles: del 1 al 3
    • Por defecto: 1
  • num_features_columns
    • N煤mero de columnas m谩ximas en los ventajas y desventajas
    • De 1 a 2
    • Por defecto: 1
  • max_features:
    • N煤mero m谩ximo de ventajas y desventajas a mostrar
    • Por defecto: 20
  • max_num_words_in_features
    • N煤mero m谩ximo de palabras a mostrar en cada ventaja/desventaja
    • 0 = mostrar todas las palabras (por defecto)
  • features_style
    • Estilo del bloque de ventajas y desventajas
    • Estilos disponibles: del 1 al 3
    • Por defecto: 1
  • max_num_words_in_product_name
    • N煤mero m谩ximo de palabras a mostrar en el nombre de producto
    • 0 = mostrar todas las palabras (por defecto)
  • exclude_from_comparison_table
    • 驴Excluir el producto de las tablas comparativas autom谩ticas?
    • true o false
    • Por defecto: false
  • auto_comparison_table_badge_text
    • Texto de la insignia en tablas comparativas (si no se usa, no se muestra insignia)
  • auto_comparison_table_badge_color
    • Color de la insignia en tablas comparativas (si no se usa, no se muestra insignia)

Comparativa de productos

Shortcode:

  • [wasabi_product_comparison]

Ejemplo:

  • [wasabi_product_comparison title="T铆tulo de la comparativa"]

Atributos:

  • title
    • Texto h2 que aparecer谩 encima de la tabla comparativa.
    • Puedes dejarlo vac铆o para que la comparativa no tenga t铆tulo.
  • max_products
    • N煤mero m谩ximo de productos de la tabla comparativa.
    • Por defecto: ilimitado
  • characteristics_delimiter
  • style
    • Estilo de la tabla comparativa.
    • Estilos disponibles: 1 y 2
    • Por defecto: 1
  • max_features
    • N煤mero m谩ximo de caracter铆sticas que se listar谩n para cada producto.
    • Por defecto: 5
  • display_name
    • Mostrar/ocultar el nombre
    • true (por defecto) o false
  • display_image
    • Mostrar/ocultar la imagen
    • true (por defecto) o false
  • display_first_cta
    • Mostrar/ocultar el primer CTA
    • true (por defecto) o false
  • display_second_cta
    • Mostrar/ocultar el segundo CTA
    • true (por defecto) o false
  • display_review
    • Mostrar/ocultar la descripci贸n del producto (si la hay)
    • true (por defecto) o false
  • display_features
    • Mostrar/ocultar pros/contras (si las hay)
    • true (por defecto) o false
  • display_price
    • Mostrar/ocultar el precio (si lo hay)
    • true (por defecto) o false
  • display_discount
    • Mostrar/ocultar el porcentaje de descuento (si lo hay)
    • true (por defecto) o false
  • display_price_before_discount
    • Mostrar/ocultar el precio antes de descuento (si lo hay)
    • true (por defecto) o false
  • display_data_source_logo
    • Mostrar/ocultar el logo de la fuente de datos
    • true (por defecto) o false
  • display_prime_logo
    • Mostrar/ocultar el logo de prime
    • true (por defecto) o false
  • 聽style
    • Estilo de la comparativa.
    • Estilos disponibles: 1, 2
    • Por defecto: 1
  • first_cta_style
    • Estilo del primer bot贸n CTA del producto
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • first_cta_text
    • Texto del primer bot贸n CTA del producto
  • second_cta_style
    • Estilo del segundo bot贸n CTA del producto
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • second_cta_text
    • Texto del segundo bot贸n CTA del producto
  • price_style
    • Estilo del precio y descuento
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • name_style
    • Estilo del nombre
    • Estilos disponibles: del 1 al 3
    • Por defecto: 1
  • max_features:
    • N煤mero m谩ximo de ventajas y desventajas a mostrar
    • Por defecto: 5
  • max_num_words_in_features
    • N煤mero m谩ximo de palabras a mostrar en cada ventaja/desventaja
    • 0 = mostrar todas las palabras
    • Por defecto: 4
  • features_style
    • Estilo del bloque de ventajas y desventajas
    • Estilos disponibles: del 1 al 3
    • Por defecto: 2
  • max_num_words_in_product_name
    • N煤mero m谩ximo de palabras a mostrar en el nombre de producto
    • 0 = mostrar todas las palabras (por defecto)

Lista de Best sellers o productos m谩s vendidos

Shortcode:

  • [wasabi_best_seller_products]

Ejemplo:

  • [wasabi_best_seller_products data_source="amazon" num_products="9" num_columns="3" search_term="Mochilas"]

Atributos:

  • search_term
    • T茅rmino para buscar los productos m谩s vendidos en la fuente de datos (data_source)
    • Obligatorio.
  • data_source (obligatorio, recuerda configurar la API primero)
    • amazon
    • ebay
    • aliexpress
  • max_products
    • N煤mero m谩ximo de productos.
    • Por defecto: 9
    • M铆nimo: 1
    • M谩ximo: 30
  • style
    • Estilo.
    • Estilos disponibles: de 1 a 4
    • Por defecto: 3
  • max_features
    • N煤mero m谩ximo de caracter铆sticas que se listar谩n para cada producto.
    • Por defecto: 5
  • display_name
    • Mostrar/ocultar el nombre
    • true (por defecto) o false
  • display_image
    • Mostrar/ocultar la imagen
    • true (por defecto) o false
  • display_first_cta
    • Mostrar/ocultar el primer CTA
    • true (por defecto) o false
  • display_second_cta
    • Mostrar/ocultar el segundo CTA
    • true (por defecto) o false
  • display_review
    • Mostrar/ocultar la descripci贸n del producto (si la hay)
    • true (por defecto) o false
  • display_features
    • Mostrar/ocultar pros/contras (si las hay)
    • true (por defecto) o false
  • display_price
    • Mostrar/ocultar el precio (si lo hay)
    • true (por defecto) o false
  • display_discount
    • Mostrar/ocultar el porcentaje de descuento (si lo hay)
    • true (por defecto) o false
  • display_price_before_discount
    • Mostrar/ocultar el precio antes de descuento (si lo hay)
    • true (por defecto) o false
  • display_data_source_logo
    • Mostrar/ocultar el logo de la fuente de datos
    • true (por defecto) o false
  • display_prime_logo
    • Mostrar/ocultar el logo de prime
    • true (por defecto) o false
  • 聽style
    • Estilo de la comparativa.
    • Estilos disponibles: 1, 2
    • Por defecto: 1
  • first_cta_style
    • Estilo del primer bot贸n CTA del producto
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • first_cta_text
    • Texto del primer bot贸n CTA del producto
  • second_cta_style
    • Estilo del segundo bot贸n CTA del producto
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • second_cta_text
    • Texto del segundo bot贸n CTA del producto
  • price_style
    • Estilo del precio y descuento
    • Estilos disponibles: del 1 al 5
    • Por defecto: 1
  • name_style
    • Estilo del nombre
    • Estilos disponibles: del 1 al 3
    • Por defecto: 1
  • max_features:
    • N煤mero m谩ximo de ventajas y desventajas a mostrar
    • Por defecto: 5
  • max_num_words_in_features
    • N煤mero m谩ximo de palabras a mostrar en cada ventaja/desventaja
    • 0 = mostrar todas las palabras
    • Por defecto: 8
  • features_style
    • Estilo del bloque de ventajas y desventajas
    • Estilos disponibles: del 1 al 3
    • Por defecto: 3
  • max_num_words_in_product_name
    • N煤mero m谩ximo de palabras a mostrar en el nombre de producto
    • 0 = mostrar todas las palabras
    • Por defecto: 8

Columna y tabla de contenidos

El contenido del shortcode ser谩 el contenido que se muestre dentro de la columna de contenido.

Shortcode:

  • [wasabi_column_and_table_of_contents]Contenido[/wasabi_column_and_table_of_contents]

Ejemplo:

  • [wasabi_column_and_table_of_contents include_h3="true"]Contenido[/wasabi_column_and_table_of_contents]

Atributos:

  • min_headings
    • N煤mero m铆nimo de encabezados necesarios para que se cree la tabla de contenidos.
    • Por defecto: 2
  • include_h3
    • 驴Se deber铆an considerar los h3 para crear la tabla de contenidos?
    • true o false
    • Por defecto: false
  • include_products
    • 驴Se deber铆an considerar los t铆tulos de producto para crear la tabla de contenidos?
    • true o false
    • Por defecto: true

Texto GDPR

Shortcode:

  • [wasabi_gdpr_form_text responsible="Nombre del responsable" ]

Ejemplo:

  • [wasabi_gdpr_form_text responsible="Nombre del responsable" purpose="Prop贸sito del tratamiento"]

Atributos:

Todos los atributos son de tipo texto y son opcionales.

  • responsible
  • purpose
  • legitimation
  • recipients
  • rights

Cl煤ster de entradas o p谩ginas

Shortcode:

  • [wasabi_cluster]

Ejemplo de cl煤ster de las 6 entradas m谩s recientes del sitio:

  • [wasabi_cluster type="recent_posts" posts_limit="6"]

Ejemplo de cl煤ster de entradas de la categor铆a con ID 4:

  • [wasabi_cluster type="category_posts" posts_limit="100" category_id="4"]

Ejemplo de cl煤ster de entradas concretas:

  • [wasabi_cluster type="selected_posts" selected_posts_ids="15708,15527,15620"]

Atributos:

  • style
    • Estilo del cl煤ster.
    • Valores permitidos: de 1 a 10.
    • Por defecto: 1
  • type
    • Por defecto: recent_posts
    • recent_posts: se crear谩 un cl煤ster de entradas recientes.
    • selected_posts: se crear谩 un cl煤ster de entradas concretas seleccionadas manualmente. Tendr谩s que completar el atributo selected_pages_ids.
    • selected_pages: se crear谩 un cl煤ster de p谩ginas concretas seleccionadas manualmente. Tendr谩s que completar el atributo selected_posts_ids.
    • category_posts: se crear谩 un cl煤ster de entradas de una categor铆a concreta. Tendr谩s que completar el atributo category_id.
    • tag_posts: se crear谩 un cl煤ster de entradas de una etiqueta concreta. Tendr谩s que completar el atributo tag_id.
  • featured_status
    • with_featured: incluye entradas destacadas y no destacadas.
    • featured_only: incluye solo las entradas destacadas.
    • without_featured: incluye solo las entradas no destacadas.
  • posts_limit
    • Limita el n煤mero de entradas del cl煤ster.
    • Por defecto: 30
  • tag_id
    • ID de la etiqueta de las entradas de un cl煤ster. Solo aplica si se elige tag_posts en el atributo type.
  • category_id
    • ID de la categor铆a de las entradas de un cl煤ster. Solo aplica si se elige category_posts en el atributo type.
  • selected_posts_ids_array
    • IDs de entradas separadas por coma. Aparecer谩n en el cl煤ster. Solo aplica si se elige selected_posts en el atributo type.
    • Ejemplo: 芦15708,15527,15620禄
  • selected_pages_ids_array
    • IDs de p谩ginas separadas por coma. Aparecer谩n en el cl煤ster. Solo aplica si se elige selected_pages en el atributo type.
    • Ejemplo: 芦15708,15527,15620禄

Enlaces a redes sociales

Shortcode:

  • [wasabi_social_links]

Ejemplo:

  • [wasabi_social_links facebook_url="https://www.facebook.com/"]

Atributos:

  • facebook_url
  • twitter_url
  • instagram_url
  • pinterest_url
  • youtube_url

Testimonio

Shortcode:

  • [wasabi_testimonial]

Ejemplo:

  • [wasabi_testimonial author_name="Nombre de la persona que opina" rating="4" quote="Este es el texto de la opini贸n"]

Atributos:

  • style
    • Estilo del testimonio.
    • Valores permitidos: 1 o 2
    • Por defecto: 1
  • author_name
    • Nombre del autor/a del testimonio
  • author_image_url
    • URL del avatar del autor/a del testimonio
  • rating
    • N煤mero de estrellas o valoraci贸n del testimonio.
    • De 0 a 5
  • quote
    • Texto del testimonio.
  • enable_structured_data
    • true o false
    • Por defecto: false
    • Habilita los datos estructurados de AggregateRating (black hat).

Anuncio

Shortcode:

  • [wasabi_ad]

Ejemplo:

  • [wasabi_ad ad_id="1"]

Atributos:

  • ad_id
    • ID del anuncio configurado desde el configurador de Wasabi Theme.
    • Valor: de 1 a 10

Ofrecemos uno de los mejores programas de afiliaci贸n del mercado WordPress, con el que聽puedes ganar dinero ayud谩ndonos a distribuir Wasabi Theme.

T煤 promocionas el theme y, por cada venta referida,聽te quedas con el 25% de comisi贸n del valor de cada primera compra聽realizada por nuevos usuarios que provengan de tu v铆nculo de afiliado.

Puedes leer m谩s sobre el programa de afiliados de Wasabi o darte de alta en el mismo, consulta aqu铆:聽https://wasabitheme.com/es/afiliados/

Para conocer m谩s sobre los t茅rminos y condiciones, consulta: https://wasabitheme.com/es/notas-legales/#programa-de-afiliados

Un 芦child theme禄 es una tema que hereda las funcionalidades y estilos de un tema principal. Su uso principal es el de permitir la personalizaci贸n de los archivos del tema padre, sin tener que preocuparse por que las actualizaciones sobrescriban dichos cambios.

Si necesitas cambiar algun aspecto de Wasabi Theme por c贸digo, te recomendamos que uses un child theme. El c贸digo que agregues en el child theme no se perder谩 cuando actualices Wasabi.

驴C贸mo se instala?

  1. Descarga el child theme de Wasabi Theme: wasabi-child.
  2. Navega hasta聽Apariencia > Temas > A帽adir nuevo > Subir tema聽y carga el fichero .zip anterior.

Cuidado:聽si instalas un child theme, deber谩s volver a configurar los ajustes de la plantilla en personalizaci贸n. Si vuelves a activar el tema padre, la recuperar谩s.

El Feed RSS (Really Simple Syndication) ofrece, de forma estandarizada, acceso a las actualizaciones del contenido de un sitio a los usuarios y a otras aplicaciones web.

Por defecto Wasabi Theme no lo muestra para mejorar un poco el WPO, pero se puede habilitar de la siguiente forma:

Configura la configuraci贸n del feed

Entra en Ajustes –> Lectura y configura los siguientes campos con los valores que consideres:

Instala un child theme

Lo necesitas porque vamos a editar el fichero functions.php. Con esto, prevenimos la p茅rdida de las modificaciones cuando se actualice Wasabi a una nueva versi贸n.

Edita el fichero functions.php del child theme

Si quieres habilitar el feed general, debes a帽adir estas dos l铆neas en el fichero functions.php del child theme:

add_theme_support( 'automatic-feed-links' );
add_action( 'wp_head', 'feed_links', 2 );

Si tambi茅n quieres habilitar feeds extra, adem谩s de las anteriores 2 l铆neas, deber谩s a帽adir las siguientes:

add_action( 'wp_head', 'feed_links_extra', 3 );
add_action( 'wp_head', 'feed_links', 2 );

No hay forma automatizada de migrar un sitio desde otra plantilla o plugin a Wasabi Theme, ya que cada sitio es un mundo y el 100% de las veces que lo hemos intentado, algo no ha quedado como deber铆a.

Te recomendamos crear un sitio de pruebas (tambi茅n llamado sitio de staging) para poder instalar tranquilamente Wasabi Theme, adaptar el contenido, purgar plugins, validar que todo est谩 correcto y, entonces, restaurar el sitio de pruebas en el sitio real. De esta forma la web siempre estar谩 activa y los visitantes no apreciar谩n el cambio.

Opci贸n 1 (manual)

  1. Crea un subdominio en el hosting que utilices (con cPanel, Plesk o lo que sea que este聽ofrezca).
  2. Haz una copia de la web en el subdominio (manualmente copiando/pegando ficheros, etc. o con alg煤n plugin como聽All-in-One WP Migration o Duplicator).
  3. Bloquea el rastreo de la web copiada en el subdominio, para que Google no la indexe y lo considere como duplicado.
  4. Instala Wasabi Theme en la web del subdominio.
  5. Configura Wasabi Theme y haz los cambios que necesites en el contenido (posts, p谩ginas, men煤s, categor铆as, etc.) en la web del subdominio.
  6. Cuando consideres que ya est谩 todo correcto:
    1. Haz una copia de la web del subdominio a la web principal (el proceso inverso a lo que has hecho en el punto 2).
    2. En la web principal (ya con el contenido copiado desde el subdominio), desbloquea el rastreo.
    3. Elimina el subdominio, porque ya no lo necesitas.

Opci贸n 2 (pidi茅ndolo al hosting)

Puedes preguntar en el soporte de tu hosting para ver si pueden crear ellos mismos un sitio de pruebas. As铆 te ahorras los pasos 1, 2 y 6.1 (los m谩s tediosos y mec谩nicos).

Despu茅s de trabajar sobre el sitio de pruebas, tendr铆as que volver a pedirles que restaurasen la web principal con el contenido y base de datos de la web de prueba.

Opci贸n 3 (con un plugin)

Puedes crear un entorno de pruebas utilizando un plugin llamado WP Staging.

Aqu铆 puedes encontrar varias gu铆as sobre su uso:

驴Ya tienes Wasabi Theme, no encuentras lo que buscas en la documentaci贸n y necesitas soporte t茅cnico? Haz click aqu铆

Entradas destacadas del blog

D贸nde comprar backlinks de calidad para SEO
D贸nde comprar backlinks de calidad para SEO
Ganar dinero con AliExpress Afiliados
Ganar dinero con AliExpress Afiliados
La mejor plantilla WordPress para Amazon Afiliados
La mejor plantilla WordPress para Amazon Afiliados
El mejor plugin WordPress para Amazon Afiliados
El mejor plugin WordPress para Amazon Afiliados
C贸mo generar ingresos pasivos
C贸mo generar ingresos pasivos
Programas de afiliados m谩s rentables
Programas de afiliados m谩s rentables
C贸mo ganar dinero por Internet desde casa
C贸mo ganar dinero por Internet desde casa
Las mejores plantillas WordPress premium
Las mejores plantillas WordPress premium
C贸mo crear una p谩gina nicho
C贸mo crear una p谩gina nicho
C贸mo buscar nichos rentables en Amazon
C贸mo buscar nichos rentables en Amazon
Co虂mo ganar dinero con AdSense
Co虂mo ganar dinero con AdSense
C贸mo ganar dinero con eBay Afiliados
C贸mo ganar dinero con eBay Afiliados
Ganar dinero con Amazon Afiliados
Ganar dinero con Amazon Afiliados
Alternativas a AAWP
Alternativas a AAWP