diff --git a/README.md b/README.md index 3e89f7a..bedf41e 100644 --- a/README.md +++ b/README.md @@ -29,6 +29,20 @@ This WordPress plugin registers a new "Filtered Image" block that lets users pic - **Non-destructive** – Filters are applied with CSS only; original images remain unchanged - **Accessibility** – Alt text is preserved on filtered images +## Screenshots + +### Editor + +The block's inspector panel in the WordPress block editor. The filter swatch grid sits in the right-hand sidebar alongside the intensity slider. + +![Editor view showing the filter swatches and intensity slider in the sidebar](assets/editor-screenshot.png) + +### Frontend + +All eight filter presets applied to the same image, side by side. From left to right, top to bottom: Normal, Warm, Cool, Vivid, Fade, Mono, Dramatic, Sepia. + +![Grid of all eight filter presets applied to a stock image](assets/frontend-screenshot.png) + ## Development ### Setup diff --git a/assets/editor-screenshot.png b/assets/editor-screenshot.png new file mode 100644 index 0000000..81ad147 Binary files /dev/null and b/assets/editor-screenshot.png differ diff --git a/assets/frontend-screenshot.png b/assets/frontend-screenshot.png new file mode 100644 index 0000000..9dec41e Binary files /dev/null and b/assets/frontend-screenshot.png differ diff --git a/readme.txt b/readme.txt index c5b9c32..7137958 100644 --- a/readme.txt +++ b/readme.txt @@ -17,6 +17,20 @@ named filter preset and adjust its intensity. Filters are applied with CSS only, so they are reversible, lightweight, and the original image keeps its alt text. +== Screenshots == + +1. The block's inspector panel in the WordPress block editor. The filter + swatch grid sits in the right-hand sidebar alongside the intensity + slider. + + ![Editor view showing the filter swatches and intensity slider in the sidebar](assets/editor-screenshot.png) + +2. All eight filter presets applied to the same image, side by side. From + left to right, top to bottom: Normal, Warm, Cool, Vivid, Fade, Mono, + Dramatic, Sepia. + + ![Grid of all eight filter presets applied to a stock image](assets/frontend-screenshot.png) + == Changelog == = 0.1.0 =