Files
wp-bootstrap/CHANGELOG.md
magdev 4c808a992a
All checks were successful
Create Release Package / PHP Lint (push) Successful in 50s
Create Release Package / Build Release (push) Successful in 1m16s
v0.3.3 - Fix style variation bridge to read from theme palette origin
WordPress puts active variation colors in the 'theme' palette origin,
not 'custom'. Detection now compares theme origin against base defaults.

Co-Authored-By: Claude <noreply@anthropic.com>
2026-02-08 18:12:52 +01:00

8.2 KiB

Changelog

All notable changes to this project will be documented in this file.

[0.3.3] - 2026-02-08

Fixed

  • Style variation colors not applied to Bootstrap frontend — bridge function checked wrong palette origin (custom instead of theme)
  • Variation detection now compares theme origin against base theme.json defaults instead of looking for slugs in custom origin

[0.3.2] - 2026-02-08

Fixed

  • Dark mode body colors overridden by WordPress global styles (styles.color in theme.json generated conflicting body CSS)
  • Dark mode styling for plugin-generated form elements (select, input, textarea) that lack Bootstrap classes
  • Footer columns template used hardcoded bg-dark text-light instead of semantic bg-body-tertiary
  • Style variation bridge function ran with default palette when no variation was active, causing unnecessary CSS overrides

Changed

  • Removed styles.color from theme.json to prevent WordPress from generating body background/text CSS that conflicts with Bootstrap dark mode
  • Added !important override in _custom.scss for html[data-bs-theme="dark"] body to ensure Bootstrap dark mode takes precedence
  • Added broad dark mode rules for native form elements in _custom.scss

[0.3.1] - 2026-02-08

Added

  • 4 new light style variations: Rose, Sand, Lavender, Mint
  • 4 new dark style variations: Slate, Mocha, Nebula, Obsidian
  • Total of 15 color palettes available in the Design Editor (7 light, 7 dark, plus default)

[0.3.0] - 2026-02-08

Added

  • Skip-to-content link for keyboard navigation accessibility
  • ARIA labels on all navigation landmarks (<nav>, <aside>)
  • aria-current="page" on active dropdown menu items across all header variants
  • Lazy loading (loading="lazy") on all below-fold images (post thumbnails, cards, avatars)
  • Screen reader announcement for dark mode toggle via aria-live status region
  • Font preload hints for Inter and Lora variable fonts
  • RTL language support: conditional RTL stylesheet, logical CSS properties for blockquote and list styles
  • French (fr_FR) translation with all ~216 strings translated
  • CSS classes for post thumbnails, card thumbnails, sidebar headings, and hero overlays (replacing inline styles)

Fixed

  • XSS vulnerability in search results template (search_query now escaped with |e('html'))
  • Comment author URLs now explicitly escaped with esc_url() in Twig templates

Changed

  • Block style blockquote-accent uses border-inline-start instead of border-left for RTL compatibility
  • Block style list-unstyled uses padding-inline-start instead of padding-left for RTL compatibility
  • Inline styles in Twig templates replaced with CSS classes for maintainability
  • Updated translation files (.pot and de_CH.po) with new accessibility strings
  • Build pipeline includes RTL SCSS compilation step

[0.2.0] - 2026-02-08

Added

  • Full Design Editor compatibility: Bootstrap JS in block editor, full Bootstrap SCSS in editor stylesheet
  • 3 custom block categories: Bootstrap Layout, Bootstrap Components, Bootstrap Navigation
  • 3 custom pattern categories: Layout, Components, Navigation
  • 4 layout patterns: container, 2-column, 3-column, full-width section
  • 2 component patterns: card group, accordion
  • 3 full-page patterns: about, services, contact
  • 4 custom page templates (FSE + Twig): landing (no header/footer), full-width, hero, sidebar
  • 2 header variations (FSE + Twig): centered, transparent
  • 2 footer variations (FSE + Twig): minimal, multi-column
  • 2 navigation patterns: dark navbar, offcanvas mobile navigation
  • Offcanvas navigation Twig partial with Bootstrap offcanvas component
  • Editor SCSS overrides for alignment and spacing consistency
  • Shadow presets (sm, md, lg), aspect ratio presets, and custom layout values in theme.json
  • Header/footer variant support via get_theme_mod() in ContextBuilder
  • Twig block inheritance in base.html.twig for header/footer variant overrides
  • Custom page template routing via get_page_template_slug() in TemplateController
  • Transparent header and offcanvas dark mode SCSS styles

Changed

  • Enhanced editor-style.scss to import full Bootstrap for WYSIWYG editor fidelity
  • Enhanced theme.json with custom templates and template parts registration
  • Enhanced functions.php with block editor assets, block categories, and pattern categories
  • Enhanced ContextBuilder with header/footer variant methods
  • Enhanced TemplateController with custom page template slug routing
  • Updated translation files (.pot and de_CH.po) with all new translatable strings

[0.1.1] - 2026-02-08

Added

  • Twig-based frontend rendering via template_redirect hook, bypassing FSE block markup on the frontend while preserving Site Editor functionality
  • TemplateController class: resolves and renders Twig templates for all page types (home, single, page, archive, search, 404)
  • ContextBuilder class: gathers WordPress data (posts, menus, pagination, comments, sidebar, archive info) into structured arrays for Twig
  • NavWalker class: converts flat wp_get_nav_menu_items() into nested tree for Bootstrap dropdown menus
  • 20 Twig templates with proper Bootstrap 5 HTML: base layout, 5 page templates, 9 partials (header, footer, pagination, sidebar, comments, search form, dark mode toggle, meta, post navigation), 3 components (post card, post grid card, post loop)
  • Bootstrap 5 navbar with responsive collapse, brand, dropdown support, and dark mode toggle
  • Bootstrap 5 card components for post listings
  • Bootstrap 5 pagination component
  • Bootstrap 5 comment section with threaded replies and Bootstrap-styled form fields
  • Bootstrap 5 sidebar with recent posts, search, and tag cloud (badges)
  • Previous/next post navigation and "More posts" grid on single posts
  • WordPress functions in Twig: wp_head, wp_footer, wp_body_open, language_attributes, body_class, home_url, get_bloginfo, get_search_query, wp_kses_post, number_format_i18n, _n
  • Twig globals: site_name, site_description, site_url, theme_uri, charset, current_year
  • Twig filters: wpautop, wp_kses_post
  • primary and footer navigation menu locations
  • Comment form fields filter for Bootstrap classes (form-control, form-label, form-check, btn)
  • Fallback menu from published pages when no menu is assigned
  • Sidebar layout detection for "Blog with Sidebar" template
  • README.md with project documentation

Changed

  • Enhanced TwigService with WordPress output-buffering functions, globals, and filters

[0.1.0] - 2026-02-08

Added

  • Dark mode toggle with Bootstrap 5.3 data-bs-theme attribute, localStorage persistence, and prefers-color-scheme support
  • 16 new block patterns: hero (cover, split, centered), features (3-col, icon list, 2-col offset), CTA (banner, newsletter), testimonials (2-col, centered), pricing (3-col), contact info, FAQ, about section, sidebar, dark mode toggle
  • 17 custom block styles: cards (2), alerts (4), table variants (3), quote accent, image effects (2), button sizes (2), list styles (2), separator wide
  • 4 style variations (color schemes): Ocean, Forest, Sunset, Midnight
  • Sidebar template part with recent posts, search, and tag cloud
  • "Blog with Sidebar" custom page template
  • Inter (sans-serif) and Lora (serif) variable web fonts
  • "Display" font size for hero headings
  • 7 new pattern categories: hero, CTA, features, testimonials, pricing, contact, text
  • Dark mode overrides for alert and card block styles in SCSS

Changed

  • Header pattern now includes dark mode toggle button
  • Build pipeline adds theme JS copy step (copy:theme-js)

[0.0.1] - 2026-02-08

Added

  • Initial theme scaffolding
  • Bootstrap 5 CSS and JS integration (served locally via npm)
  • SASS build pipeline with Dart Sass, PostCSS, Autoprefixer, cssnano
  • Twig 3.0 template engine integration via Composer
  • FSE templates: index, home, single, page, archive, search, 404
  • Template parts: header, footer
  • Block patterns: header, footer, query loop, comments, post navigation, more posts, 404, search, blog heading, written by
  • theme.json with Bootstrap 5-aligned design tokens (colors, typography, spacing)
  • WordPress i18n support with en_US (base) and de_CH translations
  • Gitea CI/CD workflow for automated release packages
  • Editor styles for block editor compatibility