Form Send Blocks vs WindPress – Tailwind CSS integration for WordPress

An overview of the features is below. – Provides three blocks: a form that houses a custom block for input, a form that confirms the input content, and a form that displays the results when the form is submitted. – We provide a block that sends the content entered from the input block as a notification email to the set administrator and as an automatic response email to the user who entered it. – It has a function to store the entered contents in the WordPress database. Below is an overview of the functions of each block. 1.Input figure This block is a block that stores Design Text Control, Design CheckBox, Design Select, and Design Button of BLOCK COLLECTIONS as an inner block and generates a submission form. Blocks other than these cannot be stored, but there are no particular restrictions on the number. Confirm figure This block checks the contents entered in the Input Figure and generates a form for sending. Display your entries in a table for confirmation. Then click the submit button to submit the form. 3.Thanks Figure This is a block that generates a form to display the submission results. You can set the text of the transmission result and display its contents. You can set a fixed redirect page for the placed button. Contact Mail Sender This block stores the Design Process of Input Figure, Confirm Figure, Thanks Figure, and BLOCK COLLECTIONS as an inner block and generates an inquiry page by email. We will send an email notifying you of the inquiry from the web page where this block is placed, as well as an automatic response email to the web page viewer who made the inquiry. This content can be stored in the WordPress database, but the current version does not have the ability to display this content. This is a feature for future version upgrades. Related Links Github source code block-class-package:GitHub block-class-package:Packagist itmar-block-packages:npm itmar-block-packages:GitHub Arbitrary section Style settings that may require responsive support can be set separately for desktop mode (displayed on devices with a width of 768px or more) and mobile mode (displayed on devices with a width of 767px or less). To tell which setting is set, when you switch the display mode in the block editor or site editor, “(Desktop)” and “(Mobile)” will be displayed in the side menu display. Please note that responsiveness for tablet display is not supported. This plugin depends on the BLOCK COLLECTIONS plugin. This plugin requires installation and activation in order to use it. Regarding the display of text, etc., settings are made using WordPress’s internationalization function, so it is possible to display text in multiple national languages. Currently, English and Japanese notation is possible. The Contact Mail Sender block uses jquery.easing for screen transition animation. Therefore, when using this block, please comply with the following terms of use. jquery.easing/LICENSE-BSD-3-Clause.txt We use wp_mail for email sending. Therefore, when sending emails from a local environment, it is necessary to install a plugin that provides an SMTP environment such as WP Mail SMTP by WPForms. Is required. PHP class management is now done using Composer. GitHub Packagist I decided to make functions and components common to other plugins into npm packages, and install and use them from npm. npm GitHub

WindPress: the only Tailwind CSS v3 and v4 integration plugin for WordPress. WindPress is a platform agnostic Tailwind CSS integration plugin for WordPress that allows you to use the full power of Tailwind CSS within the WordPress ecosystem. Tailwind CSS version: – 3.4.19 – 4.3.3 Features WindPress is packed full of features designed to streamline your workflow. Some of our favorites are: Dual Tailwind CSS version: Tailwind CSS 3.x and 4.x ready. Plug and play: Start using Tailwind CSS in WordPress in seconds — no setup is required. Customizable Configuration: The plugin comes with a default Tailwind CSS configuration, but you can easily customize it to fit your needs. Easy to use: Simplified and intuitive settings to get you up and running quickly. Lightweight: The plugin dashboard built on top of WordPress REST API, and a modern JavaScript framework for an instant, responsive user experience. Yet it has a small footprint and won’t slow down your site. Blazingly fast: Cache makes your WordPress site blazing fast. Generate the final optimized CSS file in the browser without server-side tools. None of your data is transferred over the network. And some specific integrations also include the following features: Autocompletion: As you type, Tailwind CSS class names will be suggested automatically. Variable Picker: Easily select Tailwind CSS themes’ colors, fonts, and other variables from a panel. HTML to native elements: Convert Tailwind CSS HTML to native elements in the editor. Sort the classes: Sort the Tailwind CSS classes on the input field. Hover Preview the classes: Hover over the classes to see the complete outputted CSS and the preview of the design canvas. Ubiquitous Panel: A floating panel that allows you to quickly access the WindPress settings from anywhere on the page. Visit our website for more information. Seamless Integration It’s easy to build design with Tailwind CSS thanks to the seamless integration with the most popular visual/page builders: Gutenberg / Block Editor GreenShift Kadence WP LiveCanvas Timber Blockstudio — Pro Breakdance — Pro Bricks — Pro Builderius — Pro Etch — Pro Meta Box Views — Pro Oxygen 6 / Classic — Pro WPCodeBox 2 — Pro Planned / In Progress Elementor Divi Pinegrow Zion Builder Note: The core feature will remain available on all versions, but some integrations may be added or removed from the free version in the future. Bring Your Own Integration WindPress is designed to be easily extensible, so you can build your integrations with Tailwind CSS. The plugin provides a simple API for adding integrations. Check out our detailed guide to get started. Love WindPress? Give a 5-star review Purchase the Pro version Join our Facebook Group Sponsor us on GitHub or Ko-fi Credits Image by Pixel perfect on Flaticon Affiliate Disclosure: This readme.txt may contain affiliate links. If you decide to make a purchase through these links, we may earn a commission at no extra cost to you.