First release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3735663,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3735663,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3735663,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3735663,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"ws-scale-ring-size\/ring-sizer":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"ws-scale-ring-size\/ring-sizer","title":"Ring Sizer","category":"ws-scale-ring-size","icon":"marker","description":"A self-calibrating on-screen ring size finder. It sizes itself to the visitor's screen, then measures with a ring or a piece of thread.","keywords":["ring","size","sizer","jewelry","jewellery","measure"],"textdomain":"ws-scale-ring-size","supports":{"html":false,"align":["wide","full"],"spacing":{"margin":true,"padding":false},"anchor":true},"attributes":{"layout":{"type":"string","default":""},"methods":{"type":"string","default":""},"showIntro":{"type":"string","default":""},"showResult":{"type":"string","default":""},"showTable":{"type":"string","default":""},"showTips":{"type":"string","default":""},"showFaq":{"type":"string","default":""},"title":{"type":"string","default":""},"subtitle":{"type":"string","default":""},"ctaText":{"type":"string","default":""},"ctaUrl":{"type":"string","default":""},"primary":{"type":"string","default":""},"align":{"type":"string"}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/editor.css","style":"srsz-front","viewScript":"srsz-front"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The guided flow, with the screen detected automatically.","2":"Measuring with a ring on the screen.","3":"The result step with size conversions.","4":"The settings screen with its live preview."}},"plugin_section":[],"plugin_tags":[237298,285185,285186,171945,286],"plugin_category":[45],"plugin_contributors":[196499],"plugin_business_model":[],"class_list":["post-374078","plugin","type-plugin","status-publish","hentry","plugin_tags-jewelry","plugin_tags-ring-size","plugin_tags-ring-sizer","plugin_tags-size-guide","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-hassantafreshi","plugin_committers-hassantafreshi"],"banners":{"banner":"https:\/\/ps.w.org\/ws-scale-ring-size\/assets\/banner-772x250.png?rev=3735663","banner_2x":"https:\/\/ps.w.org\/ws-scale-ring-size\/assets\/banner-1544x500.png?rev=3735663","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ws-scale-ring-size\/assets\/icon-128x128.png?rev=3735663","icon_2x":"https:\/\/ps.w.org\/ws-scale-ring-size\/assets\/icon-256x256.png?rev=3735663","generated":false},"screenshots":[],"raw_content":"\n
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.<\/p>\n\n
Why on-screen sizers are usually wrong, and how this one is not<\/strong><\/p>\n\n 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 \u2014 enough to be several sizes out.<\/p>\n\n 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:<\/p>\n\n 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 \u2014 the visitor is still told when they are not at 100%, because a zoomed page can crop it.<\/p>\n\n Features<\/strong><\/p>\n\n Adding your own device<\/strong><\/p>\n\n Densities come from a filterable table, so an unusual handset can be pinned down exactly:<\/p>\n\n The key is the CSS portrait viewport and the device pixel ratio; the value is the panel density in pixels per inch.<\/p>\n\n\n No. The sizer works out the screen density from what the browser reports about the device, so there is no setup step at all.<\/p><\/dd>\n The density is worked out from the screen resolution instead, which is usually within a few per cent. Under Tools \u2192 Ring Sizer \u2192 Flow & steps<\/strong> you can choose to hide the circle on those devices and offer the thread method only.<\/p><\/dd>\n Desktop page zoom is folded into the device pixel ratio, so it cancels out of the calculation. Pinch zoom on a phone is corrected separately. The visitor is still warned when they are not at 100%, because a zoomed page can crop the circle.<\/p><\/dd>\n Yes. The layout is right-to-left aware and digits can be rendered as Persian or Arabic-Indic numerals, automatically or by choice.<\/p><\/dd>\n No. WooCommerce is optional; when it is active the JSON-LD picks up the store currency.<\/p><\/dd>\n Yes. The block, the Elementor widget and the WPBakery element can each override the steps, the wording, the call-to-action and the accent colour.<\/p><\/dd>\n On a product page the sizer references the Product node your store already publishes rather than emitting its own, and the questions are attached to that item instead of declaring the page an FAQPage. If your SEO plugin already outputs an FAQ block, turn the FAQ off under Tools \u2192 Ring Sizer \u2192 Schema<\/strong>.<\/p><\/dd>\n\n<\/dl>\n\n\npixels per mm = pixels per inch \/ 25.4 \/ device pixel ratio\n<\/code><\/pre>\n\n\n
add_filter( 'srsz_device_profiles', function ( $p ) { $p['generic']['360x772@3'] = 409; return $p; } );\n<\/code><\/pre>\n\n\n
ws-scale-ring-size<\/code> folder to \/wp-content\/plugins\/<\/code>, or install the ZIP from Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n[ws_scale_ring_size]<\/code> shortcode to a page.<\/li>\n<\/ol>\n\n\n\n
Do visitors have to calibrate anything?<\/h3><\/dt>\n
What happens on a device you do not recognise?<\/h3><\/dt>\n
Does browser zoom break it?<\/h3><\/dt>\n
Does it work in Persian or Arabic?<\/h3><\/dt>\n
Does it need WooCommerce?<\/h3><\/dt>\n
Can each page look different?<\/h3><\/dt>\n
Will the schema clash with my SEO plugin?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n
\n