TailwindCSS framework comes with mobile first logic. In the wizard we are using name Breakpoints to be easier to understand, but in TailwindCSS config and docs it’s named Screens. Breakpoints that you set in wizard will be in pixels. Sidebar options Load presets To get you started fast we prepared tree sets of breakpoints for […]
Read MoreAuthor: devusrmk
Wizard Font Family
Sidebar options Load pressets To get you started fast we prepared tree set of font families for you that you can insert with just a click. Preset 1: Title,Body Preset 2: Title,SubTitle, Body Builders Font Families Under the builders integration you will be presented active builders that you can include to fetch the font family […]
Read MoreWizard Backup
From the version 2.4.0 you will be able to migrate Wizard settings between website by exporting .json file. You can import settings by dragging .json file. You can create backups in the database and switch between with a single click pressing load config button. Here is what you can do in the Backups tab: Export […]
Read MoreProduction
Once you are ready with your website development it’s end of puling robust framework and it’s time replacing it with optimized one. Compile our production ready CSS. All saving and compiling processes are connected to the Save button. Once you complete a setup in Winden and press Save, several tasks are performed: All your styles, […]
Read MoreWizard Settings and Code preview
Settings Here you can toggle what features you want or do not want to generate the code for the wizard config. Config Preview Here you can see entire preview for the Wizard config. Code is generated on every change and you can preview it without saving the changes.
Read MoreMigrate from TailwindCSS v3 to TailwindCSS v4
Style Tab To migrate from v3 to v4 we made it so simple for the users. Once you hit save we will reload page and call tailwidncss v4 for you. You can use same steps to switch back. Video to document steps For Tailwind v4 docs please read official docs. Config Tab We fully support […]
Read MoreCustom save path
We have added filter to save Winden files to additional location as well. In this example we are saving files to themes/custom-theme/winden/ so we can pack products with compiled css only without Winden.
Read MoreClass names hook
If collecting class names from our current integration is not enough, Winden from v2.6.1 have a hook for adding additional class names. The hook system is implemented through WordPress’s filter mechanism using the winden_register_crawlers hook. When Winden collects classes, it calls this hook to gather additional classes from registered crawlers. Code example: Bellow is and example of the plugin that […]
Read MoreFiles Scanner
Besides scanning the database for what classes you have added to the visual builders we have option to scan theme or plugin files as well. This is especially useful if you are creating Gutenberg blocks, Shortcodes or writhing your child theme to add some custom functionalities. To optimise the scanning we have several options: File […]
Read MoreCDN Version Rollback
What to do if library stop working? Recently we had incident where Fluid Typography was working one day and just stop working. So where to start??? Always console log first! Bellow you can see how I investigated console log and that the error is inside Fluid Typography Library. Go to the GitHub and investigate the […]
Read More