imagewize/services-block

A customizable services section block with SVG icon support for WordPress Gutenberg editor

v1.0.0 2025-04-15 03:31 UTC

Requires

• php: >=8.0
• composer/installers: ^2.0

GPL-2.0-or-later

• Jasper Frumau

• plugin
• wordpress
• services
• icons
• svg
• gutenberg
• block-editor

README

A WordPress block for creating customizable service sections with SVG icon support.

Features

• Responsive service section layout with SVG icons
• Title underline effects with customizable colors
• Configurable block and column backgrounds
• Mobile-optimized design
• Theme color integration
• SVG icon support with security sanitization

Requirements

• WordPress 6.7+
• PHP 8.0+
• PHP XML extension
• SVG Upload Support: WordPress blocks SVG uploads by default. To use SVG icons, you need to enable SVG uploads. This can be done via your theme's functions.php file or by using a plugin that allows SVG uploads. Example code for functions.php:

  /**
   * Allow SVG uploads.
   *
   * @param array $mimes Allowed mime types.
   * @return array Modified mime types.
   */
  add_filter('upload_mimes', function ($mimes) {
      $mimes['svg'] = 'image/svg+xml';
      return $mimes;
  });

Installation

Via Composer (Recommended)

composer require imagewize/services-block

Manual Installation

1. Download and unzip to /wp-content/plugins/
2. Activate through WordPress admin

Usage

1. Add "Services Container" block
2. Customize colors, typography, and layout
3. SVG icons can be added via the SVG block toolbar

Development

# Install
npm install

# Development
npm start

# Build
npm run build

Security

• SVG sanitization and validation (Note: Requires SVG uploads to be enabled in WordPress, see Requirements)
• Safe file handling
• Proper MIME type checks

License

GPL-2.0-or-later