{"id":85154,"date":"2018-05-14T12:02:20","date_gmt":"2018-05-14T12:02:20","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/visual-inspector-sync\/"},"modified":"2018-05-14T13:12:21","modified_gmt":"2018-05-14T13:12:21","slug":"visual-inspector-sync","status":"publish","type":"plugin","link":"https:\/\/hau.wordpress.org\/plugins\/visual-inspector-sync\/","author":16070161,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.1","stable_tag":"trunk","tested":"4.9.29","requires":"4.5","requires_php":"5.4","requires_plugins":"","header_name":"Visual Inspector Sync","header_author":"CanvasFlip.com","header_description":"Visual Inspector Sync is WordPress-plugin to sync all changes done in Visual Inspector directly into your website without bothering about CSS code etc.","assets_banners_color":"","last_updated":"2018-05-14 13:12:21","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/www.canvasflip.com\/visual-inspector\/","header_author_uri":"https:\/\/www.canvasflip.com\/visual-inspector\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1723,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1873983","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1873983","resolution":"256x256","location":"assets"}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"<strong>Login Panel.<\/strong> Login into visual inspector to see your projects.","2":"<strong>WordPress website project<\/strong> Your WordPress website project will appear here, where you can sync your css styles directly into your website.","3":"<strong>Other website projects<\/strong> Other website projects will appear here.","4":"<strong>No WordPress website project<\/strong> If you haven't edited your WordPress website project by using Visual Inspector.","5":"<strong>No projects found<\/strong> If no projects found in your Visual Inspector account","6":"<strong>Mobile view disabled<\/strong> If you try to open Visual Inspector plugin from mobile or tablet browser."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,2003,1558,156735,156736],"plugin_category":[59],"plugin_contributors":[156737],"plugin_business_model":[],"class_list":["post-85154","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-styles","plugin_tags-sync","plugin_tags-visual-inspector","plugin_tags-visual-inspector-sync","plugin_category-utilities-and-tools","plugin_contributors-canvasflip","plugin_committers-canvasflip"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/visual-inspector-sync\/assets\/icon-128x128.png?rev=1873983","icon_2x":"https:\/\/ps.w.org\/visual-inspector-sync\/assets\/icon-256x256.png?rev=1873983","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Say hello to Visual Inspector - Collaboration tool for website feedback and fixing design bugs.<\/p>\n\n<p>Delightful Chrome extension for designers to inspect \/ edit live webpages without coding. Annotate and discuss changes remotely without leaving your website.<\/p>\n\n<p>Browse websites edited with <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/visual-inspector-by-canva\/efaejpgmekdkcngpbghnpcmbpbngoclc\">Visual Inspector chrome extension<\/a> and sync all the CSS changes done directly into your wordpress website using Visual Inspector Sync plugin for WordPress.<\/p>\n\n<h4>Here's your best approach to launch pixel-perfect website:<\/h4>\n\n<ul>\n<li>Fix design bugs: Visualize changes in live webpage. No Coding required.<\/li>\n<li>Annotate &amp; Share: Add comments and invite stakeholders to review.<\/li>\n<li>Resolve design bugs quickly: Real-time fixes and communication with team<\/li>\n<li>That's all! You get pixel-perfect website much faster.<\/li>\n<\/ul>\n\n<p>Thousands of awesome designers-like-you use Visual Inspectors to review and launch Millions of pixel-perfect webpages every month with peace of mind.<\/p>\n\n<p>Visual Inspector is your ultimate in-browser design tool with sync functionality exclusively built for WordPress and gives your all features in one place:<\/p>\n\n<ul>\n<li>Inspect and Change all design properties in webpage like position, opacity, colours, gradient, typography etc.<\/li>\n<li>Edit website text inline without coding<\/li>\n<li>Download changes as CSS \/ PNG and share it with other stakeholders<\/li>\n<li>Get fonts, colors and assets from website in one click<\/li>\n<li>Download screenshots from website<\/li>\n<li>Change website theme<\/li>\n<\/ul>\n\n<p>Built for designers by designers.<\/p>\n\n<h4>MORE INFO<\/h4>\n\n<p>Official website https:\/\/canvasflip.com\/visual-inspector\nChrome extension https:\/\/chrome.google.com\/webstore\/detail\/visual-inspector-by-canva\/efaejpgmekdkcngpbghnpcmbpbngoclc<\/p>\n\n<h4>LOVE IT? SPREAD THE LOVE<\/h4>\n\n<p>Twitter https:\/\/twitter.com\/CanvasFlip\nFacebook https:\/\/www.facebook.com\/canvasflip\/<\/p>\n\n<h4>HAVE FEEDBACK? SHARE WITH US<\/h4>\n\n<p>https:\/\/goo.gl\/forms\/04wcOrK6MtgoEuJB3<\/p>\n\n<h4>CREATED BY<\/h4>\n\n<p>CanvasFlip\u200b Squad<\/p>\n\n<!--section=installation-->\n<h4>Minimum Requirements<\/h4>\n\n<ul>\n<li>WordPress 4.5 or greater<\/li>\n<li>PHP version 5.4 or greater<\/li>\n<li>MySQL version 5.0 or greater<\/li>\n<\/ul>\n\n<h4>We recommend your host supports:<\/h4>\n\n<ul>\n<li>PHP version 7.0 or greater<\/li>\n<li>MySQL version 5.6 or greater<\/li>\n<li>WP Memory limit of 64 MB or greater (128 MB or higher is preferred)<\/li>\n<\/ul>\n\n<h4>Installation<\/h4>\n\n<ol>\n<li>Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the <code>wp-content\/plugins\/<\/code> directory of your WordPress installation.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>On right panel of admin menu, click on 'Visual Inspector' menu.<\/li>\n<li>Now you can login into your Visual Inspector account; and sync all the styles edited using Visual Inspector chrome extension.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><h4>Minimum Requirements<\/h4>\n\n<ul>\n<li>WordPress 4.5 or greater<\/li>\n<li>PHP version 5.4 or greater<\/li>\n<li>MySQL version 5.0 or greater<\/li>\n<\/ul>\n\n<h4>We recommend your host supports:<\/h4>\n\n<ul>\n<li>PHP version 7.0 or greater<\/li>\n<li>MySQL version 5.6 or greater<\/li>\n<li>WP Memory limit of 64 MB or greater (128 MB or higher is preferred)<\/li>\n<\/ul>\n\n<h4>Installation<\/h4>\n\n<ol>\n<li>Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the <code>wp-content\/plugins\/<\/code> directory of your WordPress installation.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>On right panel of admin menu, click on 'Visual Inspector' menu.<\/li>\n<li>Now you can login into your Visual Inspector account; and sync all the styles edited using Visual Inspector chrome extension.<\/li>\n<\/ol><\/dd>\n<dt>How do I get started?<\/dt>\n<dd><p>To get started, simply make changes on your \"live website\" using Visual Inspector Chrome extension or on-site installation.<\/p>\n\n<p>You get chrome extension from Chrome webstore or official Visual Inspector website<\/p><\/dd>\n<dt>I have never used Visual Inspector before?<\/dt>\n<dd><p>Visual Inspector is a chrome extension to make changes on live websites and collaborate feedback with other stakeholders. Visual Inspector is used by over 40,000 web development professionals around the world.<\/p><\/dd>\n<dt>How do I create a new project?<\/dt>\n<dd><p>After installing Visual Inspector, open the LIVE website page (not the admin ones.) and start making visual changes using the extension.<\/p>\n\n<p>Once done, sync all changes.<\/p>\n\n<p>All your synced changes will appear on your Visual Inspector Dashboard - https:\/\/www.canvasflip.com\/vi<\/p><\/dd>\n<dt>I don't see any project in my account?<\/dt>\n<dd><p>If no project(s) found in your account, then please follow the below steps to create a project - \n* Please check if Visual Inspector chrome extension is installed on your computer or not, \n* If you don't have Visual Inspector chrome extension installed on your computer, <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/visual-inspector-by-canva\/efaejpgmekdkcngpbghnpcmbpbngoclc\">click here<\/a>,\n* Login into Visual Inspector,\n* Edit websites online,\n* Click on Sync Changes in Inspect section in Visual Inspector extension,\n* Go back to WordPress admin panel and click on Visual Inspector and your project will appear<\/p><\/dd>\n<dt>How to sync changes to my website?<\/dt>\n<dd><p>To sync changes in your WordPress website, please follow below steps - \n* Go to Plugins section in WordPress admin download Visual Inspector Sync plugin from WordPress plugin store\n* Click on activate and activate Visual Inspector Sync plugin,\n* Visual Inspector plugin will appear on admin panel, click on Visual Inspector,\n* Login into Visual Inspector,\n* If you don't have any projects please follow above steps,\n* After your projects appeared, \n* You can only Sync projects for those website on which you are currently logged in into your admin panel,\n* Rest projects you can find by clicking on All Projects option,\n* To sync project click on Sync button,\n* If at any time you think you need to remove those synced CSS styles, then just click on Reset button,\n* Click on Sync and go to your website and see the changes.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.0.1 - 2018-05-01<\/h4>\n\n<ul>\n<li>Initial Public Beta Release<\/li>\n<\/ul>","raw_excerpt":"Visual Inspector Sync is WordPress-plugin to sync all changes done in Visual Inspector directly into your website without bothering about CSS code etc &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/85154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=85154"}],"author":[{"embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/canvasflip"}],"wp:attachment":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=85154"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=85154"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=85154"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=85154"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=85154"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=85154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}