Logo Slider Block

Overview

The Logo Slider Block is a versatile WordPress block designed to showcase company logos, client partnerships, or brand affiliations in an elegant, space-efficient manner. This block creates a horizontal scrolling display that can automatically animate or remain static based on your preference.

Key Features

Infinite Scrolling Animation: Optional autoplay feature creates a continuous, smooth scrolling effect

Customizable Display: Control how many logos appear on screen at once

Multiple Style Options: Display logos in their original colors or apply filters (duotone, black, or grayscale) with hover effects that reveal original colors

Responsive Design: Adapts seamlessly to different screen sizes

Easy Logo Management: Simple interface to add, remove, or rearrange multiple logos

Wide/Full Width Support: Can span the full width of your content area for maximum impact

Adding the Logo Slider Block

• In the WordPress editor, click the “+” button to add a new block
• Search for “Logo Slider” in the block inserter
• Click on the Logo Slider block to add it to your page

Adding Logos

• Click the “Add Logos” button in the empty block
• Select multiple logo images from your Media Library or upload new ones
• Click “Select” to add the chosen logos to your slider

Editing Logos

To modify your logo selection:

• Click the “Edit Logos” button
• Add or remove logos as needed
• Click “Update” to save your changes

Customizing Settings

In the Block Sidebar:

Slider Settings Panel:

Logos to Show: Adjust the number of logos visible at once (1-8)

Autoplay: Toggle on/off to enable/disable automatic scrolling

Logo Appearance Panel:

Logo Style: Choose from:

• Original: Display logos in their original colors
• Duotone: Apply a duotone filter (returns to original on hover)
• Black: Convert logos to black (returns to original on hover)
• Grey: Convert logos to grayscale (returns to original on hover)

Block Alignment

• Use the block toolbar to set alignment (wide or full-width)
• Full-width is recommended for the best visual effect

Preview

Use the WordPress editor preview mode to see how your logo slider will appear on the front end. The autoplay animation will be visible on the live site

Use Cases

• Showcase client logos on agency websites
• Display sponsor logos for events or organizations
• Feature technology partners or integrations
• Present brand affiliations or certifications
• Create a visual portfolio of companies you’ve worked with

The Logo Slider Block combines visual appeal with practical functionality, allowing you to present multiple logos in a compact, professional format that enhances your website’s credibility without consuming excessive vertical space.