Repository navigation
BeFree Gantry 1.2.0
BeFree Gantry 1.2.0
Install: download befree-gantry-1.2.0.zip below and upload it in Appearance > Themes > Add New > Upload Theme. Check it against befree-gantry-1.2.0.zip.sha256.
Features
- Latest Posts Slider for the free MetaSlider plugin:
includes/latest-slider.php, the Latest Posts Slider particle (particles/latest-slider.*) and the[befree_latest_slider]shortcode.- The theme keeps one MetaSlider slideshow, BeFree Latest Posts, in sync with the latest 20 published posts that have a featured image, newest first. Each slide uses the featured image, has the post title as its caption and links to the post.
- The slides rebuild automatically when a post is published, updated, unpublished or deleted, or its featured image changes. Slides you add to that slideshow by hand are kept.
- It runs edge to edge from 360px phones to 3840px 4K. The image fills the band at 2.4:1 on desktop, capped at 1600px tall, and taller on phones. The caption scales with the screen. Colors use
--bf-slideshow-bgand--bf-gold.
- Wide sections (
scss/befree-gantry/_wide.scss): add the CSS classbf-wideto a section (gear menu > CSS Classes) and its content sits in a centered 1600px container. It shrinks normally below 1600px. The width is--bf-wide-max.
Filters
befree_latest_slider_count: number of posts (default20).befree_latest_slider_settings: the MetaSlider settings the theme manages (flex, 1920×800, cropMultiply 2, slide effect, 6s delay, arrows and dots).
Backward compatibility
- Existing layouts and outlines are unchanged. The shipped layout presets don't add the particle, and no section gets
bf-wideunless you add it. - Without MetaSlider active, the particle and the shortcode print nothing.
- The full-width overrides only apply when the Slideshow section contains the slider (
#g-slideshow:has(.befree-latest-slider)). Other Slideshow content keeps its padding and container. - Style presets, the Sister Site particle, the chart and TradingView rules, and the Base-preset inheritance from 1.1.1 are unchanged.
- SCSS
clamp()values that mix units are wrapped inunquote(), because Gantry's scssphp can't evaluate mixed units.
Homepage only
To show the slider only on the homepage, put the particle in the Home outline (assigned to the front page) and leave the Base outline's Slideshow empty. Every other page then uses Base with no slider. For a wide story area, add bf-wide to the Home outline's Showcase, Feature, Main container and Subfeature sections.
Requirements
- Gantry 5 framework: 5.6.5 recommended (includes the CVE-2026-110889 fix), minimum 5.5.
- MetaSlider (free) for the slider. Tested with 3.114.0.
Tested on iw.je
Test setup: WordPress 7.1.4, PHP 8.4, Gantry 5.6.5, MetaSlider 3.114.0, BeFree Navy (preset3), 20 test posts (19 with featured images, so 19 slides).
| Viewport | Slider width | Slide height | Content width (bf-wide) | Horizontal scroll |
|---|---|---|---|---|
| 390×844 | 390 | 242 | 390 | none |
| 1440×900 | 1440 | 600 | — | none |
| 1920×1080 | 1920 | — | 1600 | none |
| 3840×2160 | 3840 | 1600 | 1600 | none |
The slides came out newest first. Inner pages and posts use the Base outline with no slider. The main container there stays at 1200px.
Package
befree-gantry-1.2.0.zip, SHA-256 4d6dde1b9b5e64b1658751f8e47e699e5eab812b3e82eab91215ff1f486a59b8