=== Custom Layouts (for Posts, Products and CPTs) === Contributors: CodeAmp Tags: posts, products, custom layouts, post grid, product grid, post layout, post design, post ui, layout builder Requires at least: 5.6 Tested up to: 5.6 Requires PHP: 7.2 Stable tag: 1.1.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Build a list or grid layout of any post type (products, pages, posts + more). Design the look of each item in the layout using our powerful drag and drop template editor. == Description == * Build custom layouts for listing any post type * Design post templates (cards) using our drag and drop builder * Built for both Gutenberg users and non Gutenberg users (shortcodes available) * Query editor - choose what to display using using multiple query parameters * Works with any theme * No coding required == Features == = Layout Editor = * Build single column or grid based layouts * Supports Masonry out of the box * Tons of design options to build the layout you want = Powerful Template editor = * Design individual templates (cards) using our drag and drop editor - creativity is your only limit * Link them with your layouts to build beautiful designs * Hundreds of design options * Unique Elements system (based on the block system) * granular control over the elements you add to your design * choose from a (growing) list of unique elements and add them where you want * to re-arrange elements, just drag and drop * each element has it own sidebar full of options * 3 included presets ready for customisation (or build your own from scratch) = Gutenberg integration = * Custom blocks for building layouts * Seamlessly integrates with our Template Editor * UI built using 90% Gutenberg components 👍 = Query Editor = * Powerful query editor allows you to show the posts you want * Choose from any post type ( or combination of post types ) * Order the posts by Post Title, Published Date, Modified Date or Post ID * Exclude sticky posts * + more coming soon = Pagination = * Choose to add numbered Pagination * + 'Load more' and 'Infinite scroll' options coming soon = Built for speed = * At its base - loads only 1 css file and 1 javascript file on the frontend * Doesn't load CSS + JS on pages not using Custom Layouts * CSS file dynamically created, saving resources and requests per page load (+ avoiding inline CSS) * CSS file base size 20kb, approx 2kb added per template you create and publish * JS file only 15kb * Caches posts + queries for optimum performance * Not jQuery dependant == Screenshots == == Installation == = Uploading in WordPress Dashboard = 1. Navigate to the 'Add New' in the plugins dashboard 2. Navigate to the 'Upload' area 3. Select `custom-layouts.zip` from your computer 4. Click 'Install Now' 5. Activate the plugin in the Plugin dashboard = Using FTP = 1. Download `custom-layouts.zip` 2. Extract the `custom-layouts` directory to your computer 3. Upload the `custom-layouts` directory to the `/wp-content/plugins/` directory 4. Activate the plugin in the Plugin dashboard == Frequently Asked Questions == = How do I add a layout to a page? (Gutenberg way) = Then you can use the `Custom Layouts` block. All of the layout options are available from within the block inspector. = How do I add a layout to a page? (Shortcode method) = You can find this shortcode in the sidebar of your Layout Template. It will look something like: `[custom-layouts id="123"]` Where `123` is the ID of your layout = How do I add a template to a layout? = * First create a template by heading to "Templates" in the "Custom Layouts" admin menu or by clicking "add new" in the layout block. * Edit your template and when finished you can choose it from the "Post Template" dropdown in your layout. == Known Issues == * Admin Template Editor only works on desktop computers (tablets + mobiles not supported) * Admin Template Editor does not work on IE, all other major browsers supported - ** the frontend of this plugin supports IE 11+, no sweat == Screenshots == == Roadmap == * Responsive options * Support additional CSS unit types (currently only supports px) * Elements for WooCommerce * Elements for Custom Fields + ACF * More layout elements ( line breaks, custom text, icons etc) * Social/sharing elements * Single Post Block * More hover options * More font options ( Google fonts / Gutenberg api coming soon ) == Changelog == = 1.1.1 = * Fix - Enable link on featured image was not working * Fix - Modal template title not showing up correctly * Fix - Grid spacing not working * Fix - Border color not being set properly * Fix - Update CSS file when templates are drafted / trashed / deleted * Improvement - store queried IDs in transients (they will get complex eventually) * Improvement - update icon (still room for improvement) * Improvement - Theme colours + gradients now available in template editor admin page with WP 5.7 or Gutenberg 9.7+ * Improvement - Update all frontend class names to use BEM naming conventions for predictable and reliable naming (we do increase the specificity, though) * New - admin settings page to allow full rebuild of CSS files * New - Gradient picker for background colors * New - Alpha transparency for all color pickers * New - Create new templates directly from the layout block * New - Equal height rows (when not using masonry) * New - Featured Image options - set image size, ratio and fit mode * New - Add support for layout block alignment (supports wide and full width) * New - Demo templates = 1.1.0 = * New - Gutenberg Integration - New block + modal editor * Layout Block - build layouts using the new layout block * Modal Template Editor - get the full template editor as a modal from within the layout block * Fix - update version number whenever templates are saved to prevent caching of frontend CSS * Fix - remove admin-ajax dynamic CSS and opt to use inline CSS as a fallback instead * Fix - store generated CSS in post meta for faster loading, and only regenerate the updated templates when needed * General UI fixes = 1.0.1 = * Fix - issue with imagesLoaded & re-initialising the layout on frontend * Fix - issue with frontend date formatting when "custom" was chosen (thanks @paaljoachim) * Fix - issues with the padlock unsetting in our dimension controls * Fix - allow for multiple layouts on a single page + support for multiple masonry instances = 1.0.0 = * Initial version. = 0.0.1 = * Init project setup == Upgrade Notice == = 1.0 =