This tutorial is part of a series of tutorials based on the SportsPress for Football plugin.
Note. We assume you are a user of the SportsPress for Football plugin and have it installed already.
In this tutorial, we’ll show you how to manage SportsPress for football settings on the frontend.
Your users will be able to apply general changes completely from the frontend. They will be able to manage matches, clubs, players, staff and text settings.
And the best part is that you won’t need to program anything because the WP Frontend Admin plugin will allow you to display any wp-admin SportsPress page on the frontend easily. You can use WP Frontend Admin to create frontend dashboards and web apps using any WordPress plugin behind the scenes.
You can try the premium plugin on your website for free for 7 days.
Once you install and activate WP Frontend Admin on your site, please follow these simple steps to display the SportsPress settings page on the frontend:
1- Display the SportsPress settings on the frontend
Normally, you would have to program the frontend SportsPress settings page from scratch, and you need to be an experienced programmer to do that. However, with WP Frontend Admin, you can display the SportsPress settings page on the frontend with a single click or using a simple shortcode.
The first option is to display the SportsPress settings on the frontend with a single click:
- Go to SportsPress > Settings in wp-admin.
- Click View on the frontend.
Second, you can use any of the following WordPress page builders to create a page and display the SportsPress settings on the frontend:
- Elementor
- Visual Composer
- Gutenberg
- Divi
- Beaver Builder
- WP Page Builder
- Page Builder by SiteOrigin
- Oxygen
- Live Composer
- Brizy
- Etc.
You just need to paste the following shortcode on any page created with any of the mentioned page builders to display the SportsPress settings page on the frontend:
[vg_display_admin_page page_url="admin.php?page=sports press"]
Once you paste the shortcode on any page created with any of the mentioned page builders, click Preview to display the SportsPress settings page on the frontend.
2- Select the basic info of the frontend SportsPress settings page
With WP Frontend Admin, you’ll be able to set up your frontend dashboard pages using the Quick Settings panel on the left side of the screen.
You can start setting up your frontend SportsPress settings page by selecting the following information:
- Page title: Enter the new page title here.
- URL slug: Enter the URL slug using keywords only.
- Page template: We’ll select the Default template to keep using our theme’s settings. If you select the template on a page builder, this value will be inherited.
- Add page to this menu: Select the navigation menu where you want to add this page.
3- Hide any unnecessary elements (logos, texts, meta boxes, etc.)
You can customize your frontend dashboard pages by hiding any unnecessary elements like logos, texts, meta boxes, etc. Just follow these two simple steps:
- Click Hide element.
- Click the element you want to hide.
For example, you can hide the following elements:
- Modules tab completely
- SportsPress logo
- Custom CSS options from the general settings
- Etc.
Just take into account that you will need to repeat these two simple steps with every element you want to hide.
Besides, you can tick the Hide notices added by other plugins or themes checkbox to prevent users from seeing unnecessary notices on the frontend.
4- Edit any texts on your frontend settings page
Besides hiding any unnecessary elements from your frontend settings page, you can edit any of its texts to shorten or clarify them.
Just follow these three simple steps:
- Click Edit texts.
- Edit all the texts you want.
- Click Stop editing texts.
Once you’re done editing the page texts, you can click Save on the Quick Settings panel to apply the changes and publish the page.
Manage SportsPress settings on the frontend
This is how the frontend SportsPress settings page will look:
Take into account that only users with the manage_sportspress capability will be able to manage the SportsPress settings on the frontend. You can follow this tutorial to learn how to assign that capability to any other user role.
You can try the premium plugin on your website for free for 7 days.