Deskripsi

WindPress: satu-satunya plugin integrasi Tailwind CSS v3 dan v4 untuk WordPress.

WindPress adalah plugin integrasi Tailwind CSS platform agnostik untuk WordPress yang memungkinkan Anda untuk menggunakan kekuatan penuh Tailwind CSS dalam ekosistem WordPress.

Tailwind CSS version:
– 3.4.17
– 4.1.3

Fitur

WindPress dikemas penuh dengan fitur yang dirancang untuk menyederhanakan alur kerja Anda. Beberapa favorit kami adalah:

Versi Ganda Tailwind CSS: Tailwind CSS 3.x dan 4.x siap.
Pasang dan mainkan: Mulai gunakan Tailwind CSS di WordPress dalam hitungan detik — tidak diperlukan penyiapan.
Konfigurasi yang Dapat Disesuaikan: Plugin ini hadir dengan konfigurasi Tailwind CSS default, namun Anda dapat dengan mudah menyesuaikannya agar sesuai dengan kebutuhan Anda.
Mudah digunakan: Pengaturan yang disederhanakan dan intuitif agar Anda siap bekerja dengan cepat.
Ringan: Dasbor plugin yang dibangun di atas REST API WordPress, dan kerangka kerja JavaScript modern untuk pengalaman pengguna yang instan dan responsif. Namun ini memiliki dampak yang kecil dan tidak akan memperlambat situs Anda.
Sangat cepat: Cache membuat situs WordPress Anda sangat cepat. Hasilkan file CSS final di browser tanpa alat sisi server. Tidak ada data Anda yang ditransfer melalui jaringan.

Dan beberapa integrasi spesifik juga mencakup fitur-fitur berikut:

Pelengkapan otomatis: Saat Anda mengetik, nama kelas Tailwind CSS akan disarankan secara otomatis.
Pemilih Variabel: Pilih warna, font, dan variabel lain tema Tailwind CSS dengan mudah dari panel.
HTML ke elemen asli: Mengonversi HTML Tailwind CSS ke elemen asli di editor.
Urutkan kelas: Mengurutkan kelas Tailwind CSS pada bidang input.
Pratinjau Kelas dengan Arahkan Kursor: Arahkan kursor ke kelas untuk melihat CSS yang dihasilkan secara lengkap dan pratinjau kanvas desain.
Panel yang ada di mana-mana: Panel mengambang yang memungkinkan Anda mengakses pengaturan WindPress dengan cepat dari mana saja pada halaman.

Kunjungi situs web kami untuk informasi lebih lanjut.

Integrasi yang Mulus

Sangat mudah untuk membuat desain dengan Tailwind CSS berkat integrasi yang mulus dengan pembuat visual/halaman paling populer:

Gutenberg / Block Editor
GreenShift
Kadence WP
LiveCanvas
Timber
Blockstudio — Pro
Breakdance — Pro
Bricks — Pro
Builderius — Pro
Meta Box Views — Pro
Oxygen 6 / Classic — Pro
WPCodeBox 2 — Pro

Direncanakan / Sedang Berlangsung

Catatan: Fitur inti akan tetap tersedia di semua versi, tetapi beberapa integrasi dapat ditambahkan atau dihapus dari versi gratis di masa mendatang.

Bawa Integrasi Anda Sendiri

WindPress dirancang agar mudah diperluas, sehingga Anda dapat membangun integrasi dengan Tailwind CSS. Plugin ini menyediakan API sederhana untuk menambahkan integrasi.
Lihat panduan terperinci kami untuk memulai.

Suka WindPress?

Berikan ulasan bintang 5
Beli versi Pro
Bergabung bersama kami di Facebook Group
Sponsori kami di GitHub atau Ko-fi

Penghargaan

Gambar oleh Pixel perfect di Flaticon

Pengungkapan Afiliasi: Readme.txt ini mungkin berisi tautan afiliasi. Jika Anda memutuskan untuk melakukan pembelian melalui tautan ini, kami dapat memperoleh komisi tanpa biaya tambahan untuk Anda.

Tangkapan Layar

Halaman pengaturan WindPress untuk memilih versi Tailwind CSS atau menghasilkan file CSS yang di-cache.
Editor file tailwind.config.js, yang memungkinkan penambahan plugin Tailwind CSS.
Editor file main.css, yang memungkinkan Anda menambahkan CSS khusus.
Fitur saran nama kelas Tailwind CSS pada editor Gutenberg.
Urutkan kelas Tailwind CSS pada bidang masukan.
Arahkan kursor di atas nama kelas Tailwind CSS untuk melihat CSS lengkap yang dihasilkan dan pratinjau kanvas desain.
Halaman ujung depan dengan kelas Tailwind CSS yang diterapkan, seperti yang ditambahkan dari penyunting Gutenberg.

Tanya Jawab

Versi Tailwind CSS mana yang didukung oleh WindPress?: WindPress mendukung Tailwind CSS versi 3 dan 4 dan akan menerima pembaruan rutin untuk mendukung versi terbaru.
Apakah WindPress mendukung plugin Tailwind CSS?: Ya, WindPress mendukung plugin Tailwind CSS. Anda dapat menambahkan plugin tersebut di penyunting berkas tailwind.config.js. Plugin Tailwind CSS akan dimuat dari CDN esm.sh.
Apakah saya memerlukan koneksi internet untuk menggunakan WindPress?: Tidak, secara default, Anda tidak memerlukan koneksi internet untuk menggunakan WindPress. Namun, koneksi internet diperlukan untuk memuat plugin Tailwind CSS dari CDN.
Tema apa yang kompatibel dengan WindPress?: WindPress sesuai dengan semua tema WordPress. Penyesuaian kecil mungkin diperlukan agar pemindai kompiler dapat mendeteksi kelas yang digunakan dalam tema.

Ulasan

piggom 21 Maret 2025

Actively developed and easy to use

adjk 18 Maret 2025

Great UI update with Version 3.2.1! Well made plugin and does exactly what it needs to for tailwind integration. Frequent updates and great support a great addition to the WordPress ecosystem.

resocole 4 Maret 2025

Good job out there

Giovanni de Luca 21 Februari 2025

It was everything I needed to create my own themes using Tailwind CSS.

Cuong Thach 10 Februari 2025

If you’re looking for a way to integrate the Tailwind CSS framework into WordPress, WindPress is the perfect solution. It’s easy to set up and works seamlessly with the Block Editor.Trust me, no other WordPress plugin does it quite like WindPress. If possible, I recommend upgrading to WindPress Pro.

pradeep.ghildiyal 4 Februari 2025

super easy to integrate with tailwind

Baca semua 26 ulasan

Kontributor & Pengembang

“WindPress – Integrasi Tailwind CSS untuk WordPress” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

“WindPress – Integrasi Tailwind CSS untuk WordPress” telah diterjemahkan dalam 5 bahasa. Terima kasih kepada para penerjemah untuk kontribusi-nya.

Terjemahkan “WindPress – Integrasi Tailwind CSS untuk WordPress” dalam bahasa Anda.

Tertarik mengembangkan?

Lihat kode, periksa repositori SVN , atau mendaftar ke log pengembangan melalui RSS.

Log Perubahan

Catatan: Versi Pro memiliki nomor versi dengan satu versi minor lebih tinggi daripada versi Gratis.

Sebagai contoh:
Versi gratis 1.0.4
Versi Pro 1.1.4

3.2.29

New: Upgraded to Tailwind CSS v4 (4.1.4 latest)

3.2.28

Improve: Safari browser compatibility
Improve: [Metabox Views] Scanner now use the rendered data instead of the raw data

3.2.27

Fix: [TW4] @source directive with jsdelivr CDN is not working correctly

3.2.26

New: Upgraded to Tailwind CSS v4 (4.1.3 latest)
Improve: [TW4] Autocompletion feature now supports user-defined classes from the Simple File System data.
Improve: Exclude the WindPress files from being processed by the SiteGround Speed Optimizer plugin
Fix: [Gutenberg] Misconfigured integration on the block editor

3.2.24

Perbaikan: [TW4] Kesalahan dalam menghasilkan cache yang disebabkan oleh perubahan directive @source di Tailwind CSS v4 (4.1.1)

3.2.23

Baru: Ditingkatkan ke Tailwind CSS v4 (4.1.1 terbaru)
Peningkatan: Menambahkan pintasan keyboard untuk Menghasilkan Cache di halaman dasbor WindPress
Peningkatan: [TW3] Performa & stabilitas Play Observer / Kompiler

3.2.22

Perbaikan: Kendala penyimpanan pada fitur Incremental Generate Cache #34

3.2.21

Peningkatan: [Experimental] Plugin ini sekarang sudah dapat diterjemahkan sepenuhnya. Bantu kami menerjemahkan plugin ke dalam bahasa Anda di WordPress.org

3.2.12

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.17 terbaru)

3.2.11

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.16 terbaru)

3.2.7

Perbaikan: Masalah kompatibilitas browser dengan pembaruan kompiler terbaru.
Perbaikan: File pada editor ditandai sebagai hanya-baca pada OS Windows

3.2.5

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.15 terbaru)
Baru: [TW4] Kompiler sekarang dapat menghasilkan cache pada halaman front-end. Ini hanya tersedia jika pengaturan “Admin selalu menggunakan Kompiler” diaktifkan.
Perbaikan: [TW4] [Breakdance, Bricks, Builderius, LiveCanvas, Oxygen Classic] Fitur “Hasilkan Cache saat Menyimpan” tidak tersedia pada versi sebelumnya

3.2.4

Perbaikan: [TW4] Impor stylesheet lokal tidak diselesaikan dengan benar

3.2.3

Baru: Integrasi Oxygen 6 [Pro]
Peningkatan: [TW4] Performa & stabilitas Play Observer / Kompiler
Perbaikan: [TW4][Breakdance] Style sekarang langsung diterapkan pada editor

3.2.2

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.14 terbaru)
Baru: Menyegarkan desain dan tata letak halaman dasbor WindPress untuk pengalaman pengguna yang lebih baik. Dibangun dengan Nuxt UI terbaru
Perbaikan: [TW3] File tailwind.config.js tidak dimuat dengan benar

3.1.35

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.9 terbaru)
Perubahan: [TW4] Mengimpor file CSS tambahan dengan directive @import kini menggunakan format berikut: @import “fetch:https://example.com/path/to/the/file.css";

3.1.34

Perbaikan: Masalah proses pembuatan cache pada resolusi modul di file main.css

3.1.33

Perbaikan: Masalah proses pembuatan cache pada direktif @import di file main.css

3.1.32

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.8 terbaru)
Baru: Integrasi WPCodeBox 2 [Pro]
Peningkatan: Performa yang lebih baik pada proses pembuatan cache
Perubahan: [TW4] Membuat cache CSS akan menghapus variabel CSS yang tidak digunakan. Untuk selalu menyimpannya, tambahkan dalam blok @theme static { } di dalam berkas main.css. Sebagai alternatif, Anda dapat mengganti kode @import 'tailwindcss/theme.css' layer(theme); menjadi @import "tailwindcss/theme.css" layer(theme) theme(static); di dalam berkas main.css.

3.1.31

Perbaikan: Data yang diimpor Sistem File Sederhana tidak dimuat dengan benar

3.1.30

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.7 terbaru)
Perbaikan: [TW4] Directive @source menyebabkan kesalahan saat dimuat di editor pembuat halaman

3.1.29

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.6 terbaru)
Baru: [TW4] Directive @source sekarang didukung tetapi berbeda dengan versi CSS resmi Tailwind. Silakan lihat dokumentasi kami untuk detailnya.

3.1.28

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.5 terbaru)

3.1.27

Baru: Data Sistem File Sederhana sekarang dapat diekspor dan diimpor dari halaman dasbor WindPress

3.1.26

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.4 terbaru)

3.1.25

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.3 terbaru)

3.1.24

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.1 terbaru)

3.1.23

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0 terbaru)

3.1.22

Perbaikan: [Gutenberg] Masalah pemfokusan otomatis bidang kelas CSS pada editor blok
Perbaikan: [Gutenberg, Breakdance, Bricks, Builderius, LiveCanvas, Oxygen] Fitur “Hasilkan Cache saat Menyimpan” tidak menggunakan versi Tailwind CSS yang dipilih

3.1.21

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-beta.6 selanjutnya)
Perbaikan: [Breakdance] Style editor bercampur dengan style admin-bar (margin-atas)

3.1.20

Perbaikan: [Gutenberg, Breakdance, Bricks, Oxygen] Fitur pratinjau melayang terlambat menghilang saat mouse digerakkan menjauh dari nama kelas
Ganti: Memisahkan pemindai integrasi berbasis Gutenberg

3.1.19

Baru: Integrasi Blockstudio [Pro]
Baru: Ditingkatkan ke Tailwind CSS v3 (3.4.16)
Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-beta.5 selanjutnya)

3.1.18

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-beta.4 selanjutnya)
Baru: Integrasi Meta Box Views [Pro]

3.1.17

Baru: Situs web dan dokumentasi baru kini tersedia di wind.press
Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-beta.2 selanjutnya)
Perbaikan: Nama kelas yang dipindai tidak dapat di-escape dengan benar(#4)

3.1.16

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-beta.1 selanjutnya)

3.1.15

Baru: Ditingkatkan ke Tailwind CSS v3 (3.4.15)
Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.34 selanjutnya)
Peningkatan: Uji kompatibilitas dengan WordPress 6.7
Perbaikan: [Gutenberg] Kehilangan data WindPress pada editor blok
Perubahan: Integrasi LiveCanvas sekarang tersedia pada versi Gratis
Perubahan: Rintisan/konten default Tailwind CSS v3 telah diperbarui untuk fitur Wizard yang akan datang

3.1.13

Perbaikan: Halaman pengaturan tidak dimuat

3.1.12

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.33 selanjutnya)
Peningkatan: [Breakdance, Bricks, Builderius, Oxygen] Fitur Pemilih Variabel kini telah diperbarui ke nama variabel Tailwind CSS v4 terbaru
Perbaikan: [Bricks] Panel Variable Picker tidak ditampilkan dengan benar pada editor Bricks
Perubahan: Rintisan Tailwind CSS v3 diperbarui untuk fitur Wizard yang akan datang

3.1.10

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.32 selanjutnya)

3.1.9

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.30 selanjutnya)

3.1.8

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.29 selanjutnya)

3.1.7

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.28 selanjutnya)

3.1.6

Baru: Ditingkatkan ke Tailwind CSS v3 (3.4.14)
Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.27 selanjutnya)
Baru: [Bricks] menambahkan pengaturan untuk mengaktifkan atau menonaktifkan fitur WindPress. Klik kanan ikon WindPress pada bilah atas Editor untuk mengakses pengaturan.

3.1.5

Peningkatan: Mengurangi jumlah modul Play yang dimuat di halaman front-end untuk pengguna non-admin
Perbaikan: Panel Ubiquitous sekarang secara otomatis disembunyikan apabila bagian luar panel diklik

3.1.4

Perbaikan: Integrasi Breakdance tidak berfungsi pada editor karena gagal memuat file JavaScript yang diperlukan

3.1.3

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.26 selanjutnya)
Peningkatan: Menangani modul JavaScript lokal dengan benar
Perubahan: Mengganti nama beberapa action dan filter hook
Perubahan: Beberapa fitur integrasi dimuat secara kondisional berdasarkan versi Tailwind CSS yang didukung

3.1.1

Baru: Porting fitur integrasi khusus Tailwind CSS v4 ke Tailwind CSS v3: Pelengkapan otomatis, Pengurutan, dan Nama kelas ke CSS
Peningkatan: Play Observer membuat ulang CSS hanya jika kelas baru ditambahkan ke DOM

3.1.0

Baru: Dukungan Tailwind CSS v3 telah ditambahkan
Baru: Ditingkatkan ke Tailwind CSS v3 (3.4.13)
Perubahan: Nonaktifkan style preflight secara default pada instalasi baru
Perubahan: File CSS dan JavaScript sekarang dapat dihapus dengan mengosongkan konten
Perubahan: File main.css dan tailwind.config.js sekarang dapat diatur ulang dengan mengosongkan konten

3.0.17

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.25 selanjutnya)

3.0.15

Peningkatan: Menambahkan nomor versi Tailwind CSS yang dibundel pada halaman pengaturan
Peningkatan: Dukungan jalur relatif untuk file CSS dan JavaScript lokal

3.0.14

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.24 selanjutnya)
Baru: Dukungan file CSS dan JavaScript lokal yang sederhana untuk mengelola kustomisasi Tailwind CSS
Perbaikan: Masalah fitur Panel Ubiquitous pada editor Bricks

3.0.11

Perubahan: Menonaktifkan sementara fitur Ubiquitous Panel pada editor Bricks karena menyebabkan masalah pada integrasi.

3.0.10

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.23 selanjutnya)
Baru: Dukungan awal pada konfigurasi Tailwind CSS yang dimuat dari CDN dengan directive @config
Peningkatan: Dukungan internasionalisasi (i18n) pada dasbor admin
Perbaikan: Beberapa kendala style pada dasbor administrator

3.0.9

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.21 selanjutnya)
Baru: Dukungan awal pada plugin Tailwind CSS yang dimuat dari CDN dengan directive @plugin
Peningkatan: Dukungan internasionalisasi (i18n) pada dasbor admin

3.0.8

Baru: Integrasi Gutenberg.
Baru: Integrasi GreenShift.
Baru: Integrasi Kadence WP.

3.0.6

Peningkatan: Dukungan internasionalisasi (i18n)

3.0.0

Baru: Ditingkatkan ke Tailwind CSS v4 (4.0.0-alpha.20 selanjutnya)
Baru: Integrasi Timber
Baru: Integrasi Bricks [Pro]
Baru: Integrasi Breakdance [Pro]
Baru: Integrasi Builderius [Pro]
Baru: Integrasi LiveCanvas [Pro]
Baru: Integrasi Oxygen [Pro]
Peningkatan: Uji kompatibilitas dengan WordPress 6.6

1.0.0

🐣 Rilis perdana.