Blocks Overview
AlonePro registers 8 custom Gutenberg blocks under the alonepro/* namespace. These blocks provide specialized layouts and interactive features tailored specifically for charity appeals, donation showcases, team presentations, and global mission storytelling.
Block Characteristics
- Namespace: All blocks use the
alonepro/namespace prefix. - Inserter Category: Blocks are located under the Design category in the WordPress Block Inserter.
- Server-Side Rendered (Dynamic): Each block is rendered via PHP (
render.php), ensuring clean markup, seamless SEO compatibility, and dynamic token resolution. - Alignment Support: All custom blocks support both Wide (
align: wide) and Full (align: full) width layouts. - Scroll Animations: Custom blocks include an
enableScrollAnimationtoggle in their inspector sidebar, hooking into AlonePro's GSAP reveal system. - Color Token Integration: Color options accept preset token slugs (
primary,secondary,contrast, etc.) from your active Style Variation, ensuring visual consistency across theme variations.
Block Catalog Summary
| Block Name | Block Slug | Best Used For |
|---|---|---|
| Salado Slider | alonepro/salado-slider | High-impact homepage hero banner with split content & image, GSAP 3D text animations, and progress pagination. |
| Visual Showcase | alonepro/visual-showcase | Cause and project gallery combining imagery with testimonial quotes and key metrics per slide. |
| Floating Highlights | alonepro/floating-highlights | Impact counters and statistic badges floating and sliding over a hero photography background. |
| Interactive Globe | alonepro/interactive-globe | 3D WebGL rotating globe plotting worldwide charity chapters, field missions, and active campaigns. |
| List Circle | alonepro/list-circle | Orbital circular layout with concentric rings and orbiting category badges framing center mission copy. |
| Mission Card | alonepro/mission-card | Portrait imagery paired with an animated count-up badge in any corner for key milestones and stats. |
| Medical Services Orbit | alonepro/medical-services-orbit | Clinical service showcase featuring doctor portrait imagery and surrounding service cards. |
| Text | alonepro/text | Extended typography display utility for editorial headings and pullouts. |
Finding AlonePro Blocks in the Editor
- Open any page or template in the block editor.
- Click the + (Add Block) icon in the top toolbar or within the canvas.
- In the search field, type
AloneProor the specific block name (e.g.Salado). - Alternatively, scroll down the block inserter list to the Design section.