{"id":291708,"date":"2026-03-24T21:50:00","date_gmt":"2026-03-24T21:50:00","guid":{"rendered":"https:\/\/ja.wordpress.org\/plugins\/trex-dual-preview\/"},"modified":"2026-03-24T21:59:25","modified_gmt":"2026-03-24T21:59:25","slug":"trex-dual-preview","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/trex-dual-preview\/","author":23468537,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.5.0","stable_tag":"2.5.0","tested":"6.9.4","requires":"6.0","requires_php":"8.0","requires_plugins":null,"header_name":"Trex Dual Preview","header_author":"Pro Engineer Trex","header_description":"Gutenberg \u30a8\u30c7\u30a3\u30bf\u306b\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067 PC\u30fbSP \u540c\u6642\u30d7\u30ec\u30d3\u30e5\u30fc\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002","assets_banners_color":"5b9dbd","last_updated":"2026-03-24 21:59:25","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/note.com\/trex_ai\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":61,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.5.0":{"tag":"2.5.0","author":"trex2026","date":"2026-03-24 21:59:25"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3490383,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3490383,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3490383,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3490383,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.5.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3490383,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3490383,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3490383,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"The trigger button in the editor sidebar.","2":"Modal showing PC and SP previews simultaneously (with sliders).","3":"Full-screen dual preview opened in a new tab."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[148857,258558,148076,2475,606],"plugin_category":[],"plugin_contributors":[258559],"plugin_business_model":[],"class_list":["post-291708","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-dual-preview","plugin_tags-gutenberg","plugin_tags-preview","plugin_tags-responsive","plugin_contributors-trex2026","plugin_committers-trex2026"],"banners":{"banner":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/banner-772x250.png?rev=3490383","banner_2x":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/banner-1544x500.png?rev=3490383","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/icon-128x128.png?rev=3490383","icon_2x":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/icon-256x256.png?rev=3490383","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/screenshot-1.png?rev=3490383","caption":"The trigger button in the editor sidebar."},{"src":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/screenshot-2.png?rev=3490383","caption":"Modal showing PC and SP previews simultaneously (with sliders)."},{"src":"https:\/\/ps.w.org\/trex-dual-preview\/assets\/screenshot-3.png?rev=3490383","caption":"Full-screen dual preview opened in a new tab."}],"raw_content":"<!--section=description-->\n<p>Trex Dual Preview adds a one-click PC &amp; smartphone simultaneous preview to the WordPress block editor (Gutenberg) sidebar.<\/p>\n\n<p><strong>Features<\/strong><\/p>\n\n<ul>\n<li>Open a modal with PC and smartphone previews side by side with one click<\/li>\n<li>Compare PC (1200-1920px) and SP (320-768px) viewports in real time<\/li>\n<li>Adjust display width instantly using sliders<\/li>\n<li>Open a full-screen dual preview in a new tab<\/li>\n<li>Automatically hides the WordPress admin bar and theme-specific toolbars (e.g. Cocoon)<\/li>\n<li>Responsive layout that adapts to window resize via ResizeObserver<\/li>\n<\/ul>\n\n<p><strong>Security<\/strong><\/p>\n\n<ul>\n<li>Full-screen preview access is protected by wp_verify_nonce() and current_user_can()<\/li>\n<li>iframes use the sandbox attribute to restrict unnecessary permissions<\/li>\n<li>All input is sanitized and escaped (absint, sanitize_text_field, esc_url, etc.)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin ZIP and activate it from the Plugins menu.<\/li>\n<li>Open any post or page in the block editor (Gutenberg).<\/li>\n<li>In the right sidebar, go to the \"Post\" tab and click the \"PC\/SP Dual Preview\" button.<\/li>\n<li>Save as a draft first to preview the latest content.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"the%20preview%20is%20blank.\"><h3>The preview is blank.<\/h3><\/dt>\n<dd><p>Please save your post as a draft first. Without saving, a preview URL cannot be generated.<\/p><\/dd>\n<dt id=\"the%20admin%20bar%20is%20visible%20in%20cocoon%20theme.\"><h3>The admin bar is visible in Cocoon theme.<\/h3><\/dt>\n<dd><p>This was fixed in v2.3.2 and later. Please update to the latest version.<\/p><\/dd>\n<dt id=\"is%20this%20available%20to%20non-administrator%20users%3F\"><h3>Is this available to non-administrator users?<\/h3><\/dt>\n<dd><p>Yes. Any user with the edit_post capability (Editor, Author, etc.) can use it.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.4.3<\/h4>\n\n<ul>\n<li>Fix: Remove Plugin URI to avoid conflict with Author URI (WordPress.org submission requirement)<\/li>\n<\/ul>\n\n<h4>2.4.2<\/h4>\n\n<ul>\n<li>Add: Usage notes added to modal footer and full-screen page footer (save reminder &amp; display accuracy notice)<\/li>\n<\/ul>\n\n<h4>2.4.1<\/h4>\n\n<ul>\n<li>Fix: Apply esc_html() \/ esc_url() directly at output point to pass Plugin Check (OutputNotEscaped)<\/li>\n<li>Fix: Updated \"Tested up to\" to WordPress 6.9<\/li>\n<li>Fix: Short description and description rewritten in English per WordPress.org guidelines<\/li>\n<\/ul>\n\n<h4>2.4.0<\/h4>\n\n<ul>\n<li>Refactor: Full code rewrite with PHPDoc \/ JSDoc comments<\/li>\n<li>Refactor: WordPress Coding Standards (WPCS) compliance<\/li>\n<li>Refactor: JS restructured as IIFE with TDP namespace object<\/li>\n<li>Add: ARIA attributes for improved accessibility<\/li>\n<li>Improve: PC preview height now dynamically maximized<\/li>\n<li>Improve: Full-screen loading overlay fully removed from DOM after transition<\/li>\n<\/ul>\n\n<h4>2.3.4<\/h4>\n\n<ul>\n<li>Add: Full-screen loading overlay for new-tab preview<\/li>\n<li>Fix: Pre-set initial clip width in HTML attribute to eliminate flash<\/li>\n<li>Fix: Changed initialization timing to DOMContentLoaded<\/li>\n<\/ul>\n\n<h4>2.3.3<\/h4>\n\n<ul>\n<li>Change: PC slider range changed to 1200-1920px<\/li>\n<\/ul>\n\n<h4>2.3.2<\/h4>\n\n<ul>\n<li>Fix: Removed overly broad CSS selector ([class*=\"toolbar\"]) from injected styles<\/li>\n<li>Fix: PC slider minimum changed to 769px (avoids Cocoon breakpoint)<\/li>\n<\/ul>\n\n<h4>2.3.1<\/h4>\n\n<ul>\n<li>Change: PC slider minimum changed to 768px<\/li>\n<\/ul>\n\n<h4>2.3.0<\/h4>\n\n<ul>\n<li>Improve: PC preview height now dynamically fills the window<\/li>\n<\/ul>\n\n<h4>2.2.0<\/h4>\n\n<ul>\n<li>Improve: SP preview height adapts to window height via ResizeObserver<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Add: Real-time width slider for both PC and SP previews<\/li>\n<\/ul>\n\n<h4>2.0.3<\/h4>\n\n<ul>\n<li>Change: Author changed to \"Pro Engineer Trex\"<\/li>\n<\/ul>\n\n<h4>2.0.2<\/h4>\n\n<ul>\n<li>Fix: Remove Cocoon toolbar (fixed bottom bar) in full-screen preview<\/li>\n<\/ul>\n\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>Fix: Blank iframe in new-tab full-screen preview<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Add: \"Open in new tab\" full-screen dual preview via template_redirect endpoint<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Initial stable release<\/li>\n<\/ul>","raw_excerpt":"Add a one-click PC &amp; smartphone simultaneous preview to the Gutenberg block editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/291708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=291708"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/trex2026"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=291708"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=291708"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=291708"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=291708"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=291708"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=291708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}