Members Block

A custom WordPress block plugin for displaying team members in a grid layout. Built with modern WordPress development standards, this plugin allows users to showcase team members with images, names, and designations using the Gutenberg editor.

Features

• Fully customizable team member block for the Gutenberg editor.
• Add team members with names, designations, and profile images.
• Responsive grid layout for a seamless display.
• Simple and lightweight following best coding practices.

Demo

Installation

From the WordPress Plugin Directory

1. Download the plugin ZIP from the repository.
2. In your WordPress admin panel, go to Plugins > Add New.
3. Click Upload Plugin and select the ZIP file.
4. Click Install Now, then activate the plugin.

Manual Installation

1. Upload the members-block folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the Plugins menu in WordPress.

Usage

1. Open the WordPress block editor.
2. Add a new block and search for Members Block.
3. Insert the block into your page or post.
4. Add team member details (image, name, and designation).
5. Customize the layout as needed.
6. Publish or update your post/page.

Development

This plugin is developed using the WordPress block editor (Gutenberg) framework.

Prerequisites

• Node.js and npm installed.
• WordPress development environment set up.

Setup

# Clone the repository
git clone https://github.com/kishanjasani/members-block.git
cd members-block

# Install dependencies
npm install

# Build the project
npm run build

# Start development mode
npm start

Contributing

Contributions are welcome! Feel free to fork the repository, submit issues, or create pull requests.