Build a Dynamic Frontend Dashboard

This introductory module overviews the course, highlights the final results, and introduces the tools used to create a custom frontend dashboard in WordPress, including the setup of Advanced Custom Fields.

1. Introduction to the final results
2. The tools used for the course
3. How ACF is setup for our demo site.

This module guides you step by step through creating and setting up the main content listing page, which serves as the central hub for the custom dashboard’s core functionality throughout the course.

1. The basic content listing page
2. Building the content list
3. Adding basic navigation
4. Building the query loop for the content list
5. Adding pagination for the query loop
6. Adding a custom error message (with conditions)
7. Restricting content to the logged-in user (bonus).

This module focuses on building the Add Content page and introduces the process of managing content using WSForm and the Post Management addon, which serves as the foundation of the course.

1. Creating the new ‘Add Content’ page.
2. Building the ‘Add Content’ for in WSForm and an introduction to the main concepts used in form building
3. Build the ‘Add Content’ page and add the new form.
4. Configure access options to avoid unwanted access is provided
5. Connecting the ‘Add Content’ created in the previous module on the listing page.

This module focuses on the ‘Edit Content’ page, building on the skills from the previous module by introducing URL variables to filter form content, pre-populate forms with relevant post data, and implement additional security measures.

1. Overview of the Edit Content page
2. Building the Edit Content form
3. introducing the hidden field feature
4. Pre-populating the edit form
5. Building the ‘Edit Content’ page
6. Detailing ‘URL Variables’ and how to use them
7. Recap on the skills covered.

This module focuses on the ‘Trash Content’ function, which enables the removal of content from the website without immediate deletion. You’ll create the Trash Content page and integrate the new form functionality.

1. An overview of the ‘Trash Content’ function
2. Building the ‘Trash Content’ form
3. Setting up the post-management function to trash the selected content
4. Building the ‘Trash Content’ page and inserting the relevant template components & conditions
5. Configuring the ‘Trash Content’ button in the listing page and passing the relevant URL Variable.

This module enhances the custom dashboard’s content management capabilities by adding filters, sorting options, and a custom search feature for quick and efficient content management.

1. Enabling the filtering and search functionality in Bricks
2. Building the first filter
3. Referencing ACF data in Bricks filters
4. Adding a filter reset option
5. Building a custom search function
6. Adding content sorting options
7. Wrapping up the course.

This bonus module enhances the overall frontend dashboard covered in the earlier modules by introducing a variety of custom options for your clients. Although I provide three examples of differing complexity, you can easily build upon these examples to create a feature-rich and expansive client dashboard with minimal effort.

1. Setting up ACF Options Pages (Metabox and JetEngine are also supported by WS Form)
2. Creating custom options forms with WS Form and the new Options Management add-on
3. Creating a company options page with company details, contact details and social media accounts
4. Mapping dynamic options data to your Bricks templates
5. Building a custom notification banner for your website
6. Global colours that can easily be integrated into the Bricks Theme Styles options for easy frontend colour management.