WindPress – Integración de Tailwind CSS para WordPress

Descripción

WindPress: el único plugin de integración de Tailwind CSS v3 y v4 para WordPress.

WindPress es un plugin de integración de Tailwind CSS para WordPress que permite utilizar toda la potencia de Tailwind CSS dentro del ecosistema WordPress.

Tailwind CSS version:
– 3.4.16
– 4.0.0-beta.6 next

Características

WindPress está repleto de funciones diseñadas para agilizar tu flujo de trabajo. Algunas de nuestras favoritas son:

  • Conectar y listo: Empieza a usar Tailwind CSS en WordPress en cuestión de segundos – no requiere configuración.
  • Configuración personalizable: El plugin viene con una configuración CSS por defecto de Tailwind, pero puedes personalizarla fácilmente para adaptarla a tus necesidades.
  • Fácil de usar: Ajustes simplificados e intuitivos para que empieces a trabajar rápidamente.
  • Ligero: El escritorio construido sobre WordPress REST API, y un moderno framework JavaScript para una experiencia de usuario instantánea y adaptable. Sin embargo, tiene una pequeña huella y no ralentizará tu sitio.
  • Rápido como un rayo: La caché hace que tu sitio WordPress sea rapidísimo. Genera el archivo CSS final optimizado en el navegador sin herramientas del lado del servidor. Ninguno de tus datos se transfiere por la red.

Y algunas integraciones específicas también incluyen las siguientes características:

  • Autocompletado: A medida que escribas, los nombres de las clases de Tailwind CSS se sugerirán automáticamente.
  • Recogedor de variables: Selecciona fácilmente los colores, fuentes y otras variables de los temas Tailwind CSS desde un panel.
  • HTML a elementos nativos: Convierte HTML de Tailwind CSS en elementos nativos en el editor.
  • Ordenar las clases: Ordena las clases de Tailwind CSS en el campo de entrada.
  • Al pasar el cursor por encima de las clases:pasa el cursor por encima de las clases para ver el CSS generado completo y la vista previa del lienzo de diseño.
  • Panel ubicuo: Un panel flotante que te permite acceder rápidamente a los ajustes de WindPress desde cualquier lugar de la página.

Integración perfecta

Es fácil crear diseños con Tailwind CSS gracias a la perfecta integración con los maquetadores de páginas más populares:

Planificado / En curso

Nota: La característica principal seguirá estando disponible en todas las versiones, pero es posible que en el futuro se añadan o eliminen algunas integraciones de la versión gratuita.

Visita nuestro sitio web para obtener más información.

¿Te gusta WindPress?

Agradecimientos

Declaración de afiliación: Este readme.txt puede contener enlaces de afiliación. Si decides hacer una compra a través de estos enlaces, podemos ganar una comisión sin coste adicional para ti.

Capturas

  • La página de ajustes de WindPress para elegir la versión Tailwind CSS o generar el archivo CSS en caché.
  • El editor de archivos tailwind.config.js, que permite añadir los plugins de Tailwind CSS.
  • El editor del archivo main.css, que permite añadir el CSS personalizado.
  • La función de sugerencias de nombres de clases de Tailwind CSS en el editor Gutenberg.
  • Ordena las clases de Tailwind CSS en el campo de entrada.
  • Al pasar el cursor sobre el nombre de la clase de Tailwind CSS para ver el CSS completo y la vista previa del lienzo de diseño.
  • La página en la vista pública con las clases de Tailwind CSS aplicadas, tal y como se añadió desde el editor Gutenberg.

FAQ

¿Qué versión de Tailwind CSS es compatible con WindPress?

WindPress es compatible con las versiones 3 y 4 de Tailwind CSS y recibirás actualizaciones periódicas para ser compatible con la última versión.

¿Es compatible WindPress con los plugins de Tailwind CSS?

Si, WindPress es compatible con los plugins de Tailwind CSS. Puedes añadir los plugins en tailwind.config.js con el editor de archivos. Los plugins de Tailwind CSS se cargarán desde la CDN esm.sh.

¿Necesito una conexión a Internet para utilizar WindPress?

No, por defecto no necesitas conexión a Internet para utilizar WindPress. Sin embargo, se requiere una conexión a Internet para cargar los plugins CSS de Tailwind desde el CDN.

¿Qué temas son compatibles con WindPress?

WindPress es compatible con cualquier tema de WordPress. Puede ser necesario un pequeño ajuste para que el escáner del compilador detecte las clases utilizadas en el tema.

Reseñas

19 de octubre de 2024
Easy to useIntegrate with many page builders
8 de octubre de 2024
WindPress has been a fantastic tool in my design process with Bricks Builder. The plugin integrates smoothly, making it effortless to apply Tailwind CSS within Bricks, allowing for rapid customization without sacrificing design quality or responsiveness. Even though I primarily use Bricks, it’s worth mentioning that WindPress works equally well with many other site builders. Its flexibility across platforms makes it a solid choice for anyone looking to streamline their Tailwind workflow. If you’re using Bricks or any other builder and want a reliable way to implement Tailwind, WindPress is definitely worth it!
8 de octubre de 2024
good plugin for tailwind. thanks for joshua for this awesome plugins
7 de octubre de 2024
If you’re looking to integrate Tailwind CSS with WordPress, Windpress is the solution you need.
7 de octubre de 2024
It help you add tailwind to wordpress without hussle, easy and simple! I recommend to everyone!
Leer todas las 17 reseñas

Colaboradores y desarrolladores

«WindPress – Integración de Tailwind CSS para WordPress» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«WindPress – Integración de Tailwind CSS para WordPress» está traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «WindPress – Integración de Tailwind CSS para WordPress» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

Nota: La versión Pro tiene un número de versión con una versión secundaria superior al de la versión gratuita.

Por ejemplo:
Versión gratuita 1.0.4
Versión Pro 1.1.4

3.1.21

  • New: Upgraded to Tailwind CSS v4 (4.0.0-beta.6 next)
  • Fix: [Breakdance] Editor style is mixed with admin-bar style (margin-top).

3.1.20

  • Fix: [Gutenberg, Breakdance, Bricks, Oxygen] The hover preview feature is too late to disappear when the mouse is moved away from the class name
  • Change: Decouple the Gutenberg-based integrations’ scanner

3.1.19

  • Novedad: integración de Blockstudio [Pro]
  • Novedad: Actualizado a Tailwind CSS v3 (3.4.16)
  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-beta.5 y siguientes)

3.1.18

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-beta.4 y siguientes)
  • Novedad: Integración con Meta Box Views[Pro]

3.1.17

  • Nuevo: El nuevo sitio web y la documentación ya están disponibles en wind.press.
  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-beta.2 y siguientes)
  • Corrección: Los nombres de las clases escaneadas no se desescapan correctamente (#4)

3.1.16

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-beta.1 y siguientes)

3.1.15

  • Novedad: Actualizado a Tailwind CSS v3 (3.4.15)
  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.34 y siguientes)
  • Mejora: Prueba de compatibilidad con WordPress 6.7
  • Corrección: [Gutenberg] Falta de los datos de WindPress en el editor de bloques
  • Cambio: La integración de LiveCanvas ahora está disponible en la versión gratuita
  • Cambio: El contenido por defecto de Tailwind CSS v3 se ha actualizado para la próxima característica del Asistente

3.1.13

  • Corrección: La página de ajustes no se carga

3.1.12

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.23 y siguientes)
  • Mejora: [Breakdance, Bricks, Builderius, Oxygen] La característica de selección de variables ahora está actualizada a los últimos nombres de variables de Tailwind CSS v4
  • Corrección: [Bricks] El panel de selección de variables no se muestra correctamente en el editor de Bricks
  • Cambio: Los stubs CSS v3 de Tailwind se actualizan para la próxima función asistente

3.1.10

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.32 y siguientes)

3.1.9

  • Nuevo: Actualizado a Tailwind CSS v4 (4.0.0-alpha.30 next)

3.1.8

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.29 next)

3.1.7

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.28 y siguientes)

3.1.6

  • Novedad: Actualizado a Tailwind CSS v3 (3.4.14)
  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.27 y siguientes)
  • Novedad: [Bricks] Se añadió ajustes para activar o desactivar características de WindPress. Haz clic derecho en el ícono de WindPress de la barra superior del editor para acceder a los ajustes.

3.1.5

  • Mejora: Reduce el número de módulos de ejecución cargados en la vista pública de la página para usuarios que no son administradores.
  • Mejora:El panel ubicuo ahora se oculta automáticamente cuando se hace clic fuera del panel

3.1.4

  • Corrección: La integración de Breakdance no funciona en el editor debido a que no se cargan los archivos JavaScript necesarios.

3.1.3

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.26 y siguientes)
  • Mejora: Manejo correcto de los módulos locales de JavaScript.
  • Cambio: Cambio de nombre de algunos ganchos de acción y filtro
  • Cambio: Las características de algunas integraciones se cargan condicionalmente en función de la versión de Tailwind CSS compatible.

3.1.1

  • Novedad: Adaptar las características de integración específicas de Tailwind CSS v4 a Tailwind CSS v3: autocompletar, ordenar y nombre de clase a CSS.
  • Mejora: El observador en tiempo de ejecución regenera el CSS solo si se añaden nuevas clases al DOM

3.1.0

  • Novedad: Se ha añadido compatibilidad con Tailwind CSS v3.
  • Novedad: Actualizado a Tailwind CSS v3 (3.4.13)
  • Cambio: Desactivar los estilos de verificación previa por defecto en la nueva instalación.
  • Cambio: los archivos CSS y JavaScript ahora se pueden eliminar vaciando el contenido.
  • Cambio: los archivos main.css y tailwind.config.js ahora se pueden restablecer vaciando el contenido.

3.0.17

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.25 y siguientes)

3.0.15

  • Mejora: Se ha añadido el número de versión de Tailwind CSS incluido en la página de configuración
  • Mejora: Soporte de rutas relativas para los archivos CSS y JavaScript locales.

3.0.14

  • Novedad: Actualizado a Tailwind CSS v4 (4.0.0-alpha.24 y siguientes)
  • Novedad: Un sencillo soporte local de archivos CSS y JavaScript para gestionar las personalizaciones de Tailwind CSS.
  • Corrección: El problema del panel ubicuo en el editor de Bricks

3.0.11

  • Cambio: Desactivado temporalmente la función panel ubicuo en el editor Bricks debido a que causa problemas con la integración.

3.0.10

  • Novedad: Se actualizó a Tailwind CSS v4 (4.0.0-alpha.23 y siguientes)
  • Novedad: Soporte inicial para configuraciones de Tailwind CSS cargadas desde CDN con la directiva @config
  • Mejora: Compatibilidad con internacionalización (i18n) en el escritorio de administración.
  • Corrección: Algunos problemas de estilo en el escritorio de administración

3.0.9

  • Novedad: Actualziación a Tailwind CSS v4 (4.0.0-alpha.21 y siguientes)
  • Novedad: Compatibilidad inicial para plugins de Tailwind CSS cargados desde CDN con la directiva @plugin
  • Mejora: Compatibilidad con internacionalización (i18n) en el escritorio de administración.

3.0.8

3.0.6

  • Mejora:Compatibilidad con internacionalización (i18n)

3.0.0

  • Nuevo: Actualizado a Tailwind CSS v4 (4.0.0-alpha.20 siguiente)
  • Novedad: Integración con Timber
  • Novedad: Integración con Bricks [Pro]
  • Novedad: Integración con Breakdance [Pro]
  • Novedad: Integración con Builderius [Pro]
  • Novedad: Integración con LiveCanvas [Pro]
  • Novedad: Integración con Oxygen [Pro]
  • Mejora: Prueba de compatibilidad con WordPress 6.6

1.0.0

  • 🐣 versión inicial.