
內容簡介
Logo Slider 是一款強大且易於使用的 Gutenberg 區塊,能夠以優雅的無限滾動旋轉木馬展示您的標誌。非常適合在 WordPress 網站上展示客戶標誌、合作品牌、贊助商或任何標誌集合。
【主要功能】
• 無限滾動 - 無縫連續循環展示
• 多行佈局 - 支援 2-4 行標誌展示
• 自訂速度 - 可選擇慢、中、快滾動速度
• 可調整標誌高度 - 高度範圍 30px 至 150px
• 響應式設計 - 在所有設備上完美顯示
• SEO 友好 - 乾淨的語意 HTML 標記
外掛標籤
開發者團隊
② 後台搜尋「Logo Slider – Infinite Carousel & Marquee Block」→ 直接安裝(推薦)
原文外掛簡介
Logo Slider is a powerful and user-friendly Gutenberg block that displays your logos in an elegant, infinitely scrolling carousel. Perfect for showcasing client logos, partner brands, sponsors, or any collection of logos on your WordPress website.
Key Features
Infinite Scrolling – Seamless, continuous loop without interruption
Multi-Row Layout – Spread large logo sets across 2-4 rows with alternating scroll direction
Capsule Style – Rounded containers behind logos: filled (uniform or alternating checkerboard) or outline, with an optional glow effect
Hover-Pause – Animation automatically pauses on mouse hover
Customizable Speed – Choose between slow, medium, and fast scrolling
Flexible Logo Spacing – Small, medium, or large gaps between logos
Optional Logo Links – Link each logo individually to external websites
Overlay Control – Enable/disable edge overlay with custom colors
Color Customization – Adjust overlay color to match your design
Logo Color Mode – Convert all logos to black, white or a custom tint color
Adjustable Logo Height – Set custom height from 30px to 150px
Mobile Logo Height – Optional separate logo height for phones, or fully automatic scaling
Balanced Logo Sizes – Optionally equalize the visual weight of wide and compact logos automatically
Text Marquee Block – Second block: infinitely scrolling text ticker for reviews, badges or announcements
Pause Button – Optional pause/play control for better accessibility (WCAG 2.2.2)
Grayscale Mode – Logos run desaturated for a calm, uniform look
Original Colors on Hover – Optional: logos return to their original colors on hover, combinable with every color mode
Wide & Full Alignment – Native Gutenberg wide/full-width support
Responsive Design – Perfect display on all devices and screen sizes
SEO-Friendly – Clean, semantic HTML markup
Lightweight – Optimized for performance with minimal impact
No jQuery Required – Pure JavaScript for better performance
Perfect For
Corporate websites showcasing clients or partners
Portfolio sites displaying brand collaborations
Event websites showing sponsors
E-commerce stores featuring brand partnerships
Non-profit organizations displaying supporters
Agency websites showcasing client logos
News/Media sites showing affiliations
Any website needing a professional logo showcase
How It Works
Add the Infinite Logo Carousel block to any page or post
Upload your logos (supports JPG, PNG, SVG, WebP)
Customize speed, spacing, and appearance
Optionally add links to each logo
Publish and enjoy your professional logo carousel
Customization Options
Speed Settings:
– Slow (40 seconds per loop)
– Medium (25 seconds per loop)
– Fast (15 seconds per loop)
Spacing Options:
– Small (20px between logos)
– Medium (40px between logos)
– Large (60px between logos)
Visual Options:
– Enable/disable edge overlay
– Custom overlay color picker
– Logo color mode: Original, Black, White or Custom Color
– Custom top/bottom margins
– Adjustable logo height (30px to 150px)
Developer Friendly
Built with modern development practices:
– Uses WordPress Gutenberg best practices
– Clean, well-documented code
– Translation ready
– Follows WordPress coding standards
– Compatible with WordPress 6.0+
Source Code
The source code for this plugin is available at:
https://github.com/dbwmedia/Infinite-Logo-Carousel-Block
Build instructions:
1. Clone the repository
2. Run npm install
3. Run npm run build
Privacy Policy
This plugin does not collect, store, or transmit any personal data. It does not set any cookies and does not connect to any external services. All logos and settings are stored locally in your WordPress database.
License
This plugin is licensed under the GPL v2 or later.
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
