Getting Started with WordPress Studio [01kcks2j5vr5g73y5a6nzhzvwa]

Getting Started with WordPress Studio 🔗 **Source:** [Getting Started with WordPress Studio](https://www.youtube.com/watch?v=wxBXWmo2oV0) > [!note]+ Document Notes > tags: [wordpress-studio, local-development, wordpress-development] > author: WordPress > source: YouTube > reference: https://www.youtube.com/watch?v=wxBXWmo2oV0 > date created: 2024-12-19 10:00 > > # 🏷️ Title: Getting Started with WordPress Studio >  ## 🧰 Action Inbox - [H1] Download and install WordPress Studio from WordPress.studio — setup/00:00 #setup - [H2] Connect WordPress.com account for sync and AI features — authentication/05:30 #integration - [H3] Test AI Assistant for site management tasks — ai-features/13:45 #ai-tools ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - [WordPress Studio Official Site](https://WordPress.studio) - [WordPress.com Documentation](https://wordpress.com/support/) ## 📝 Summary - WordPress Studio is a free, open-source local development application built on WebAssembly technology - Core features include creating local WordPress sites, configuring development environments, and integrating with code editors - Advanced features (requiring WordPress.com account) include site syncing, live previews, and AI Assistant with 200 monthly prompts - Supports Mac and Windows with modern development workflows for themes, plugins, and full websites - Bottom line: Studio provides a fast, lightweight alternative to traditional local development tools with unique cloud integration capabilities ## 📖 Main Content WordPress Studio represents a new generation of local WordPress development tools, leveraging cutting-edge WebAssembly technology for improved performance. The application provides both standalone functionality and enhanced features through WordPress.com integration. The core application allows developers to create and manage local WordPress sites with configurable PHP and WordPress versions, custom domains, and integration with popular code editors like VS Code and Cursor. The interface follows familiar patterns from other local development tools, with a sidebar for site management and detailed site overview panels. Advanced features require a free WordPress.com account and include Studio Sync (for WordPress.com Business/Commerce plans and Pressable sites), live preview sharing, and an AI Assistant. The sync functionality enables bidirectional content transfer between local and remote environments, while preview sites provide shareable URLs that expire after seven days of inactivity. The AI Assistant offers 200 monthly prompts per WordPress.com account and can execute WP-CLI commands, install plugins, generate code, and manage site configurations directly within the Studio environment. ## 🗒️ Notes #### ⏱️ [00:00](https://youtu.be/wxBXWmo2oV0?t=0) — [H1] WordPress Studio Introduction - Key idea: Studio is a free, open-source local WordPress development application built on WebAssembly - Evidence: "fast and lightweight, built on cutting edge Web Assembly technology, and design specifically for modern development workflows" #### ⏱️ [01:20](https://youtu.be/wxBXWmo2oV0?t=80) — [H2] Installation and Platform Support - Key idea: Studio supports Mac and Windows with download available at WordPress.studio - Evidence: "Studio supports both Mac Os and Windows. If you want to follow along and don't have Studio installed yet, head on over to WordPress.studio" #### ⏱️ [02:15](https://youtu.be/wxBXWmo2oV0?t=135) — [H2] Dashboard Overview and Site Creation - Key idea: The dashboard provides familiar layout with sites sidebar and overview panel - Evidence: "If you used other local development tools in the past, this layout should feel fairly familiar" #### ⏱️ [02:45](https://youtu.be/wxBXWmo2oV0?t=165) — [H2] Site Creation Options - Key idea: Multiple site creation methods including blank sites, blueprints, imports, and remote pulls - Evidence: "you have a bunch of options here. For this video, we're just going to focus on creating a blank site, but you also have the option to create a site from a Blueprint" #### ⏱️ [03:30](https://youtu.be/wxBXWmo2oV0?t=210) — [H3] Advanced Site Configuration - Key idea: Configurable PHP versions, WordPress versions, custom domains, and local paths - Evidence: "you could set the local path, you could also set the PHP version or the WordPress version. We're just going to stick to latest. But you could also do beta releases" #### ⏱️ [04:45](https://youtu.be/wxBXWmo2oV0?t=285) — [H3] Site Management and Editor Integration - Key idea: Quick access buttons for Site Editor, Styles, Navigation, and integration with external editors - Evidence: "Here you'll find several buttons that allow you to quickly navigate to various areas of your site, such as the Site Editor, Styles, Navigation" #### ⏱️ [05:30](https://youtu.be/wxBXWmo2oV0?t=330) — [H2] WordPress.com Account Integration - Key idea: Free WordPress.com account unlocks sync, previews, and AI Assistant features - Evidence: "if you choose to connect a free WordPress.com account...you'll unlock some powerful additional tools" #### ⏱️ [06:30](https://youtu.be/wxBXWmo2oV0?t=390) — [H1] Studio Sync Feature - Key idea: Bidirectional sync between local Studio sites and WordPress.com/Pressable sites - Evidence: "Studio sync, which you'll find underneath the sync tab of each site" #### ⏱️ [07:45](https://youtu.be/wxBXWmo2oV0?t=465) — [H3] Sync Requirements and Limitations - Key idea: Requires WordPress.com Business/Commerce plans or Pressable with Jetpack - Evidence: "Studio Sync only works with WordPress.com sites on a Business or Commerce plan" #### ⏱️ [09:15](https://youtu.be/wxBXWmo2oV0?t=555) — [H3] Selective Sync Capabilities - Key idea: Granular control over which files and folders to sync between environments - Evidence: "you can also choose specific files and folders so you can really drill down into what you want to pull down into Studio" #### ⏱️ [11:00](https://youtu.be/wxBXWmo2oV0?t=660) — [H2] Preview Sites Feature - Key idea: Create shareable live copies of Studio sites with 10 free sites per account - Evidence: "you can have up to 10 free preview sites at any one time. Sites expire after seven days since their last update" #### ⏱️ [12:30](https://youtu.be/wxBXWmo2oV0?t=750) — [H3] Preview Site Management - Key idea: Preview sites require manual updates and provide admin credentials in Studio settings - Evidence: "if you make changes locally...just remember to update...You actually have to manually update your local preview site" #### ⏱️ [13:45](https://youtu.be/wxBXWmo2oV0?t=825) — [H1] AI Assistant Feature - Key idea: Built-in AI with 200 monthly prompts for site management and WP-CLI commands - Evidence: "every WordPress.com account, that's logged into Studio, gets 200 prompts per month" #### ⏱️ [14:30](https://youtu.be/wxBXWmo2oV0?t=870) — [H3] AI Assistant Capabilities - Key idea: Can execute WP-CLI commands, install plugins, generate code, and manage site aspects - Evidence: "it's going to give you a WP-CLI command that it can run...installing plugins, generating code, managing other aspects of your site" ## 📚 References - [WordPress Studio Download](https://WordPress.studio) - [WordPress.com Support Documentation](https://wordpress.com/support/) - [Pressable Documentation](https://pressable.com/help/) - [Studio GitHub Repository](https://github.com/Automattic/studio) ## 🗣️ Paraphrase - WordPress Studio offers a modern local development environment using WebAssembly technology with both standalone and cloud-integrated features - The application provides familiar site management interfaces with advanced configuration options for PHP/WordPress versions and editor integration - Premium features through WordPress.com accounts include bidirectional site syncing, shareable preview environments, and AI-powered development assistance ## 📰 Newsletter **WordPress Studio: Modern Local Development Made Simple** The WordPress community now has access to a powerful new local development tool that bridges the gap between traditional local environments and cloud-based workflows. WordPress Studio combines the speed of WebAssembly technology with seamless WordPress.com integration. **Key Benefits:** - Zero-configuration site creation with configurable PHP/WordPress versions - Direct integration with popular code editors (VS Code, Cursor) - Bidirectional sync with WordPress.com and Pressable sites - Shareable preview environments for client collaboration - Built-in AI Assistant for development tasks **Getting Started:** Download Studio from WordPress.studio and create your first local site in minutes. For enhanced features, connect a free WordPress.com account to access sync capabilities and AI assistance. **Resources:** [WordPress Studio](https://wordpress.studio), [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/), [WP-CLI](https://wp-cli.org/) ## ✅ Action Items #### WordPress - Core: Evaluate Studio integration opportunities for core development workflows - Community: Create WordPress Studio meetup presentation templates and demo sites - Training: Develop Studio-specific lesson plans for local development curriculum - Documentation: Update DevHub with Studio-specific development patterns - Marketing: Coordinate Studio promotion across WordCamp and community events #### DevRel - Developer advocacy: Create Studio comparison content with other local development tools - Education: Develop workshops combining Studio with modern development practices - Developer experience: Test Studio integration with existing WordPress development documentation - Community management: Monitor Studio feedback channels and feature requests ## 🧪 Hypotheses - WordPress Studio's WebAssembly foundation provides measurably faster site creation than traditional Docker-based solutions - The WordPress.com integration creates a lower barrier to entry for developers transitioning from WordPress.com to local development - AI Assistant usage patterns will reveal common WordPress development pain points and automation opportunities - Preview sharing functionality will increase collaboration between developers and non-technical stakeholders ### 📊 Methodology - Performance benchmarking: Compare site creation times between Studio and Local, MAMP, Docker solutions - User adoption analysis: Track WordPress.com account connections and feature usage patterns - AI interaction study: Analyze prompt patterns and success rates for different development tasks ### ❓ Questions - How does Studio's WebAssembly performance compare to traditional local development environments? - What development workflows benefit most from the WordPress.com sync integration? - How effectively does the AI Assistant handle complex WordPress development tasks? ### 🔮 Future Research - Integration possibilities with WordPress Playground for browser-based development - Potential for Studio to support other CMS platforms or custom application frameworks - Enterprise deployment scenarios for agency and large-scale WordPress development teams ### 💡 Implications - Practice: Streamlines the developer onboarding process and reduces local environment setup friction - Education: Provides a consistent development environment for WordPress training programs - Community: May shift local development tool preferences toward WebAssembly-based solutions - Business: Strengthens WordPress.com ecosystem by providing migration paths between local and hosted environments ### 🧠 Learning Styles Assessment Reading level estimate: 10th Grade (Flesch-Kincaid) #### 👀 Visual learners - Present: Clear screenshots of Studio interface, step-by-step visual workflow - Improve: Architecture diagrams showing sync process, feature comparison charts #### 🔊 Aural learners - Present: Video tutorial with clear narration and explanations - Improve: Audio-only version for podcast consumption, key takeaways summary #### 🗣️ Verbal learners - Present: Technical terms defined, analogies to existing tools, clear explanations - Improve: Glossary of Studio-specific terminology, comparison tables #### 🧩 Kinesthetic learners - Present: Step-by-step installation and setup guide, hands-on demonstrations - Improve: Interactive checklist, downloadable practice exercises #### 🧠 Logical learners - Present: Clear feature progression, systematic exploration of capabilities - Improve: Decision trees for choosing Studio vs. alternatives, feature matrices #### 🧑‍🤝‍🧑 Social learners - Present: Community aspects mentioned, sharing capabilities highlighted - Improve: Discussion prompts for team adoption, collaboration use cases #### 🧘‍♀️ Solitary learners - Present: Self-paced tutorial format, individual setup instructions - Improve: Self-assessment questions, personal project ideas #### 🌿 Naturalistic learners - Present: Open source nature emphasized, ecosystem connections - Improve: WordPress ecosystem positioning, sustainability considerations ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Video has clear verbal descriptions of interface elements - Improve: Detailed alt text for interface screenshots, transcript with navigation descriptions #### Keyboard navigation - Present: Studio interface appears keyboard navigable - Improve: Explicit keyboard shortcut documentation, navigation flow descriptions #### Contrast and readability - Present: Studio interface shows good contrast in demonstrations - Improve: Accessibility audit of Studio application itself #### Media and captions - Present: Video tutorial available - Improve: Closed captions, downloadable transcript, audio descriptions #### Forms and interactions - Present: Form interactions clearly demonstrated - Improve: Error handling examples, validation feedback demonstrations ### 🌍 DEIB Assessment #### Cultural breadth - Present: WordPress.com global platform mentioned - Improve: Multi-language development examples, international hosting scenarios #### Inclusive language - Present: Gender-neutral technical language, accessible explanations - Improve: Plain language summaries, avoided development jargon definitions #### Neurodiversity support - Present: Step-by-step structure, consistent interface patterns - Improve: Cognitive load considerations, customizable interface options #### Representation - Present: Neutral presentation focused on technical capabilities - Improve: Diverse use case examples, varied developer persona representations #### Psychological safety - Present: Beginner-friendly approach, no assumption of prior knowledge - Improve: Explicit encouragement for experimentation, error recovery guidance ### ✅ Logical Validity #### Strong reasoning - Deductive strength: Clear progression from features to use cases - Inductive strength: Good examples supporting broader capabilities claims - Causal reasoning: WebAssembly technology linked to performance benefits - Analogical strength: Effective comparison to existing local development tools #### Fallacies - Appeal to novelty: WebAssembly positioning as inherently better needs performance evidence - False dichotomy: Presentation could better acknowledge other modern local development solutions #### Tone of voice - Overall tone: Professional, educational, and encouraging with clear technical focus ### 🛡️ DARVO Analysis - Deny: No significant denials present - Attack: No attacks on competing solutions or critics - Reverse victim/offender: Not applicable - Emotional cues and rhetoric: Positive framing without manipulation, factual presentation of capabilities ## 🎯 Conclusion WordPress Studio represents a significant advancement in local WordPress development tools, combining the performance benefits of WebAssembly technology with modern cloud integration features. The application successfully bridges the gap between traditional local development environments and hosted WordPress solutions. For developers, Studio offers immediate productivity gains through rapid site creation, seamless editor integration, and powerful sync capabilities. The AI Assistant and preview sharing features address common collaboration and development workflow challenges. The broader WordPress community benefits from reduced barriers to entry for local development and stronger connections between WordPress.com hosting and development environments. Studio's open-source nature ensures community-driven evolution while its WordPress.com integration provides a sustainable development model. ## 🧱 Refactor Appendix ### 📚 Literature Split Pad ### [H1] WordPress Studio combines WebAssembly performance with WordPress.com integration > [!quote] Getting Started with WordPress Studio by --- ## Full Transcript [00:00] Hi there, my name is Nick, [00:01] and in this video we're going to do a deep dive into [00:02] WordPress Studio, which is a free [00:06] and open source application for local WordPress development. [00:10] It's great for building plugins and themes [00:13] and even entire WordPress websites. [00:15] It's also fast and lightweight, [00:16] built on cutting edge Web Assembly technology, [00:19] and design specifically for modern development workflows. [00:22] Now in the next few minutes, you're going to learn how [00:24] to create a new local WordPress site using Studio, [00:28] configure Studio based on your own development preferences. [00:31] Sync existing WordPress.com [00:33] and Pressable sites to Studio [00:35] so you can work on them locally. [00:36] Create publicly accessible preview copies of your sites [00:40] to share with colleagues and clients [00:42] and learn how to use the AI Assistant in Studio. [00:45] So let's dive in and check it out. [00:48] Alright, let's go ahead and open the Studio application. [00:51] As you can see, I've already have it installed on my [00:54] Mac Studio. [00:55] Supports both Mac Os and Windows. [00:59] If you want to follow along and don't have Studio installed [01:01] yet, head on over to WordPress.studio to download it [01:05] for your operating system. [01:06] There's also links there to documentation. [01:09] I've dropped the link in the video description below. [01:13] Alright, so this is the main dashboard. [01:15] If you used other local development tools in the past, [01:18] this layout should feel fairly familiar. [01:21] On the left, you'll see any local [01:23] sites that I have already created. [01:25] You can see I have one for my own personal site. [01:28] And on the right you're going to see a site overview [01:30] of whichever site you've selected. [01:32] Again, this is my personal site. [01:34] We'll explore this site overview panel a little bit later. [01:37] But for now, let's walk [01:38] through creating a brand new local WordPress site. [01:42] And to do that, you're going to head on over here [01:44] and click on the Add Site button. [01:47] This is going to open up a new panel [01:49] and you have a bunch of options here. [01:52] For this video, we're just going to focus on creating a blank [01:54] site, but you also have the option [01:57] to create a site from a Blueprint, which is like a recipe. [02:01] You can also import an existing backup site [02:04] or pull a site from WordPress.com or Pressable. [02:07] More information about these three options is available [02:10] in the documentation. [02:12] And we'll also talk about pulling sites from WordPress.com, [02:15] Pressable later in this video. [02:17] But for now, let's just click create site [02:19] and you're going to be presented with an option [02:21] to set the site name. [02:23] In this case, I'm going to call it The Captain's Cup. [02:27] This is going to be a fictitious coffee shop [02:29] that's on the seaside. [02:31] And then you'll notice that we have a whole bunch [02:33] of advanced settings here that you can toggle [02:36] and configure based on your own needs. [02:39] So for example, you could set the local path, [02:42] you could also set the PHP version or the WordPress version. [02:45] We're just going to stick to latest. [02:47] But you could also do beta releases. [02:49] You can also set a custom domain. [02:51] Now again, I'm just going to keep this simple. [02:54] So we'll disable custom domain, [02:55] but this option's available if you'd like to use it. [02:59] The next step is just click add site [03:01] and your new site will start being created. [03:05] And just like that, the new site is all set up and running. [03:08] No complex configuration or anything like that. [03:11] Now you can start and stop a site at any time using this [03:14] button up here or using the button in the sidebar here. [03:19] Now let's head on over to the WP Admin [03:23] and you're automatically logged in [03:24] and you can see that we have a blank WordPress website [03:28] running the latest 2025 theme. [03:31] Notice the URL, it's going to be using the localhost, [03:34] and this is because we did not set a custom domain. [03:38] Now let's go back to Studio [03:40] and you can see that our site is running. [03:43] Now, once your site has been created, you can always go back [03:46] and adjust the settings. [03:48] Maybe you want to choose a different WordPress version [03:50] or PHP version. [03:52] All you need to do is click on that Settings tab [03:55] and then you can click on Edit Site [03:57] and you can make the changes that you want. [03:59] You could also even add a custom domain after the fact, [04:03] but we'll stick with the options that we have [04:04] and head on over to the Overview tab. [04:08] Here you'll find several buttons that allow you [04:10] to quickly navigate to various areas of your site, such [04:12] as the Site Editor, Styles, Navigation, that sort of thing. [04:17] Let's try the Site Editor. And there we go. [04:21] The fewer mouse clicks the better. [04:26] Now you also see a few buttons below [04:28] for Open in... This makes it easy [04:29] to open the site folder at either in your Finder [04:33] or different the terminal application [04:35] or your editor of choice. [04:37] You can see that I have custom set this to Cursor [04:40] and I also like to use the Terminal app on my machine. [04:44] So if we click on Terminal for example, [04:46] it's going to open up the Terminal [04:47] and if we do ls, we can see all the files [04:51] and folders on our site. [04:53] And then if we click on Cursor, [04:55] it's going to open up Cursor, [04:57] which is an AI powered code editing tool. [04:59] Again, the one that I use all the time. [05:02] Now you can configure these two buttons in the [05:05] Studio settings. [05:06] So if we come up here to the Gear icon, [05:09] you're going to load up the Preferences. [05:10] And here you can set your language, [05:12] but you also can set your code editor in [05:14] terminal application. [05:15] So here I have VS code and Cursor installed on my machine. [05:19] So that's why I can select both of them. [05:21] I'm going to stick with Cursor. [05:22] And again, the same with your terminal application. [05:25] I just use Terminal. So that's what I have here. [05:28] Now you'll see some other options here. [05:30] We have the Studio CLI, I'm not going to get into [05:32] that in this video, but as the want to app continues [05:36] to be developed, you'll find more preferences here. [05:39] On the Accounts tab [05:40] you can log in, we'll talk about this in a bit. [05:45] Okay, so that was a quick overview [05:46] of the core Studio features, [05:48] the stuff you get right out of the box without needing a [05:50] WordPress.com account. [05:52] As I mentioned earlier, Studio is completely open source [05:55] and you can grab the full codebase on GitHub [05:57] and everything I just showed you is available [05:59] as is with a fresh install. [06:02] That said, if you choose [06:03] to connect a free WordPress.com account, [06:05] and you might already have one if you're a WordPress.com [06:07] customer, you'll unlock some powerful additional tools. [06:11] These include live preview sites that you can share [06:12] the ability to sync local sites [06:15] to staging and production environments on [06:16] WordPress.com or Pressable, [06:18] And the AI Assistant built right into the app [06:22] to help you code even faster. [06:24] So let's take a look at those features. [06:27] Alright, let's start with one of Studio's most powerful [06:29] features, especially if you're a WordPress.com [06:32] or Pressable customer. [06:33] And that's the Studio sync, which you'll find [06:35] underneath the sync tab of each site. [06:38] Since I'm not yet logged into my WordPress.com account, [06:41] I'm going to be prompted to sign in, [06:44] click Log in to WordPress.com. [06:46] If you don't already have an account, you can create one [06:49] for free using this link. [06:51] And if you're a Pressable customer, [06:53] you'll still want a WordPress.com account [06:55] because that's what you'll use [06:56] to connect your sites to Studio. [06:59] So let's go ahead and click Log in to WordPress.com. [07:03] I'm going to be brought to this authorization page [07:05] where I can click Approve [07:07] and then click Allow. [07:11] And now you can see that I am connected. [07:14] The next step is to click Connect site. [07:17] A modal will open with all the sites that you have available [07:21] to pull into Studio. [07:23] So I have three here, The Captain's Cup, [07:26] The Captain's Cup staging the staging site for that site. [07:29] And then I have another one here. [07:31] This was a test site [07:32] and you'll notice that it asked me to upgrade the plan. [07:36] It's important to note that Studio Sync only works [07:39] with WordPress.com sites on a Business or Commerce plan. [07:43] If your site is on a lower tiered plan, [07:46] you'll see an upgrade prompt like we see [07:48] here with this test site. [07:50] For Pressable sites, you just need to ensure [07:52] that you have the Jetpack plugin activated [07:55] and connected using the same WordPress.com account [07:58] that you're using in Studio. [08:01] Links to WordPress.com [08:02] and Pressable documentation are [08:04] available in the video description. [08:06] All right, let's go ahead. We're going to select the production [08:09] site here and we're going to click Connect. [08:11] But before I do it, one last thing. [08:13] If you don't see any sites here, [08:15] you can always create a new WordPress.com site [08:17] using this link at the bottom. [08:19] Alright, let's click Connect. [08:21] Now that the connection has been established, [08:23] what I can do is I can pull down the entire production site [08:27] into my local, The Captain's Cup. [08:30] I can also push up changes, but for now, let's click pull. [08:34] This will open up a modal where you have some options. [08:37] You can pull down everything, which is [08:39] what we're going to do in this demo. [08:41] But note that you can also choose specific files [08:44] and folders so you can really drill down into what you want [08:47] to pull down into Studio. [08:49] And you have the same functionality [08:50] whenever you're pushing content back up. [08:53] This enables a lot of interesting workflows, [08:54] especially for plugin [08:56] and theme development and maintaining client sites. [09:01] Again, we're going to choose all in Click Pull. [09:06] Depending on the size of your site, [09:07] this process might take a little while. [09:09] For the sake of the video, I'm going to speed things up [09:17] and there we go. [09:18] The pull is complete, and if we go to the site, [09:22] we're going to see that it's no longer just [09:24] a blank WordPress site. [09:25] And we have the content [09:26] that was on our original production site. [09:28] So now we can start working locally. [09:31] Now we, before we move on to the next feature, [09:33] I do want to show you that this workflow that we just did [09:36] where we created a blank site [09:38] and then we synced content in [09:40] that is a perfectly viable workflow. [09:42] But there's a simpler way to do this. [09:43] If you know that what you want [09:45] to do is pull down an existing [09:46] WordPress.com or Pressable site. [09:49] So if we go back to the Add Site menu, [09:51] you can click Pull an existing site, click this, [09:55] and again, you can see the same options, [09:57] but now you can see [09:58] that The Captain's Cup is already connected [10:01] to this specific site. [10:03] I can now pull down The Captain's Cup stagin site if I want, [10:06] or upgrade the plan for this test site. [10:09] So I just wanted to show you that there's another way [10:10] of doing this that's a little bit more straightforward [10:12] depending on your workflow. [10:16] For now, let's move on to the next [10:17] feature, which is Previews. [10:18] This functionality allows you to create [10:20] and share live copies of your Studio sites. [10:23] And you don't need to be a [10:24] WordPress.com or Pressable customer. [10:26] To use this feature, you just need [10:28] to have a free WordPress.com account. [10:30] As you can see here, you can have up [10:32] to 10 free preview sites at any one time. [10:35] Sites expire after seven days since their last update, [10:38] and under the hood, they're powered by WordPress.com. [10:41] They're an excellent way to share previews of the work [10:43] that you're doing locally with colleagues or clients. [10:47] So let's create one based on our The Captain's Cup, similar [10:51] to Studio Sync, this process does take a little bit [10:53] of time depending on the size of your site. [10:56] So I'm going to speed things up a bit. [10:59] Alright, now that the site has been created, [11:00] it will have a unique URL based on your [11:03] WordPress.com username. [11:05] Mine is "ndiego", so you can see that here. [11:07] And it's going to be separated by some unique letters. [11:10] And then "studio", let's click the link [11:17] and there's a live preview of The Captain's Cup [11:20] and you can see it looks just like it did locally in Studio. [11:24] This is a fully live site [11:25] that you can log into using the credentials [11:27] that are listed in the settings tab within Studio. [11:30] So if you come over here to Settings, you'll see admin [11:34] and then password. [11:35] We can just copy and paste [11:38] and then we'll go back to the preview site, [11:46] paste in the password and login. [11:53] Again, these previews are deleted [11:55] after seven days of the last update, [11:57] but you can update sites as often as you like. [12:00] So if you make changes locally, such as updating the design [12:03] or changing a feature, [12:04] just remember to update [12:05] Anyone you share the link with will be able [12:08] to see the changes live. [12:10] So let's go back to Studio. [12:13] To update a site, there's a little actions menu here. [12:17] All you need to do is click Update [12:18] and this will trigger an update. [12:19] It's not the same thing [12:20] as simply updating the content of the site. [12:22] You actually have to manually update [12:24] your local preview site. [12:26] And again, you can have up to 10 of these, [12:28] and that's across all Studio sites. [12:30] So you can have 10 previous sites at any one time. [12:33] Alright, the last feature that I want to show you is the [12:35] Studio Assistant, which we can access using this tab here. [12:38] Like most AI tools, the capabilities will continue [12:41] to evolve over time, [12:42] but let's take a look at how it works today. [12:45] First, every WordPress.com account, that's logged into Studio, [12:49] gets 200 prompts per month. [12:52] The assistant isn't meant to replace tools like Cursor [12:55] or other AI-powered dev environments. [12:57] Instead, it's designed to help you make changes directly [12:59] to your Studio site. [13:01] It also can do things like create content [13:03] and provide information about WordPress. [13:06] All right, let's do something simple. [13:07] I want to ask it to change the display name [13:09] of the admin user to my own name, Nick Diego. [13:16] Obviously, this is something that we could do from the [13:18] settings, but it's just easier to get the AI to do it. [13:21] And very often it's going to give you a WP-CLI [13:28] command that it can run. [13:30] So let's run this command, [13:33] and now it says success. [13:35] So let's head on over to WP Admin [13:37] and see if our name has changed. [13:40] And sure enough, now it says Nick Diego. [13:43] Now, there are a ton of ways that you can use the assistant, [13:45] such as installing plugins, generating code, [13:47] managing other aspects of your site. [13:49] So it's worth experimenting [13:51] with different prompts to see what it can do. [13:53] And as always, the tool will be continually getting better [13:56] and more capable over time. [13:58] If you do try it, please share your feedback [14:00] using these buttons here. [14:01] It helps the team immensely. [14:03] So that's a full tour [14:04] of WordPress Studio from setting up your first local site [14:07] to syncing with production, to sharing live previews, [14:10] and even using the built-in AI Assistant [14:13] Whether you're building a theme, developing a plugin [14:15] or managing client sites, Studio gives you a fast [14:18] and flexible development environment [14:20] that fits right into your own workflow. [14:22] And of course, it's completely free and open source. [14:24] The link to the GitHub repository is included in the [14:27] video description below. [14:28] If you haven't tried out Studio yet, you can head on over [14:31] to WordPress.Studio to download the app and start exploring. [14:35] You'll also find links to the documentation. [14:38] As always, if you found this video helpful, [14:40] we'd love it if you'd like and subscribe to the channel. [14:42] Thanks so much for watching, [14:43] and I'll see you in the next one.  ## 📺 Video ![](https://www.youtube.com/watch?v=wxBXWmo2oV0) --- # 📝 Full Notes (Deep-Read Analysis) # 🏷️ Title: Getting Started with WordPress Studio ## 🧰 Action Inbox - [H1] Download and install WordPress Studio from WordPress.studio — setup/00:00 #setup - [H2] Connect WordPress.com account for sync and AI features — authentication/05:30 #integration - [H3] Test AI Assistant for site management tasks — ai-features/13:45 #ai-tools ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - [WordPress Studio Official Site](https://WordPress.studio) - [WordPress.com Documentation](https://wordpress.com/support/) ## 📝 Summary - WordPress Studio is a free, open-source local development application built on WebAssembly technology - Core features include creating local WordPress sites, configuring development environments, and integrating with code editors - Advanced features (requiring WordPress.com account) include site syncing, live previews, and AI Assistant with 200 monthly prompts - Supports Mac and Windows with modern development workflows for themes, plugins, and full websites - Bottom line: Studio provides a fast, lightweight alternative to traditional local development tools with unique cloud integration capabilities ## 📖 Main Content WordPress Studio represents a new generation of local WordPress development tools, leveraging cutting-edge WebAssembly technology for improved performance. The application provides both standalone functionality and enhanced features through WordPress.com integration. The core application allows developers to create and manage local WordPress sites with configurable PHP and WordPress versions, custom domains, and integration with popular code editors like VS Code and Cursor. The interface follows familiar patterns from other local development tools, with a sidebar for site management and detailed site overview panels. Advanced features require a free WordPress.com account and include Studio Sync (for WordPress.com Business/Commerce plans and Pressable sites), live preview sharing, and an AI Assistant. The sync functionality enables bidirectional content transfer between local and remote environments, while preview sites provide shareable URLs that expire after seven days of inactivity. The AI Assistant offers 200 monthly prompts per WordPress.com account and can execute WP-CLI commands, install plugins, generate code, and manage site configurations directly within the Studio environment. ## 🗒️ Notes #### ⏱️ [00:00](https://youtu.be/wxBXWmo2oV0?t=0) — [H1] WordPress Studio Introduction - Key idea: Studio is a free, open-source local WordPress development application built on WebAssembly - Evidence: "fast and lightweight, built on cutting edge Web Assembly technology, and design specifically for modern development workflows" #### ⏱️ [01:20](https://youtu.be/wxBXWmo2oV0?t=80) — [H2] Installation and Platform Support - Key idea: Studio supports Mac and Windows with download available at WordPress.studio - Evidence: "Studio supports both Mac Os and Windows. If you want to follow along and don't have Studio installed yet, head on over to WordPress.studio" #### ⏱️ [02:15](https://youtu.be/wxBXWmo2oV0?t=135) — [H2] Dashboard Overview and Site Creation - Key idea: The dashboard provides familiar layout with sites sidebar and overview panel - Evidence: "If you used other local development tools in the past, this layout should feel fairly familiar" #### ⏱️ [02:45](https://youtu.be/wxBXWmo2oV0?t=165) — [H2] Site Creation Options - Key idea: Multiple site creation methods including blank sites, blueprints, imports, and remote pulls - Evidence: "you have a bunch of options here. For this video, we're just going to focus on creating a blank site, but you also have the option to create a site from a Blueprint" #### ⏱️ [03:30](https://youtu.be/wxBXWmo2oV0?t=210) — [H3] Advanced Site Configuration - Key idea: Configurable PHP versions, WordPress versions, custom domains, and local paths - Evidence: "you could set the local path, you could also set the PHP version or the WordPress version. We're just going to stick to latest. But you could also do beta releases" #### ⏱️ [04:45](https://youtu.be/wxBXWmo2oV0?t=285) — [H3] Site Management and Editor Integration - Key idea: Quick access buttons for Site Editor, Styles, Navigation, and integration with external editors - Evidence: "Here you'll find several buttons that allow you to quickly navigate to various areas of your site, such as the Site Editor, Styles, Navigation" #### ⏱️ [05:30](https://youtu.be/wxBXWmo2oV0?t=330) — [H2] WordPress.com Account Integration - Key idea: Free WordPress.com account unlocks sync, previews, and AI Assistant features - Evidence: "if you choose to connect a free WordPress.com account...you'll unlock some powerful additional tools" #### ⏱️ [06:30](https://youtu.be/wxBXWmo2oV0?t=390) — [H1] Studio Sync Feature - Key idea: Bidirectional sync between local Studio sites and WordPress.com/Pressable sites - Evidence: "Studio sync, which you'll find underneath the sync tab of each site" #### ⏱️ [07:45](https://youtu.be/wxBXWmo2oV0?t=465) — [H3] Sync Requirements and Limitations - Key idea: Requires WordPress.com Business/Commerce plans or Pressable with Jetpack - Evidence: "Studio Sync only works with WordPress.com sites on a Business or Commerce plan" #### ⏱️ [09:15](https://youtu.be/wxBXWmo2oV0?t=555) — [H3] Selective Sync Capabilities - Key idea: Granular control over which files and folders to sync between environments - Evidence: "you can also choose specific files and folders so you can really drill down into what you want to pull down into Studio" #### ⏱️ [11:00](https://youtu.be/wxBXWmo2oV0?t=660) — [H2] Preview Sites Feature - Key idea: Create shareable live copies of Studio sites with 10 free sites per account - Evidence: "you can have up to 10 free preview sites at any one time. Sites expire after seven days since their last update" #### ⏱️ [12:30](https://youtu.be/wxBXWmo2oV0?t=750) — [H3] Preview Site Management - Key idea: Preview sites require manual updates and provide admin credentials in Studio settings - Evidence: "if you make changes locally...just remember to update...You actually have to manually update your local preview site" #### ⏱️ [13:45](https://youtu.be/wxBXWmo2oV0?t=825) — [H1] AI Assistant Feature - Key idea: Built-in AI with 200 monthly prompts for site management and WP-CLI commands - Evidence: "every WordPress.com account, that's logged into Studio, gets 200 prompts per month" #### ⏱️ [14:30](https://youtu.be/wxBXWmo2oV0?t=870) — [H3] AI Assistant Capabilities - Key idea: Can execute WP-CLI commands, install plugins, generate code, and manage site aspects - Evidence: "it's going to give you a WP-CLI command that it can run...installing plugins, generating code, managing other aspects of your site" ## 📚 References - [WordPress Studio Download](https://WordPress.studio) - [WordPress.com Support Documentation](https://wordpress.com/support/) - [Pressable Documentation](https://pressable.com/help/) - [Studio GitHub Repository](https://github.com/Automattic/studio) ## 🗣️ Paraphrase - WordPress Studio offers a modern local development environment using WebAssembly technology with both standalone and cloud-integrated features - The application provides familiar site management interfaces with advanced configuration options for PHP/WordPress versions and editor integration - Premium features through WordPress.com accounts include bidirectional site syncing, shareable preview environments, and AI-powered development assistance ## 📰 Newsletter **WordPress Studio: Modern Local Development Made Simple** The WordPress community now has access to a powerful new local development tool that bridges the gap between traditional local environments and cloud-based workflows. WordPress Studio combines the speed of WebAssembly technology with seamless WordPress.com integration. **Key Benefits:** - Zero-configuration site creation with configurable PHP/WordPress versions - Direct integration with popular code editors (VS Code, Cursor) - Bidirectional sync with WordPress.com and Pressable sites - Shareable preview environments for client collaboration - Built-in AI Assistant for development tasks **Getting Started:** Download Studio from WordPress.studio and create your first local site in minutes. For enhanced features, connect a free WordPress.com account to access sync capabilities and AI assistance. **Resources:** [WordPress Studio](https://wordpress.studio), [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/), [WP-CLI](https://wp-cli.org/) ## ✅ Action Items #### WordPress - Core: Evaluate Studio integration opportunities for core development workflows - Community: Create WordPress Studio meetup presentation templates and demo sites - Training: Develop Studio-specific lesson plans for local development curriculum - Documentation: Update DevHub with Studio-specific development patterns - Marketing: Coordinate Studio promotion across WordCamp and community events #### DevRel - Developer advocacy: Create Studio comparison content with other local development tools - Education: Develop workshops combining Studio with modern development practices - Developer experience: Test Studio integration with existing WordPress development documentation - Community management: Monitor Studio feedback channels and feature requests ## 🧪 Hypotheses - WordPress Studio's WebAssembly foundation provides measurably faster site creation than traditional Docker-based solutions - The WordPress.com integration creates a lower barrier to entry for developers transitioning from WordPress.com to local development - AI Assistant usage patterns will reveal common WordPress development pain points and automation opportunities - Preview sharing functionality will increase collaboration between developers and non-technical stakeholders ### 📊 Methodology - Performance benchmarking: Compare site creation times between Studio and Local, MAMP, Docker solutions - User adoption analysis: Track WordPress.com account connections and feature usage patterns - AI interaction study: Analyze prompt patterns and success rates for different development tasks ### ❓ Questions - How does Studio's WebAssembly performance compare to traditional local development environments? - What development workflows benefit most from the WordPress.com sync integration? - How effectively does the AI Assistant handle complex WordPress development tasks? ### 🔮 Future Research - Integration possibilities with WordPress Playground for browser-based development - Potential for Studio to support other CMS platforms or custom application frameworks - Enterprise deployment scenarios for agency and large-scale WordPress development teams ### 💡 Implications - Practice: Streamlines the developer onboarding process and reduces local environment setup friction - Education: Provides a consistent development environment for WordPress training programs - Community: May shift local development tool preferences toward WebAssembly-based solutions - Business: Strengthens WordPress.com ecosystem by providing migration paths between local and hosted environments ### 🧠 Learning Styles Assessment Reading level estimate: 10th Grade (Flesch-Kincaid) #### 👀 Visual learners - Present: Clear screenshots of Studio interface, step-by-step visual workflow - Improve: Architecture diagrams showing sync process, feature comparison charts #### 🔊 Aural learners - Present: Video tutorial with clear narration and explanations - Improve: Audio-only version for podcast consumption, key takeaways summary #### 🗣️ Verbal learners - Present: Technical terms defined, analogies to existing tools, clear explanations - Improve: Glossary of Studio-specific terminology, comparison tables #### 🧩 Kinesthetic learners - Present: Step-by-step installation and setup guide, hands-on demonstrations - Improve: Interactive checklist, downloadable practice exercises #### 🧠 Logical learners - Present: Clear feature progression, systematic exploration of capabilities - Improve: Decision trees for choosing Studio vs. alternatives, feature matrices #### 🧑‍🤝‍🧑 Social learners - Present: Community aspects mentioned, sharing capabilities highlighted - Improve: Discussion prompts for team adoption, collaboration use cases #### 🧘‍♀️ Solitary learners - Present: Self-paced tutorial format, individual setup instructions - Improve: Self-assessment questions, personal project ideas #### 🌿 Naturalistic learners - Present: Open source nature emphasized, ecosystem connections - Improve: WordPress ecosystem positioning, sustainability considerations ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Video has clear verbal descriptions of interface elements - Improve: Detailed alt text for interface screenshots, transcript with navigation descriptions #### Keyboard navigation - Present: Studio interface appears keyboard navigable - Improve: Explicit keyboard shortcut documentation, navigation flow descriptions #### Contrast and readability - Present: Studio interface shows good contrast in demonstrations - Improve: Accessibility audit of Studio application itself #### Media and captions - Present: Video tutorial available - Improve: Closed captions, downloadable transcript, audio descriptions #### Forms and interactions - Present: Form interactions clearly demonstrated - Improve: Error handling examples, validation feedback demonstrations ### 🌍 DEIB Assessment #### Cultural breadth - Present: WordPress.com global platform mentioned - Improve: Multi-language development examples, international hosting scenarios #### Inclusive language - Present: Gender-neutral technical language, accessible explanations - Improve: Plain language summaries, avoided development jargon definitions #### Neurodiversity support - Present: Step-by-step structure, consistent interface patterns - Improve: Cognitive load considerations, customizable interface options #### Representation - Present: Neutral presentation focused on technical capabilities - Improve: Diverse use case examples, varied developer persona representations #### Psychological safety - Present: Beginner-friendly approach, no assumption of prior knowledge - Improve: Explicit encouragement for experimentation, error recovery guidance ### ✅ Logical Validity #### Strong reasoning - Deductive strength: Clear progression from features to use cases - Inductive strength: Good examples supporting broader capabilities claims - Causal reasoning: WebAssembly technology linked to performance benefits - Analogical strength: Effective comparison to existing local development tools #### Fallacies - Appeal to novelty: WebAssembly positioning as inherently better needs performance evidence - False dichotomy: Presentation could better acknowledge other modern local development solutions #### Tone of voice - Overall tone: Professional, educational, and encouraging with clear technical focus ### 🛡️ DARVO Analysis - Deny: No significant denials present - Attack: No attacks on competing solutions or critics - Reverse victim/offender: Not applicable - Emotional cues and rhetoric: Positive framing without manipulation, factual presentation of capabilities ## 🎯 Conclusion WordPress Studio represents a significant advancement in local WordPress development tools, combining the performance benefits of WebAssembly technology with modern cloud integration features. The application successfully bridges the gap between traditional local development environments and hosted WordPress solutions. For developers, Studio offers immediate productivity gains through rapid site creation, seamless editor integration, and powerful sync capabilities. The AI Assistant and preview sharing features address common collaboration and development workflow challenges. The broader WordPress community benefits from reduced barriers to entry for local development and stronger connections between WordPress.com hosting and development environments. Studio's open-source nature ensures community-driven evolution while its WordPress.com integration provides a sustainable development model. ## 🧱 Refactor Appendix ### 📚 Literature Split Pad ### [H1] WordPress Studio combines WebAssembly performance with WordPress.com integration > [!quote] Getting Started with WordPress Studio by --- # 📄 Full Transcript *Auto-generated from YouTube captions · timestamps roughly every 30 seconds · [watch on YouTube](https://www.youtube.com/watch?v=wxBXWmo2oV0)* **[00:00]** Hi there, my name is Nick and in this video we're going to do a deep dive into WordPress Studio which is a free and open source application for local WordPress development. It's great for building plugins and themes and even entire WordPress websites. It's also fast and lightweight, built on cutting edge web assembly technology and designed specifically for modern development workflows. Now, in the next few minutes, you're going to learn how to create a new local WordPress site using Studio. Configure Studio based on your own development preferences. Sync **[00:32]** existing WordPress.com and pressable sites to Studio so you can work on them locally. Create publicly accessible preview copies of your sites to share with colleagues and clients and learn how to use the AI assistant in Studio. So, let's dive in and check it out. All right, let's go ahead and open the Studio application. As you can see, I've already have it installed on my Mac. Studio supports both Mac OS and Windows. If you want to follow along and don't have Studio installed yet, head on over **[01:02]** to WordPress.studio to download it for your operating system. There's also links there to documentation. I've dropped the link in the video description below. All right, so this is the main dashboard. If you used other local development tools in the past, this layout should feel fairly familiar. On the left, you'll see any local sites that I have already created. You can see I have one for my own personal site. And on the right, you're going to see a site overview of whichever site you've selected. Again, this is my personal **[01:34]** site. We'll explore this site overview panel a little bit later, but for now, let's walk through creating a brand new local WordPress site. And to do that, you're going to head on over here and click on the add site button. This is going to open up a new panel. And you have a bunch of options here. For this video, we're just going to focus on creating a blank site, but you also have the option to create a site from a blueprint, which is like a recipe. You can also import uh an existing backup site or pull a site from WordPress.com **[02:06]** or Pressible. More information about these three options is available in the documentation. And we'll also talk about pulling sites from WordPress.com and Pressible later in this video. But for now, let's just click create site. And you're going to be presented with an option to set the site name. In this case, I'm going to call it the captain's cup. This is going to be a fictitious coffee shop that's on the seaside. And then you'll notice that we have a whole bunch of advanced settings here that you can toggle and configure based on your **[02:38]** own needs. So, for example, you could set the local path. You could also set the PHP version or the WordPress version. We're just going to stick to latest, but no, you could do beta releases. You can also set a custom domain. Now, again, I'm just going to keep this simple, so we'll disable custom domain, but this option is available if you'd like to use it. The next step is just click add site, and your new site will start being created. And just like that, the new site is all set up and running. No complex **[03:08]** configuration or anything like that. Now, you can start and stop a site at any time using this button up here or using the button in the sideboard here. Now, let's head on over to the WP admin. And you're automatically logged in. And you can see that we have a blank WordPress website running the latest 2025 theme. Notice the URL. It's going to be using the local host. And this is because we did not set a custom domain. Now let's go back to studio and you can see that **[03:41]** our site is running. Now once your site has been created, you can always go back and adjust the settings. Maybe you want to choose a different WordPress version or PHP version. All you need to do is click on that settings tab and then you can click on edit site and you can make the changes that you want. You could also even add a custom domain after the fact, but we'll stick with the options that we have and head on over to the overview tab. Here you'll find several buttons that allow you to quickly navigate to various areas of your site, **[04:12]** such as the site editor, styles, navigation, that sort of thing. Let's try the site editor. And there we go. The fewer mouse clicks, the better. Just makes everything a little bit easier to navigate. Now, you'll also see a few buttons below for open in. This makes it easy to open the site folder either in your finder or different the terminal application or your editor of choice. You can see that I have custom set this to cursor. And I also like to use the terminal app on my **[04:43]** machine. So if we click on terminal for example, it's going to open up the terminal. And if we do ls, we can see all the files and folders on our site. And then if we open up click on cursor, it's going to open up cursor which is an AI powered code editing tool. Again, the one that I use all the time. Now you can configure these two buttons in the studio settings. So if we come up here to the gear icon, you're going to load up the preferences. And here you can set your language, but you also can set your code editor and terminal application. So **[05:16]** here I have VS Code and cursor installed on machine. So that's why I can select both of them. I'm going to stick with cursor. And again, the same with your terminal application. I just use terminal, so that's what I have here. Now, you'll see some other options. Here we have the studio CLI. I'm not going to get into that in this video, but as the studio app continues to be developed, you'll find more preferences here. On the accounts tab, you can log in. We'll talk about this in a bit. Okay, so that was a quick overview of **[05:46]** the core studio features, the stuff you get right out of the box without needing a WordPress.com account. As I mentioned earlier, Studio is completely open source and you can grab the full codebase on GitHub and everything I just showed you is available as is with a fresh install. That said, if you choose to connect a free WordPress.com account, and you might already have one if you're a WordPress.com customer, you'll unlock some powerful additional tools. These include live preview sites that you can share, the ability to sync local sites to staging and production environments **[06:17]** on WordPress.com or Pressible, and the AI assistant built right into the app to help you code even faster. So, let's take a look at those features. All right, let's start with one of Studio's most powerful features, especially if you're a WordPress.com or Pressible customer, and that's the Studio Sync, which you'll find underneath the sync tab of each site. Since I'm not yet logged in to my WordPress.com account, I'm going to be prompted to sign in. Click log to WordPress.com. If you don't already have **[06:48]** an account, you can create one for free using this link. And if you're a Pressible customer, you'll still want a WordPress.com account because that's what you'll use to connect your sites to Studio. So, let's go ahead and click log to WordPress.com. I'm going to be brought to this authorization page where I can click approve and then allow. Close this. And now you can see that I am connected. The next step is to click connect site. A motor will open with all the sites **[07:19]** that you have available to pull into studio. So I have three here. The captain's cup, the captain's cup staging, the staging site for that site. And then I have another one here. This was a test site. And you'll notice that it asks me to upgrade the plan. It's important to note that Studio Sync only works with WordPress.com sites on a business or commerce plan. If your site is on a lower tiered plan, you'll see an upgrade prompt like we see here with this test site. For pressible sites, you **[07:52]** just need to ensure that you have the Jetack activated and connected using the same WordPress.com account that you're using in Studio. Links to WordPress.com and pressible documentation are available in the video description. All right, let's go ahead. We're going to select the production site here and we're going to click connect. But before I do it, one last thing. If you don't see any sites here, you can always create a new WordPress.com site using this link at the bottom. All right, let's click connect. Now that the **[08:22]** connection has been established, what I can do is I can pull down the entire production site into my local the captain's cup. I can also push up changes, but for now, let's click pull. This will open up a modal where you have some options. You can pull down everything, which is what we're going to do in this demo. But note that you can also choose specific files and folders, so you can really drill down into what you want to pull down into studio. and you have the same functionality whenever you're pushing content back up. This **[08:53]** enables a lot of interesting workflows, especially for plug-in and theme development and maintaining client sites again. We're going to choose all and click pull. Depending on the size of your site, this process might take a little while. For the sake of the video, I'm going to speed things up. And there we go. So the poll is complete and if we go to the site, we're going to see that it's no longer just a blank **[09:24]** WordPress site and we have the content that was on our original production site. So now we can start working locally. Now we before we move on to the next feature, I do want to show you that this workflow that we just did where we created a blank site and then we synced content in that is a perfectly viable workflow. But there's a simpler way to do this if you know that what you want to do is pull down an existing WordPress.com or pressable site. So if we go back to the add site menu, you can click pull an existing site. Click this. **[09:55]** And again, you can see the same options, but now you can see that the captain's cup is already connected to this specific site. I can now pull down the captain's cup staging site if I want or upgrade the plan for this test site. So, I just wanted to show you that there's another way of doing this that's a little bit more straightforward depending on your workflow. For now, let's move on to the next feature, which is previews. This functionality allows you to create and share live copies of your studio sites. And you don't need to be a WordPress.com or Pressable customer to use this **[10:26]** feature. You just need to have a free WordPress.com account. As you can see here, you can have up to 10 free preview sites at any one time. Sites expire after 7 days since their last update and under the hood, they're powered by WordPress.com. They're an excellent way to share previews of the work that you're doing locally with colleagues or clients. So, let's create one based on our the captain's cup. Similar to Studio Sync, this process does take a little bit of time depending on the size of your site. So, I'm going to speed things **[10:56]** up a bit. All right. Now that the site has been created, it will have a unique URL based on your WordPress.com username. Mine is N Diego, so you can see that here. And it's going to be separated by some unique letters and then studio. Let's click the link. And there's the live preview of the Captain's Cup. And you can see it looks just like it did locally in studio. This is a fully live site that you can log into using the credentials that are **[11:27]** listed in the settings tab within studio. So if you come over here to settings, you'll see admin and then password. We can just copy and paste and then we'll go back to the preview site. Paste in the password and log in. Again, these previews are deleted after 7 days of the last update, but you can **[11:58]** update sites as often as you like. So, if you make changes locally, such as updating the design or changing a feature, just remember to update. Anyone you share the link with will be able to see the changes live. So, let's go back to Studio. So, to update a site, there's a little actions menu here. All you need to do is click update, and this will trigger an update. It's not the same thing as simply updating the content of the site. You actually have to manually update your local preview site. And again, you can have up to 10 of these. And that's **[12:28]** across all studio sites. So you can have 10 preview sites at any one time. All right, the last feature that I want to show you is the studio assistant, which we can access using this tab here. Like most AI tools, the capabilities will continue to evolve over time, but let's take a look at how it works today. First, every WordPress.com account that's logged into Studio gets 200 prompts per month. The assistant isn't meant to replace tools like cursor or other AI powered dev environments. Instead, it's designed to help you make **[12:59]** changes directly to your studio site. It also can do things like create content and provide information about WordPress. All right, let's do something simple. I want to ask it to change the display name of the admin user to my own name, Nick Diego. Obviously, this is something that we could do from the settings, but it's just easier to get the AI to do it. And very often, it's going to give you a WP CLI command that it can run. So, **[13:30]** let's run this command. And now we says success. So, let's head on over to WPadmin and see if our name has changed. And sure enough, now it says Nick Diego. Now, there are a ton of ways that you can use the assistant, such as installing plugins, generating code, managing other aspects of your site. So, it's worth experimenting with different prompts to see what it can do. And as always, the tool will be continually getting better and more capable over time. If you do try it, please share your feedback using these buttons here. **[14:01]** It helps the team immensely. So, that's a full tour of WordPress Studio. From setting up your first local site to syncing with production to sharing live previews, and even using the built-in AI assistant. Whether you're building a theme, developing a plug-in, or managing client sites, Studio gives you a fast and flexible development environment that fits right into your own workflow. And of course, it's completely free and open source. The link to the GitHub repository is included in the video description below. If you haven't tried out Studio yet, you can head on over to **[14:31]** WordPress.studio studio to download the app and start exploring. You'll also find links to the documentation. As always, if you found this video helpful, we'd love it if you'd like and subscribe to the channel. Thanks so much for watching and I'll see you in the next one.