Overview:

WordPress REST Admin is a frontend for the admin area of WordPress, built using WP REST API and React. It allows users to interact with their WordPress site’s admin features using a modern and user-friendly interface. This tool is compatible with self-hosted WordPress sites and offers a range of features including login, dashboard management, post and page editing, media uploads, category and tag management, user management, and more. WordPress REST Admin also provides a code generator to create custom pages, making it a powerful tool for developers. Whether you’re a WordPress site owner or a developer, WordPress REST Admin offers an efficient and intuitive way to manage your WordPress admin area.

Features:

• Login using JWT WP REST Plugin for secure authentication
• Dashboard management to view and manage site statistics and analytics
• Posts management including listing, editing, adding new posts, and trashing posts
• Pages management including listing, editing, adding new pages, and trashing pages
• Media upload functionality for uploading images to the media library
• Categories and tags management to organize posts and improve site navigation
• Comments management to moderate and reply to user comments
• User management to view, edit, and add new users
• Profile and settings management for customizing user profiles and site settings
• Code generator to easily create your own custom pages within WordPress REST Admin

Installation:

To use WordPress REST Admin, follow these steps:

1. Make sure that you have WP REST API and JWP plugin installed in your WordPress site. You can find WP REST API at https://v2.wp-api.org/.
2. Clone the project repository and navigate to the project directory.
3. Run the command npm start to start the development server. This will launch the WordPress REST Admin interface.
4. Visit http://localhost:3000 in your browser to access the WordPress REST Admin login page.

Alternatively, you can use docker-compose to quickly set up WordPress REST Admin along with WordPress and MySQL. Follow these steps:

1. Create a docker-compose.yml file with the necessary configurations for WordPress and MySQL.
2. Use the docker-compose command to start the containers and launch WordPress REST Admin.
3. Once all containers are up and running, visit http://localhost:3000 in your browser to access the WordPress REST Admin interface.
4. Use the provided login credentials to log in to your WordPress site within the WordPress REST Admin interface.

If you want to integrate WordPress REST Admin as a component in your existing React project, follow these steps:

1. Create a new React project using Create React App.
2. Import the WordPress REST Admin package into your project.
3. Render the WordPress REST Admin component in your application.
4. Visit http://localhost:3000 in your browser to access the integrated WordPress REST Admin interface.

To create custom pages within WordPress REST Admin, follow these steps:

1. Install Yeoman, a scaffolding tool, if not already installed.
2. Clone the WordPress REST Admin repository and navigate to the “generator” directory.
3. Run the command npm link to set up the generator.
4. Go to the “src” directory of your React project and run the yo command.
5. Choose an icon for your new page when prompted. Icons can be found at https://fontawesome.com/icons?d=gallery&m=free.
6. The generator will create new files (components) under the “contents” directory of your project.
7. Import and pass your new page component to the WPAdmin component in your main application.
8. Start your React project and visit http://localhost:3000 to see your custom page in WordPress REST Admin.
9. Update the List.js, Edit.js, and Create.js components as needed to customize the output of your custom page.

To import existing pages into your WordPress REST Admin project, follow these steps:

1. Identify the page you want to import (“content”) from the list of supported pages.
2. Copy the code snippet provided in the documentation for importing the specific page.
3. Paste the code snippet into the appropriate location in your WordPress REST Admin project.
4. Customize the imported page’s functionality and appearance as needed.

Summary:

WordPress REST Admin is a powerful frontend tool for managing the admin area of self-hosted WordPress sites. It utilizes the WP REST API and React to provide a modern and user-friendly interface for site owners and developers. With features such as login, dashboard management, post and page editing, media uploads, categories and tags management, and user management, WordPress REST Admin offers a comprehensive solution for WordPress admin area management. Its code generator and support for integrating custom pages make it even more versatile. Whether you’re a WordPress site owner looking to streamline your admin experience or a developer seeking to enhance WordPress functionality, WordPress REST Admin is worth considering.