內容簡介
WS Scale Ring Size 是一款可在任何頁面、文章或產品上添加螢幕戒指尺的外掛。使用者只需將已有的戒指放在螢幕上，調整至戒指內緣，即可輕鬆讀取尺寸，無需任何設定或校準。
【主要功能】
• 提供 Gutenberg 區塊、Elementor 小工具及 WPBakery 元素
• 無需校準，尺規自動配置
• 兩種測量方法：放戒指或用線測量手指
• 可選擇引導式多步驟流程或簡潔小工具
• 支援多種尺寸系統：ISO/EU、US、UK 等
• 完整設計控制，實時預覽設置
外掛標籤
開發者團隊
原文外掛簡介
WS Scale Ring Size adds an on-screen ring sizer to any page, post or product. The visitor lays a ring they already own on the screen, shrinks the circle to the inside edge of the band, and reads their size. There is nothing to set up and nothing for them to calibrate.
Why on-screen sizers are usually wrong, and how this one is not
Most of them assume one CSS pixel equals 1/96 inch. That is only true on a classic desktop monitor. On a phone the viewport is scaled for reading distance, so the same circle renders about 40% smaller than intended — enough to be several sizes out.
WS Scale Ring Size instead reads what the browser really does report: the size of the screen in CSS pixels and the device pixel ratio. Together those identify the handset, and a built-in profile table turns that into the panel’s pixels per inch. From there:
pixels per mm = pixels per inch / 25.4 / device pixel ratio
Known devices are exact. Anything else is derived from the screen resolution against a typical diagonal for that class of device, which is usually within a few per cent. Browser zoom is folded into the device pixel ratio and cancels straight back out of that formula, and pinch zoom is corrected separately, so the circle stays true — the visitor is still told when they are not at 100%, because a zoomed page can crop it.
Features
Gutenberg block, Elementor widget, WPBakery element and a shortcode — all driven by the same settings.
No calibration step, no card, no ruler. The sizer configures itself from the device.
Two measuring methods: place a ring on the screen, or measure the finger with thread and type the millimetres.
Choose between a guided multi-step flow and a compact measuring-only widget for product pages.
Decide what happens on an unrecognised device: show the circle from an estimate, or offer the thread method only.
Full design control from one settings screen: colours, ring outline thickness, board style, radius, spacing, font sizes and line height, with a live preview.
Size systems: ISO/EU (also used in Iran), US, UK, Japan and Switzerland — pick the primary one and any number of secondary ones.
Latin, Persian or Arabic-Indic digits, following the site language by default.
Structured data that adapts to the page. On a WooCommerce product the tool and its questions attach to the Product your store already publishes; on a guide page it is described in its own right as a WebApplication with a HowTo and an FAQ.
Optional credit line linking back to the plugin.
Right-to-left ready; the stylesheet uses logical properties throughout.
No tracking, no external requests, no cookies, no browser storage. Everything happens in the page.
Adding your own device
Densities come from a filterable table, so an unusual handset can be pinned down exactly:
add_filter( 'srsz_device_profiles', function ( $p ) { $p['generic']['360x772@3'] = 409; return $p; } );
The key is the CSS portrait viewport and the device pixel ratio; the value is the panel density in pixels per inch.