Embed large, detailed SVG diagrams in WordPress with an accessible viewer that supports touch-friendly zooming, panning, and centering. BT SVG Viewer keeps maps, technical drawings, and infographics sharp on every screen, while giving editors a visual preset builder so they can reuse configurations without repeating shortcode attributes.
Highlights
- Interactive zoom and pan controls with keyboard shortcuts and optional slider mode.
- Smooth, cursor-focused zoom animations with click-drag panning.
- Preset post type with live preview, copy-ready shortcodes, and color pickers for control styling.
- Fine-grained shortcode attributes for height, zoom bounds, center coordinates, titles, and captions.
- Front-end wrapper classes and CSS custom properties for deep theme integration.
- Localized UI and strings in English, German, Spanish, French, and Italian.
Shortcode Overview
Use the [btsvviewer] shortcode anywhere shortcodes are supported. Pass a direct SVG URL or reference a saved preset ID. All shortcode attributes (height, zoom limits, controls layout, button colors, etc.) can be overridden per instance. See the plugin’s admin Help tab or project README for a full attribute reference and examples. Existing shortcodes created before the rename continue to render, so archived posts don’t need to be touched.
Preset Workflow
Create a preset from BT SVG Viewer → Presets in the admin. Upload an SVG, tune the controls, tweak button colors, then load the preview to dial in the initial zoom and center point. Save the preset and drop the generated [btsvviewer id="123"] shortcode wherever you need the viewer. Inline attributes always win over stored preset values, making it easy to reuse a baseline configuration.
Localization
Available translations: German (de_DE), Spanish (es_ES), French (fr_FR), Italian (it_IT).
Translations were initially produced with AI assistance; corrections are welcome via https://github.com/ttscoff/bt-svg-viewer/issues.