How To Create Custom Front End WordPress Dashboard For Your Website Clients | Elementor Pro



Learn how to create custom front end WordPress Dashboard for your website clients with Elementor Pro & Free plugins.

Stop giving access to your WordPress Dashboard and create a unique custom Front end dashboard and manage exactly what your website users can access.

In this tutorial, I’ll cover the following topics:

– The plugins used
– Create the pages & hierarchy
– Create custom header & menu (use restrictions to hide admin menu features)
– Setup page access limits
– Create the user access edit loop
– Create the Admin level access loop
– Dashboard page – latest posts with edit
– Add new post page
– Edit user posts
– Ensure the edit settings are correct/passing URL value for post id
– Edit Admin access posts
– Ensure the edit settings are correct/passing URL value for post id
– Show how tab hijacking will NOT allow editing of others content

Plugins Used:

✅ ELEMENTOR PRO: http://bit.ly/2u3mzYX
✅ Frontend Admin: https://wordpress.org/plugins/frontend-admin/
✅ Advanced Post Queries: https://wordpress.org/plugins/advanced-post-queries/
✅ Elementor Custom Skin: https://wordpress.org/plugins/ele-custom-skin/
✅ Advanced Custom Fields: https://www.advancedcustomfields.com/
✅ Content Control: https://wordpress.org/plugins/content-control/
✅ Nav Menu Roles: https://en-gb.wordpress.org/plugins/nav-menu-roles/

Advanced Dashboard Tutorial: https://www.youtube.com/watch?v=06owBb23UiQ

TIMESTAMPS
00:00 – Introduction
00:45 – A look at what we’ll create
04:17 – The plugins we’ll be using
06:15 – Creating the dashboard page structure
07:46 – Restricting access to the dashboard pages
10:36 – Building the template basics
11:20 – Setting up menu item display rules
11:50 – Building the dashboard header
15:03 – Building the author post loop
18:50 – Building the author post listing
21:40 – Building the edit post by author page
29:20 – Building the admin post loop
31:15 – Building the admin edit posts
35:15 – Setting up the dashboard homepage recent posts
37:05 – Add new post page
39:05 – Testing the add new post page
40:27 – Wrapping up

Take your WordPress website and skills to the next level!

► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.

► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: https://jo.my/1feeng8
✅ SiteGround: https://jo.my/sgwptuts

► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: http://bit.ly/2u3mzYX
✅ Brizy Pro: https://bit.ly/2Ji97r8
✅ DIVI 3 Page Builder: http://bit.ly/2HiiDcE

► WORDPRESS THEMES ◄
✅ GeneratePress Premium: http://bit.ly/2Ydn1SE
✅ OCEANWP: http://bit.ly/2fRHBr0
✅ DIVI Theme: http://bit.ly/2G8JMiA
✅ Astra Pro: http://bit.ly/2zruoKn

► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: http://bit.ly/2G0G1vB
✅ CSSHERO: http://bit.ly/2qbrRl6

► WORDPRESS PLUGINS ◄

✅ SEOPress Pro: https://jo.my/seopress

► SUBSCRIBE ◄
http://bit.ly/2rX7rhu

► LETS CONNECT: ◄
https://twitter.com/WPTutz

SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk

source

You might like

Leave a Reply

Your email address will not be published. Required fields are marked *



Important:
This site makes use of cookies which may contain tracking information about visitors. By continuing to browse this site you agree to our use of cookies.