Professional team member and testimonial blocks for Gutenberg with multiple style variations and Schema markup.

Features

Team Member Block

• 5 beautiful pre-designed styles
• Social media integration (Facebook, Twitter, LinkedIn, Instagram)
• Contact information (email, phone)
• Flexible image shapes (circle/square)
• Custom colors (background and text)
• Text alignment options
• Mobile responsive design
• RTL language support

Testimonial Block

• 5 unique style variations
• Star rating system (1-5 stars)
• Schema.org Review markup for SEO
• Quote icon options
• Author information with image
• Custom styling options
• Mobile responsive design
• RTL language support

Installation

For Development

1. Clone or download the plugin to /wp-content/plugins/team-testimonial-blocks-pro/
2. Navigate to the plugin directory in terminal
3. Install dependencies:

   npm install

4. Build the plugin:

   npm run build

5. Activate the plugin in WordPress admin

For Production

1. Upload the plugin folder to /wp-content/plugins/
2. Run npm install and npm run build (or use pre-built files)
3. Activate the plugin through WordPress admin
4. Add blocks in Gutenberg editor under "Common" category

Development

Start Development Server

Watch for changes and rebuild automatically:

npm start

Build for Production

Create optimized production build:

npm run build

Code Quality

Lint JavaScript files:

npm run lint:js

Lint CSS/SCSS files:

npm run lint:css

Format code:

npm run format

Update Dependencies

Update WordPress packages:

npm run packages-update

Project Structure

team-testimonial-blocks-pro/
├── assets/              # Static assets (CSS, JS)
│   ├── css/
│   └── js/
├── build/               # Compiled files (generated)
├── includes/            # PHP includes
│   ├── register-blocks.php
│   └── security.php
├── src/                 # Source files
│   ├── team-member/
│   │   ├── block.json
│   │   ├── edit.js
│   │   ├── save.js
│   │   ├── style.scss
│   │   └── index.js
│   └── testimonial/
│       ├── block.json
│       ├── edit.js
│       ├── save.js
│       ├── style.scss
│       ├── star-rating.js
│       └── index.js
├── .editorconfig        # Editor configuration
├── .gitignore           # Git ignore rules
├── package.json         # NPM configuration
├── readme.txt           # WordPress.org readme
├── SECURITY.md          # Security documentation
└── team-testimonial-blocks-pro.php  # Main plugin file

Usage

Team Member Block

1. Add "Team Member" block from Gutenberg inserter
2. Fill in member information (name, position, bio)
3. Upload member image
4. Add contact information (optional)
5. Add social media links (optional)
6. Choose style variation
7. Customize colors and alignment

Testimonial Block

1. Add "Testimonial" block from Gutenberg inserter
2. Enter testimonial text
3. Set star rating (1-5)
4. Add author information
5. Upload author image (optional)
6. Choose style variation
7. Enable/disable quote icon
8. Toggle Schema markup for SEO

Requirements

• WordPress 6.0 or higher
• PHP 7.4 or higher
• Node.js 14+ and npm (for development)

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Security

This plugin follows WordPress security best practices:

• All inputs are sanitized
• All outputs are escaped
• Nonce verification for AJAX
• Capability checks
• SQL injection prevention
• XSS protection

See SECURITY.md for detailed security documentation.

Contributing

1. Follow WordPress Coding Standards
2. Use ESLint and Stylelint for code quality
3. Test on multiple themes
4. Ensure accessibility compliance
5. Test responsive design

License

GPL-2.0-or-later

Changelog

1.0.0

• Initial release
• Team Member block with 5 styles
• Testimonial block with 5 styles
• Schema markup support
• Mobile responsive design
• Security enhancements
• RTL language support
• Print styles
• Accessibility features

Support

For issues and feature requests, please use the plugin's support forum or GitHub issues.

team-testimonial-block