{"id":34571,"date":"2015-02-16T13:32:39","date_gmt":"2015-02-16T13:32:39","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/toggle-psd\/"},"modified":"2015-06-09T16:35:39","modified_gmt":"2015-06-09T16:35:39","slug":"toggle-psd","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/toggle-psd\/","author":13878037,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.3","stable_tag":"trunk","tested":"4.1.42","requires":"","requires_php":"","requires_plugins":"","header_name":"Toggle PSD","header_author":"Tim \"Eli\" Dalbey","header_description":"","assets_banners_color":"b2bb00","last_updated":"2015-06-09 16:35:39","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/codenameEli\/Toggle-PSD","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1170,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1177672","resolution":"128x128","location":"assets"},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":"1091361","resolution":"256x256","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1177672","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"1091361","resolution":"772x250","location":"assets"},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1177672","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"1091361","resolution":"1","location":"assets"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1177672","resolution":"1","location":"assets"}},"screenshots":{"1":"Toggle PSD in action"}},"plugin_section":[],"plugin_tags":[4072,133,8773,43187,2133],"plugin_category":[50],"plugin_contributors":[97129],"plugin_business_model":[],"class_list":["post-34571","plugin","type-plugin","status-closed","hentry","plugin_tags-design","plugin_tags-image","plugin_tags-overlay","plugin_tags-psd","plugin_tags-toggle","plugin_category-media","plugin_contributors-codenameeli","plugin_committers-codenameeli"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/toggle-psd_b2bb00.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/toggle-psd\/assets\/screenshot-1.png?rev=1177672","caption":"Toggle PSD in action"}],"raw_content":"<!--section=description-->\n<p>This plugin enables the developer to toggle the overlay the comp of the site with just the click of a button. Stop going back and forth between your browser and Photoshop to get the height or margin between elements and live-edit 'til it lines up exact!<\/p>\n\n<p>Upon installation, the plugin will create a CPT called \"Toggle PSD\". This is where you can add and remove images of the design as needed. The title is used as a label on the dropdown menu. The featured image is the design image.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>:cookie: to remember the last selected item<\/li>\n<li>Clicking the \"Toggle PSD\" admin bar item will toggle the last selected item<\/li>\n<li>~ toggles the last selected item<\/li>\n<li>Right-clicking on the overlay will hide it for 3 seconds, so that you can inspect an element without having to toggle. The overlay will toggle back on in 3 seconds on its own.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload <code>toggle-psd<\/code> directory to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>In the WordPress Dashboard, go to Toggle PSD -&gt; Add New<\/li>\n<li>Enter a title for the overlay (e.g. Homepage)<\/li>\n<li>Upload the image of the design (homepage.jpg) and click \"Publish\"<\/li>\n<li>Go to homepage of your site and hover over the \"Toggle PSD\" admin bar item at the top<\/li>\n<li>Click on the overlay you want to display<\/li>\n<\/ol>\n\n<!--section=faq-->\n<ol>\n<li>Where is the negative margin being set?\nIt is being set in Javascript. It takes the width of your image, halves it and sets that to the negative margin.<\/li>\n<\/ol>","raw_excerpt":"Develop your site pixel-perfect by overlaying the comp!","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/34571","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=34571"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/codenameeli"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=34571"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=34571"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=34571"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=34571"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=34571"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=34571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}