search

Pilot-in / PiloPress

The most advanced WordPress Page Builder using Advanced Custom Fields & TailwindCSS
https://www.pilopress.com
63 stars 11 forks source link
acf acf-extended acf-pro advanced-custom-fields tailwindcss wordpress wordpress-plugin

readme

Pilo'Press Banner

Pilo'Press

The most advanced WordPress Page Builder using Advanced Custom Fields & TailwindCSS.

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 TailwindCSS for style templating by default which you can configure and build directly from the back-office. (Please note that TailwindCSS is not mandatory, you can choose to use it or not)

All features are describe in details (with screens & videos), in our Website. You can discuss with us on the Pilo'Press slack community.

Table of Contents

Requirements

This plugin requires Advanced Custom Fields PRO and Advanced Custom Fields: Extended plugins in order to work correctly.

Plugin installation

Theme installation

After plugin activation, you will have 1 parent folder with 2 sub-folders in your theme : pilopress/layouts and pilopress/assets In the index.php file, add the following code:

<?php

// Header
get_header();

// Pilo'Press: Content
the_pip_content();

// Footer
get_footer();

TailwindCSS

In the administration, under Pilo'Press > Styles, when you click on "Update & Compile", TailwindCSS will be compiled remotely using a remote TailwindCSS API. Minified CSS files are then created under /pilopress/assets/styles.min.css and /pilopress/assets/styles-admin.min.css.

Those files are automatically enqueued but there are filters to disable this auto-enqueue if you want to.

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    = pip_get_tailwind_css();
$tailwind_config = pip_get_tailwind_config();

For more details, see Tailwind CSS Documentation.

Customizing TailwindCSS

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 our Documentation.

Add new layout

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();

You can specify a post, page or custom post type item ID to display content of this item.

Components

See Components documentation for complete example.

Hooks

Available hooks are list and describe in our Hooks documentation

Changelog

0.4.3.2 - 05/04/2023

0.4.3.1 - 12/10/2022

0.4.3 - 08/07/2022

0.4.2 - 07/03/2022

0.4.1.1 - 01/10/2021

0.4.1 - 02/08/2021

0.4.0 - 04/02/2021

0.3.2.11 - 02/11/2020

0.3.2.10 - 10/09/2020

0.3.2.9 - 07/09/2020

0.3.2.8 - 22/07/2020

0.3.2.7 - 22/07/2020

0.3.2.6 - 16/07/2020

0.3.2.5 - 17/06/2020

0.3.2.4 - 10/06/2020

0.3.2.3 - 10/06/2020

0.3.2.2 - 09/06/2020

0.3.2.1 - 08/06/2020

0.3.2 - 08/06/2020

0.3.1 - 29/05/2020

0.3 - 20/05/2020

0.2 - 19/05/2020

0.1 - 14/05/2020