GhostLabs Glide
| 开发者 | ghostlabs |
|---|---|
| 更新时间 | 2026年11月12日 20:59 |
| PHP版本: | 8.1 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Glide adds four blocks that work together to build scroll-driven sections and
sliders, with no shortcodes and no page-builder lock-in. Everything renders
server-side, so a step or a slide is real content in your post, and a Sticky
Chapters section is readable with JavaScript switched off.
Sticky Chapters — a contents rail that stays in view beside your steps and
highlights the one being read, built from the headings you already wrote. Put it
on either side or across the top, with numbered, dot or plain markers, a
progress line and a step counter. On phones it becomes a strip above the steps
that scrolls sideways to keep the current chapter in view. A step can take a
title of its own, or stay on the page but out of the rail.
Content Slider — one to six slides per view, with arrows, dots, a progress
bar or no controls, autoplay, loop, drag-free scrolling, keyboard navigation and
thumbnails below, above or beside the slides. Fit it to the tallest slide, or
set a height for desktop, tablet and phone. An overlay block holds content of
its own on top of the slider.
Video backgrounds — from your Media Library, YouTube, Vimeo or another
oEmbed provider, with play and mute buttons for Media Library, YouTube and Vimeo
video. In the slider, a video pauses when its slide leaves. A Media Library
video with no thumbnail gets a poster made from one of its frames (see "Video
thumbnails use ffmpeg" below).
While you edit — the sidebar warns you about settings that cost readers
control: arrows, dots and thumbnails all switched off, controls hidden until
hover, or a video background with no play and mute buttons.
Glide Pro
Glide Pro adds three more sticky-scroll layouts (Sticky Media, Stacking Cards
and Horizontal Pin), a marquee that loops any blocks left, right, up or down,
the Scale and Barn Doors transitions for the content slider, and chapter links
made from each step's title. It is a separate plugin, sold at
https://theghostlab.io/glide, and this plugin contains none of its features.
Accessibility
- Arrow and pause controls are real buttons with labels, not styled divs.
- Autoplay starts paused when the visitor asks for reduced motion, and the pause control still works so they can start it if they want to.
- Off-screen slides are marked inert, so tabbing does not wander into content nobody can see.
- Sticky Chapters is CSS
position: sticky, so the layout holds with JavaScript switched off. - A live region tells screen reader users which slide is showing, and stays quiet during autoplay.
- With arrows, dots and thumbnails all switched off, previous and next buttons are still added for keyboard users, visible only while they have focus.
屏幕截图:
常见问题:
Does it work with my theme?
Glide styles structure — surfaces, spacing, the reading measure and the chrome it generates itself — and leaves type to your theme. Colors are derived from the text color they inherit, so the blocks follow whatever palette they land in, including a dark one.
Will it slow my site down?
Each mode's JavaScript and CSS load only when a block on the page uses it, and the slider module loads when the block scrolls into view rather than on page load.
How does it behave on a phone?
The Sticky Chapters rail becomes a strip above the steps, which scrolls sideways to keep the current chapter in view. The content slider shows one slide at a time and moves its arrows below the slides, so they don't sit over your text, and on a short or zoomed-in screen it grows to fit each slide's content instead of cutting it off.
How do I switch to Glide Pro?
Glide Pro is a separate plugin, and you install it the way you install any plugin from outside the directory:
- Download Glide Pro from your GhostLabs account.
- Upload it from the Add Plugins screen, with its Upload Plugin button.
- Activate it, then enter your license key under Settings → Glide.
更新日志:
1.0.4
- Bug fixes.
- Bug fixes.
- First public release.