Pilo'Press
Pilo’Press is a framework plugin for WordPress. Based on ACF and ACF Extended, it allows you to create layouts among other things and use the Flexible Content field as a page builder. Pilo’Press uses Tailwind CSS for style templating which can be setup and build directly from the back-office. Please note that Tailwind CSS is not mandatory, you can choose to use it or not. Requirements This plugin requires Advanced Custom Fields PRO and Advanced Custom Fields: Extended plugins in order to work correctly. Getting started Activate Advanced Custom Fields Pro plugin Activate ACF Extended plugin Activate Pilo’Press plugin In your theme, create a pilopress folder Within the pilopress folder, create layouts subfolder Within the pilopress folder, create assets subfolder In the index.php file, add the following code: Styles, when you click on “Update & Compile”, TailwindCSS will be compiled remotely using TailwindAPI. Minified CSS files are then created under /pilopress/assets/styles.min.css and /pilopress/assets/styles-admin.min.css. You can manually enqueue those files in your theme for the front-end & the back-end, but we recommend to use automatic enqueue code above. It is possible to manually retrieve the Tailwind PostCSS & JS fields of the administration if you want to build TailwindCSS locally. To do so, you can use the following code: $tailwind_css = get_field( 'pip_tailwind_style', 'pip_styles_tailwind' ); $tailwind_config = get_field( 'pip_tailwind_config', 'pip_styles_tailwind' ); For more details, see Tailwind CSS Documentation. Customizing style To customize default Tailwind CSS styles, go to Pilo'Press > Styles from left navigation menu or top bar menu. For more details about customization, see Github Page. Add new layout In the admin menu Pilo'Press > Layouts, add a new layout Configure the layouts fields Create PHP, CSS and JS files in your theme layout folder /your-theme/pilopress/layouts/your-layout You have to name those files the same way you did in back-office settings Note: only PHP template file is require. Templating To display the content of your post, you have to use the following function: // Pilo'Press content (doesn't need 'echo') the_pip_content(); // Pilo'Press content (needs 'echo') echo get_pip_content(); Components See GitHub Page for complete example. Hooks Available hooks are list and describe in GitHub Page
Top keywords
- css9×2.41%
- tailwind9×2.41%
- content6×1.61%
- pilopress6×1.61%
- styles6×1.61%
- fields5×1.34%
- layouts5×1.34%
- tailwind css5×1.34%
- 'pip4×1.07%
- files4×1.07%
- folder4×1.07%
- page4×1.07%
Subtle Icons – SVG Icon Block Suite, Icon Picker & ACF Field
Subtle Icons is a lightweight plugin that brings thousands of icons directly into the WordPress block editor and Advanced Custom Fields (ACF). Stop enqueuing heavy FontAwesome stylesheets. Subtle Icons generates clean, inline SVG code natively in the editor, keeping your frontend free of external scripts and font files. The Ultimate WordPress Icon Picker Powered by the massive Iconify ecosystem, easily search and insert icons from dozens of popular open-source libraries without leaving the WordPress editor. Supported libraries include: Lucide Icons Material Design Icons Heroicons FontAwesome Bootstrap Icons Phosphor Icons …and dozens more, or upload your own custom SVGs! Four Native Gutenberg Icon Blocks Icon Button Block: Prompt visitors to take action with a native-feeling button block supporting leading and trailing icons. Icon List Block: Create clean lists with icons that match your theme and improve scanability. Icon + Text Block: Pair an icon with text for notices, callouts, and feature highlights. Icon Block: A standalone SVG icon block with sizing, thickness, and color controls. Advanced Custom Fields (ACF) Integration Bring icons to your structured content. Subtle Icons adds a fully integrated Icon Picker field to ACF. Add icons to taxonomies, repeaters, options pages, and custom blocks seamlessly. Built for Developers & Custom Integrations Take full control of the icon workflow. Use our lightweight filters and actions to tailor the experience for your clients and custom builds. Filter or restrict available icon collections Configure default block icons globally Robust developer documentation and more extensibility coming soon! Development The complete source code for this plugin, including all uncompiled JavaScript and CSS, is available at this public GitHub repo. Build requirements: Node.js and npm. To build from source: Clone the repository: git clone https://github.com/skysarwer/subtle-icons Install dependencies: npm install Compile assets for production: npm run build Or start a development watcher: npm start External Services This plugin uses the Iconify API to power the Icon Picker. The API is never called on the public frontend; it only runs in the WordPress admin when actively used by a logged-in user with post-editing capabilities. No personally identifiable information (PII) is transmitted. For more details, see “How is data sent to Iconify” in our FAQs.
Top keywords
- icons14×3.88%
- icon12×3.32%
- block
