So, to start things off, I asked Riyad a while back to talk to us about WordPress 7,
back when we had our last office hours session.
And he suggested that he had more to say about Studio Code than about WordPress 7.
And that’s why we scheduled this meeting today.
Riyad gave me a demo yesterday, and I have to admit I was pretty amazed.
And he told me that since yesterday, there have been even more new features.
So, Riyad, you have the remote control to share your screen.
What I suggest is that you give us the same kind of demo you did yesterday.
And maybe afterward, we’ll ask some questions.
Okay, great, great.
Well, I’ll just jump right in, then.
Maybe you’d like to introduce yourself, since Beryl knows you too,
because we met you in Paris back when you were defending Gutenberg against all odds.
I’m still defending Gutenberg.
Yeah, but back then, it took more courage.
It wasn't quite so straightforward.
The situation was a little more tense.
And so, that was when youwere working on Gutenberg.
And obviously, you'vecome a long way since then.
So, maybe you couldwalk us through that again.
Yes, yes.
So, this is Riad.
I’m a developer at Automatique.
I’m a core contributor and one ofthe lead developers for Gutenberg.
I still work on Gutenberg a little bit, but right now, I’m startingto shift more and more toward AI and toward WordPress and AI.
What can we do about that?
And that’s how I, along withothers, developed Studio Code.
So, I’m going to show you today.
Here’s the thing: Ilive in Algeria, in Oran.
And for a few months eachsummer, I also live in Spain.
And in Oran.
Back and forth between the two.
There you go.
So, I’ll jump right into Studio Code.
I’ll share my screen.
Yes.
Can you see it?
I’ll try to zoom in a little bit.
So, right now, I’m in my terminal.
What is Studio Code again?
Well, it’s actually an AI agent,like Claude, TadGPT, or Codex.
But it’s tailored for WordPress.
It has a ton of WordPress capabilities.
It can create local sites.
It can handle—well—WordPressinside and out.
So, how do you install it?
Right now, the wayto install it is with NPM.
So, NPM—if you’ve already worked with Node or thingslike that—you install Node, and it comes with it.
And then you just type`npm-g install WP Studio`.
I’ve already installed it myself.
But when you run this command, it will installit locally, and then you'll be able to use it.
So next, just type “Studio.
” When I type “Studio,” it shows me all thecommands available in what’s called the Studio CLI.
That’s Studio’s command line.
We can create sites here.
We can generate previews.
We can log in.
And what we’re specifically interestedin today is this command: Studio Code.
In fact, with Studio Code,we can do everything.
We don’t need to learnall the other commands.
We can just type “Studio Code.
” So, the first time we launch it, itsays, “Welcome, I’m a WordPress agent.
” And to use it, you either need toimport your key or use WordPress.com.
Actually, it’s currently in beta.
And we’re offering free tokens.
All you need is anaccount on WordPress.com.
So, there you go—I chose WordPress.com.
I was already logged in.
So, as you can see, I'm logged in as Riyad Benguela.
But if this is your first time doing this and you click on WordPress.com,
it will actually open a browser and let you log in.
And when you come back here, it tells us, “Here I am—I can do all this for you.”
And it speaks French.
So, I’m going to try asking it, “What can you do for me?”
That’ll make things easier.
Right now, it’s using English by default—maybe because my computer is set to English.
I don’t know.
But if we speak to it in French, it’ll respond in French.
So, here we go—it’s responding to me.
He tells me, “I’m WordPress Studio Code, an AI agent integrated into Studio.”
And I can create and manage WordPress sites locally.
Start, stop, delete.
I can design themes and layouts.
Create themes.
Set a direction.
Basically, anything you can do with WordPress, it can do.
He has access to themes,files, and the database.
He can do everything.
Conduct audits.
For example, you can measureyour website’s performance.
Make corrections.
SEO audits.
Etc.
Is that enough for now?
I could go on for hours.
But if you have anyquestions, I’m not sure.
It might be interesting to…
No, but maybe you’regetting the most out of it.
Why?
Actually, I build WordPress sites.
So, for example, I could tell him, “Build me a WordPress site for Studio Code, for instance.”
A showcase site for Studio Code, or a site for my café, or something like that.
Well, whatever I want, really.
I’ll show you.
I already have a few sites set up locally here.
These are test sites I have.
I’ll quickly show you what we can do with them.
For example, here’s Studio Code—that’s what I have…
Well, I made it this morning.
I created a site—let’s say—to showcase Studio Code.
And I had it create it.
It takes about five minutes, basically.
And it’ll run.
And at the end, we’ll see the result.
So here, actually, when you select a site,
there are lots of commands you can use on it.
Here, for example, if I type “browser,”
it’ll open the site in a browser.
And actually, it created this site.
And that was just a single prompt.
I just said, “Create a Studio Code site for me.”
I actually gave him a website.
I told him, “I’d really like you to takeinspiration from the design of a website I liked.
”And there you go—he did all of this.
And it’s a WordPress site.
Now, we can go to “Edit Page,” for example.
So, edit the page.
Here, you can see thatthese are blocks I can edit.
Just like any WordPress site.
So, it’s on my local machine.
So, for example, I can export itand upload it to my hosting account.
Or if I use WordPress.com, I can also publish it directly.
In fact, I can tell Studio Code, “Go ahead, publish this live.”
And if, for example, I’m working with Studio and I have a client,
I’ll show them the result before putting it online.
Even if I’m not—even if my host isn’t WordPress.com—
I can tell it, for example, “Create a preview site for me.”
And actually, it’ll give me a link.
It’ll take… I think I already have a preview site for that.
But it takes, I don’t know, about a minute for everything to upload.
And it’ll give me a link so I can share it with my client.
I don’t know if I’m going to let it run because it’ll take, I don’t know, a minute or so.
So, I’m actually going to stop it.
And say, “List my previews.”
That’s crazy.
Because I think… Well, I made a few little spelling mistakes,
but I think… There’s a little bug, I think.
How do you stop it, Reda?
You press Esc to stopit while it's running.
Otherwise, if you want to completelyquit Studio Code, it’s actually CTRL-C.
CTRL-C quits it completely, andthen I can restart Studio Code.
Then I select my site.
Let's say "list"... The listof previews for this site.
So now it'll check to see if Ihave any previews for this site.
And it'll show me the results.
There you go. So, it showed me this.
So, I'll take, for example, this URL.
And actually, if I put it here...
There. So, actually, it was the same site.
I published it online, and I can share this link with my client, for example,
so they can give me feedback on the site or something like that.
But Riyad, who’s hosting this, exactly?
When you create a preview.
A preview is actually a temporary site on WordPress.com.
Ah, so WordPress.com manages the hosting, okay.
See, this is a WordPress Studio preview site.
Actually, these are just temporary sites.
After, I don’t know, a week or 15 days—I’m not exactly sure—they get deleted.
So, if you want hosting—real hosting—you can either say, “Publish me on WordPress.com”
and it’ll offer to create a site on WordPress.com for you, and you’ll publish directly there.
Otherwise, you can also export it.
You can tell it to export the site, then take the ZIP file and put it wherever you want.
OK.
I have two questions.
So, that's one of the many things you can do withit, but there are plenty of other things you can do.
Actually, for each site, there arewhat are called slash commands.
So, that means you type a slashand do all sorts of other things.
For example, one thing I showedOlivier yesterday was Need for Speed.
So, that’s actually aperformance audit of the website.
Specifically, a speed audit.
There you go.
So, now he’s going to run a quick audit.
He's going to tell us what's workingand what's not working with our website.
So, I think that shouldtake about a minute, too.
And there are lots of skills like that.
We call them "skills.
"For example, there's also the SEO audit.
And there’s another one that lets you makesmall changes, which I’ll show you in a moment.
That’s cool.
Can you…
So, here, for example…
Yes, go ahead.
Two questions.
Oh, go ahead, Christelle.
Yes.
No, he just meant—here, it’sgiving me the performance report.
It tells me everything’s fine.
Because, actually,the site is pretty small.
So there isn’t much to do.
So everything’s good.
Time to first byte.
So, those are standard metrics.
Web Vitals.
And Mindy, for example,the page is 340 kilobytes.
That’s good.
There you go.
The images are small.
I just have two quick questions.
Overall, the site is in very good shape.
But if we had any issues,for example, if we had…
No, but I don't think Ariad can hear us.
Ariad, Christelle istrying to ask a question.
Oh, right, sorry, I didn't hear that.
Yeah, well, I actually wanted to know if…
Well, I have two questions regarding…
Can someone repeat thequestion because I can’t hear it.
Can’t you hear what she’s saying?
No, no, I can’t hear her.
I don’t know.
I can only hear one person, I think.
Can you only hearChristelle—what about the others?
No, actually, I can only hear you.
I can hear Christelle, too.
Can you hear me, Ariad?
There must be a little problem with the…
Okay.
So, you can’t hear…
He can only hear…
Christelle, maybe youcould write that down.
Yes, I’ll write it down.
Actually, right now, I can hear everyone.
But before, I couldn’t hear anything.
Ah, there we go.
Is it okay now?
Yes, I can hear you now.
Okay, great.
Thanks.
No, I just wanted tocheck the local connection.
For example, I’m currentlyworking on the local connection.
When we run the commands, where will it be installed on our local server?
I mean, how does it work?
And my second question is about the code—in terms of security—
is it really just standard WordPress?
Is there any risk in using it or putting it into production later,
even for a client?
That’s it.
I’ll check with the AI—I’m always a bit wary when it comes to code.
And that’s it—it worries me a little.
Yeah, yeah.
You were right to be cautious.
You always have to double-check.
Besides, yes, it’s installed locally.
So I asked it where my site is installed.
And there you go—it gave me this folder.
So now, if I go look at the folder.
Actually, as you can see here, it’s a standard WordPress site.
Okay.
Do we have to tell it where, or does it manage the local installation on its own?
No.
Actually, you just tell it to create a site for you, and it figures it out on its own.
Oh, okay.
Then I told him where my site is hosted, and he said, “Here.”
Then, if you want a specific folder for yourself, you can tell it, “Create a site for me
in that folder.”
And that works, too.
And actually, it’s a completely standard WordPress site.
There’s nothing special about it.
For this site specifically, I asked him to create a site for Studio Code
with a sign-up form and just a one-page site.
So, a single showcase page.
So, what did he do?
He created a custom theme for the siteand installed Jetpack for the contact form.
And that's it.
So, he only used core blocks.
So, by default, it’s actually optimizedto use only what’s in the WordPress core.
And if there are any missingfeatures, it’ll try to install a plugin.
For example, for the contactform, it’ll install Jetpack.
If you ask for an e-commerce site,it’ll install e-commerce, things like that.
But when it comes to code, I,for example, am not a developer.
I dabbled a bit, but I’mnot a developer by trade.
So I’m always a little apprehensive aboutthe code, wondering if I’m missing something.
And here, we can be sure he’llshow us the WordPress code.
There’s no risk of anyissues or misinterpretations.
We can rest easy, confident in it.
Yes, of course.
Anyway, as long as itworks, there’s no problem.
But if you want to see thecode, I’ll try to open it here.
It’s more about security vulnerabilities orother issues we might not be able to spot.
Yes.
So, that’s what I’m wondering.
I think the models are gettingmore and more powerful.
Still, there are always small risks.
But even so, we should take aquick look at the code it generated.
Here, I’ve opened it in Visual Studio Code.
So if we go to “themes,” wecan see that it created this folder.
Actually, it created a Studio Code theme.
And it’s a WordPress theme—the most standard kind.
So the style, the theme, the JSON, and the PHP code.
PHP is where security vulnerabilities can occur.
So maybe we need to take a closer look at that file—let’s say—with a bit more care.
There you go.
And then the others are standard HTML templates, patterns, and partial templates.
So there you have it—all very standard.
It’s a WordPress theme.
And when he’s making changes, he shows you what he’s doing.
I didn’t show that here because it takes five minutes to create the whole site.
But you can see the steps it’s going through.
And what we saw just a moment ago in the code—that was yesterday, when we were setting things up with Riyad—
I asked him to create block styles for the buttons.
So here we can see the code that was generated as a result.
Okay.
And can we guide him toward the plugins we want or anything else?
Of course.
There’s another interesting feature Iwanted to show you: the `annotate` command.
So here, if I type `annotate`.
I’m still on my Studio Code site.
And I type `annotate`.
What this will do isopen a browser for me.
Well, in three seconds.
There we go.
Now I have my site open in the browser.
And I have this little toolbar here.
If I click “Annotate,” for example—if I don’t like something—Ican tell it, for example, that I want to remove this “Coming Soon.”
Delete this text.
I want to change—I don't know—the colors.
For example, I don't like the white button.
I'd prefer it to be a little more golden.
Use the golden button style.
I don't know if there are zero or just one.
No, it’s just one.
Just one.
So there you go.
Once we’re done with all ourcomments, you click “Done.
” Now it tells me, “I’m going tosend these two annotations to the CLI.
”So CLI stands for command line.
And I’ll close this in five seconds.
It’s very clear.
There, it’s closing.
Oops, someone’s calling.
So it closes, and he says to me, “Here arethe two annotations I made in the browser.
”And what do I do with them?
Do I apply the changes, or do I do nothing?
So I’m going to say, “Goahead, apply the changes.
” And now it’s going to makethe changes we requested.
Right now, it’s looking at—for example—a theme;here are the files that need to be modified.
If you have any questions, please let me know because I don'tnecessarily hear everyone when I'm in screen-sharing mode.
That's what I think.
I think there might be a small issue.
So there you go.
Tomorrow afternoon, yes, I can.
So here it is, the gold style.
I’ll come back to this.
I don’t know if youhave any questions so far.
Go ahead, Olivier.
Maybe you could also show us again the example fromyesterday where I asked you to highlight some text using a…
Freehand.
I thought it was pretty effective.
So, wait, just a sec—I’mcoming back from something else.
Let’s see what he’s done first.
The two changes I asked for were…
I’m going back to my browser.
I’d asked him to delete that.
No, that’s the site preview.
So, he deleted it.
He made it gold.
So there you go, those arethe two changes I asked for.
I had requested them.
Now, let’s make some more.
I’ll annotate again.
That’ll open the browser again.
And then, yesterday, we asked—for example, here—to,let’s say, highlight “studio code” by hand.
And…
Done.
So, he sent the annotations to the CLI.
I think he’s waiting for it to close.
There you go.
And now I’m saying, goahead, hand-drawn SDG.
Yes.
Yes, go ahead.
I don’t know if you can hear me.
I think I’m having a problem.
I can’t hear anyone right now.
No, we can hear you just fine.
We’re all…
On the edge of our seats.
Okay.
We’re all paying attentionand being good students.
We’re just glued to the screen.
We’re completely glued to the screen.
No, because sometimes, actually, when I’mon this window, I can hear you just fine.
But when I switch, it’s a total blackout.
And so, I feel a little lonely andI don’t know what’s going on.
I feel like something’s wrong.
No, now, with the SVG,you’ve really done us in, I think.
So, well, let’s see the result.
Maybe it won’t be perfect.
These are LLMs, so it’snever, let’s say, 100% reliable.
But let's just say that this is getting more and more interesting.
So, here, he created the SVG.
Let's see.
He's adding the CSS for the underline.
I don't know.
It might still take about ten seconds.
And in the meantime, here we go.
Take a screenshot.
He’s even taking a screenshot to check.
There you go.
So, now it’s underlined.
Wow.
We’re screwed with this AI.
No, I don’t think people are going to…
Not everyone is going to use AI and say,
“Okay, I’ll do this, I’ll do that, I’ll do the other thing.”
There’ll always be a need to ask someone to do it for you.
Let’s say.
There’s someone who knows, for example, what SEO means,
who knows what performance means.
He asked me to upload the slot.
Well, yeah, is that a good idea or not?
So, I think you always need someone—an intermediary—to do the work.
Because, in my line of work—I don’t know, I’m a doctor—I don’t want to waste mytime asking AI to build me a website and then making all the changes by hand.
I’d actually rather ask someone whoknows what they’re doing to do it for me.
So, AI is a tool, I think, more than…
It’s a new skill, really.
That’s it.
Well, the truth is, we don’treally know much about it yet.
The thing is, right now we’re exploring, discovering what’s possible,but things are going to change so quickly that—well—we have to adapt.
So, personally, I really like—sorry—Ireally like the “Annotate” feature.
Could you go back to that page andanimate the numbers—the ones there…
Let’s try it.
Annotate.
So, which numbers do you have?
The numbers up there, up there—the 700s…
Oh, those numbers?
Those numbers, yes.
Except for the page builder—youhave to leave that at zero.
OK.
You mean the animation goesfrom zero to 700, is that right?
Yes, yes, that’s the little…
Those numbers that display dynamically.
It rotates, yeah, likea counter, basically.
Like a counter, yeah.
From zero to the specified value.
Something like that?
That looks good to me.
Now, while we’re waiting for it to do that,I’m going to tell it, “Go ahead, do that.
” While we’re waiting for it to do that,I also wanted to mention something.
Right now, we’re using the terminal.
That's what's available today.
So, as I showed you at the beginning, run`npm install` and you'll have it locally.
That's it—I'd really like youto explain that in more detail.
I didn't quite get it.
Which terminal—the one on our Mac?
Yes, any terminal.
So, whether it’s the Mac terminal or if somepeople have special terminals—any one will do.
You just need to have Node installed first.
So, if you don’t have Node, youcan actually go to Node.js.org.
Node.js.org.
Download version, let’s say, 24 or 26.
Both work, but version24 or higher should be fine.
So, download it and install it.
Once Node is installed,it’s on your machine.
You can install Studio by running`npm global install WP Studio`.
And that’s it.
Wait about two or three minutes,and then you can open Studio Code.
Okay, thanks.
That’s what I missed.
Thanks.
Yeah, well.
Okay, now I’m getting an errorbecause it’s not the right version of Node.
But here's the thing.
I'm going to go back to my window.
So here, the animation was added to the scroll bar when you're in the installer.
Yeah.
Okay, let's see.
Let's see what he did.
There you go.
Wow.
And one more thing—this, for example, is important too.
I mentioned earlier that, for example, in Studio Code, we’ve built in skills and capabilities
to tell it how to do things.
And for example, when it comes to animations, what’s important for accessibility is
that every time we add an animation, we have to support this setting called
Prefer Reduced Motion.
It’s a setting that users can configure in their operating system
to say, for example, “I don’t really like animations.”
“I prefer it that way because it’s distracting.”
And there are people who find it distracting.
So, in this case, the animation—if I enable this option in my operatingsystem—might actually be a little lighter or might not even be there.
I think I can do a quick demo.
For example, in macOS, there’s afeature called “Accessibility Motion.
” So there’s a setting for that, and people who needaccessibility features are familiar with these kinds of things.
So, you turn it on.
And that reduces the numberof animations everywhere.
Here, even when I switch pages, for example.
And here, if I—if I refresh the page—actually, there’s no animation anymore.
There you go.
So, I stuck to this global configuration.
And so, these are the kinds of skills that—well—if you don’t know them and if they aren’t set by default, it’s hard to figure out.
And so, this allows you to have an accessible website, for example, by default.
Good point.
I’m going to put the animations back in.
And Riyad, just a moment ago, you were talking about the big news starting next week.
Here’s a nice little note.
It’s related to what I was trying to say.
So, yes, we were talking about Terminal.
So, right now, I’m using Terminal just to use it.
But I know there are quite a few people who, for example, when they hear “Terminal,”
it sounds a little too technical, a little too difficult.
So, what we’re going to do in the next version of the Studio app that you’re familiar with,
Actually, Studio Code willbe added there in a window.
I'll show you.
I think I have the beta version,which hasn't been released yet.
So, this is the Studio app—you'reprobably familiar with it.
You can use it to create websites,regular WordPress sites, etc.
But if I want to make changes, for example,in Studio Code, I can come here to Assistant.
And actually, this is the samething I have in my Terminal.
I can do it here.
I can chat with it here.
In the app, in Studio?
In the app.
It works the same way.
Nothing?
Exactly the same model.
So, I think that will probably be released in less than a week.
Maybe.
I think the release day is Monday.
So, on Monday, we’ll have this in the Studio app.
Nothing?
Anyway, personally, I’m…
I can’t hear myself.
I’d rather…
Rien?
Can you hear me?
Can he hear me, or can’t you hear him?
I don’t think he can hear you.
Can you hear me, Rien?
Now I can hear you, but before, I couldn’t hear you.
OK.
Does the Studio app you just showed me work on Linux now?
Because I tested it a while back.
It didn’t work.
I think it works on Linux.
Or, I don’t want to say anything stupid, but I know the app’s developers
released a Linux version last month.
Has it been officiallyreleased for Linux or not?
I'm not 100% sure, but in any case, if it hasn'tbeen yet, it will be in the next few days as well.
Which website is it on again?
It's WordPress.studio.
It’s WordPress.studio.
Actually, it’s right there.
Linux is listed, so it’s available.
Will the annotate feature beincluded in the Studio version as well?
Yes.
I’ll try to do that.
I’m not sure if it stillworks, but I’ll check.
Maybe that's already the case.
So now I'm clicking "Annotate."
And I'll see how it goes.
But I think it actually works.
So now it's checking to see if the site is up or down.
And it’s opening my browser.
And there you go, I’m running `annotate`.
I don’t know.
So here’s to my Monday, then.
That color.
And there you go.
But it’s blowing in the wind.
In Studio Code, then, do we also write in the code editor, or both?
Well, just…
No, actually, Studio Code is the agent.
And it runs either in the terminal, as I’ve shown from the beginning.
And it’ll also run here.
So this part runs here in the app.
And here, we interact with it.
Okay, but just like you typed “/annotate,”
do we actually have to interact with it that way?
No, actually, we can click here and select “annotate.”
Oh, okay.
So this is a button.
This is a button to access all the skills.
There you go.
Just like in Kutember, right?
Okay.
And just—if we have an existing site that we’d like to use,
and we want to make changes to it,
can we import that too?
And have it modified like that?
Yes.
Well, I’m no expert on the Studio app,
but I think here, you can, you know,
import from a ZIP file, a WordPress site, or an export.
And if our site is on WordPress.com,
I think we can just log in too
And you have the list of your sites that are on WordPress.com
And you can add them with just one click, I think.
Okay.
Yeah, you can do that.
Thanks.
You’re welcome.
That, at any rate, really makes you want to do it all.
It makes you want to do it so much that it’s kind of scary sometimes.
Yeah, honestly, it’s awesome.
A little too awesome.
So there you go—if you have any other questions,
I don’t know, I think I’ve shown pretty much
everything I had to show about Studio Code.
Hello?
Someone wants to speak.
Yeah, sorry, I don't have my webcam on.
It's Laurent, but go ahead, Olivier—I'll speak after you.
I just wanted to mention—it's something we were thinking about yesterday.
There’s also the option to say, “Use this layout again.”
So, it might not be active right now,
but there’s this option to say, “I’d like this feature,”
and have you replicate that feature on the site.
So, there's also the option of linking to other sites
to get a certain feature.
I’m going to show you a quick little trick.
So, actually, I have this little site that I also made this morning.
Basically, this site is, let’s say, an e-commerce site for pets.
There you go.
And to make it, I told it, “Copy me, or don’t copy me,”
I told it, “Take inspiration from the design of an existing site.”
Actually, I searched for “PetSite” on Google.
I found a website that I thought was kind of cool, I think.
I don't know if this is the one.
By the way, I forgot the name of the site I used, but no, that’s not it.
But I had found a site that I thought was cool,
and I told him, “Go ahead, use that site as inspiration.”
I think this is the one.
There you go.
I told him, “I think this site is cool.”
“Take inspiration from the design and make me another site that’s slightly different,
but with the same vibe.”
And so, that’s what he did.
So, it's a fully functional e-commerce site,
with e-commerce.
Let's check it out.
There you go.
Yes, it's possible to do that.
In fact, the only limit is your imagination.
Wow.
So, I just had a quick question.
From what I remember—and I’m sorry, this doesn’t apply to Studio anymore—
I think Studio Code,
but from what I remember, Studio runs on MySQL Lite.
On SQLite, sorry.
Yes.
So, when importing a ZIP archive of an existing site,
It converts a MySQL database to SQLite.
Well, yes, but it depends on what kind of import we're talking about.
I think in a standard export, there's no SQL.
Like in a WordPress export or something like that.
Oh right, it depends exactly on that.
Because in this case, I don’t know—I just glanced at it quickly—
it was an import.
Wait.
I think we’re talking about a backup.
A backup.
So, WordPress, for example, is an export.
Oh right, SQL.
That includes the database, yes.
Yes, that's right.
Yes, I know.
For example, I know that it supports exporting from the local database,
and I think that it also contains the database.
Actually, it’s SQLite that makes it work,
and it’s true that Studio runs on Playground,
so it actually uses SQLite.
And if I remember correctly,
that’s not the part I’m responsible for either,
but I think they’ve implemented some kind of MySQL-to-SQLite conversion.
And actually, if you run any MySQL query,
It will work in Studio,
as if it were MySQL,
but behind the scenes, it’s just stored as SQLite in a file.
OK.
Because if the conversion works well,
it’s crazy, really.
Because that means that starting from a standard MySQL site,
we could generate on the fly in Playground
a test version using SQLite instantly.
Yes, it works very, very well.
And besides, take these sites, for example,
the ones I showed you—the sites that were online—
I'll try to find them again.
Well, the preview site I shared earlier,
it runs on WordPress.com,
and WordPress.com doesn't run on SQLite.
It uses MySQL.
So, you import and export from WordPress.com as usual.
OK, OK.
Well, I’ll dig into it and see if these tools are available to the general public
or if they’re reserved for VP.com.
No, no, no, there are plenty of options available.
Honestly, just the hosting part—the "Publish Site" step—
is the only part that’s specific to WordPress.com.
If you want to publish the site online automatically,
without any hassle,
you’ll need WordPress.com or Pressable hosting.
But if you want, you can export here,
either “export entire site” or “export database.”
It’s in English, but I think there’s a French version.
So, on my end, it’s in English.
But that means we can exportand import to any hosting provider.
And it should work.
OK, great.
Wonderful.
Riyad, can you hear me?
Riyad, Cyril has a question.
Can you hear me?
Yes, I can hear you now.
Every time, I have to come back tothis window to be able to hear you.
I don’t know where this bug is coming from.
OK, so I can confirm that Studioinstalls on Linux and runs in French.
OK, great, great, thanks.
And I was even able to connect to the wizard.
No, it hasn't been approved yet, but that should get it approved and authorized.
No, actually, the wizard that’s in the Studio app today,
is a different wizard that’s less powerful than the one I showed you.
OK, so in…
Studio Code.
It’ll be in the app next week.
OK.
Like you said, when we create a site, it’ll actually generate a theme for us.
So far—well, I know I’m working with FSE and 2025,
since I know it’s maintained, it’s a theme that’s been optimized for accessibility, etc.
Over time, with new versions of WordPress, since this is a theme that’s going to be created,
how does that work—if there are compatibility issues or adjustments, or…
Well, I don’t know—how it’s reworked—so we won’t have an update per se.
So, in Studio Code, what do we have… Among the featureswe’ve added to Studio Code, by default, it creates a theme…
If someone asks to create a site,it creates a custom FSE theme.
So, it’s an FSE theme. That means that with any future WordPress updates—whetherthere are new blocks or new features in the FSE interface—well, it’ll be…
It'll work just fine. That said, it doesn't use the default theme. But I think it's just as gooda solution as any other. The default theme also lets you get started quickly and use the patterns.
But if you create a completely custom design like Studio Code does, Idon’t think there’s necessarily any reason to start with the default theme.
Yeah. Actually, my question was more like… With the default theme, you still get updates from time to time. Now, if wecreate a theme, there won’t be any updates. Is that still an issue, or how can we… I mean, are there any examples to show?
No, no. I don’t think that’s an issue. Updates to thedefault theme are usually just little things like…
A new feature has been added to WordPress.We’ll, for example, disable or enable it…
Okay.For example, let’s say that tomorrow, WordPress announces, “We’re adding responsive editing.” That’s just an example—it’snot actually true. And to enable it, you’d need a flag in the theme—in Team JSON, for example, or something like that.
The update will say, “Okay, the default theme willenable this flag by default,” or something like that.
The theme doesn’t necessarily require… ongoing maintenance or constant updates.So, ultimately, a theme is something fairly lightweight and… static, let’s say.
It’s not really code that might have security vulnerabilitiesthat need to be patched over time or anything like that.
It’s very declarative. So, here are my templates, here are my images andstyles. And it’s not something that’s going to… change significantly over time.
Okay. But in the example you gave, for instance, it’s a feature that the updatewill enable. So, for the theme we created, we need to ask the AI to “Enable” it.
Yes, yes. So, you really need to know what’s… the newfeatures that are coming out, you know. Coming out.
Yeah, yeah, yeah, of course. Of course. That said, I’d say that if asite is working well, it’s working well. We don’t need anything new.
Yeah, that’s true, that’s true. Let’s just say that sometimes little things come up—asWordPress keeps evolving—that are actually pretty cool, things we didn’t have before.
Yeah, yeah, that’s for sure. For example, responsive editing is agood example I mentioned. And I think that’s an interesting feature.
I think it’ll definitely be coming in WordPress 7.1. And I think it’ll beenabled by default for everyone. I don’t think there’ll be a flag for that one.
Okay. Thanks.
In any case, regarding your prompt, when you say “Create a theme,” you could just as easily say“Create a theme” starting in 2025—it simply adds to, rather than reformats, the existing theme.
Actually, that’s entirely possible—you can also tell it to create a child theme of 2025, for example.That works too. Then there’s always the question: should we make a child theme or a custom theme?
Personally, I always prefer to have a dedicatedtheme. But there are pros and cons to both approaches.
You’re talking about child themes, right?
Yes, yes. That’s it. Child Themes. I don’tknow how I put it. But yes. Child themes.
Maybe another thing you could clarify is aboutthe tokens you were telling me about yesterday.
Yes. Yes, I was talking about that. I was saying that for now,actually, Studio Code is free because we’re exploring the possibilities.
And so, we’re offering free tokenswhen you log in with WordPress.com.
We need to be clear. This won’t be the case forever. So, at some point, we’ll either have to… Actually, the business model hasn’t been defined. The truth is, we haven’t defined a business model yet.
But it’s not sustainable. It’s not viable. I don’t know how to say it in French. I’m at a loss for words.
It’s not sustainable for Automatique to offer this for free forever because we have to pay for the models. We have to pay Anthropik, and we have to pay OpenAI.
And so, at some point, we’ll have to… We’ll have plans, maybe… There will be free tokens when you have a site on WordPress.com, or you’ll be able to buy tokens from WordPress.com, or, as I showed at the beginning as well,
if you don’t want to use WordPress.com, you can bring your own API key from Anthropik or OpenAI and use that. You set up Studio Code to use it.
That way, since you’re already paying Anthropik, there’s no need to pay WordPress.com for tokens.
So, there will be a business model to put in place for this. I don’t have anyinformation. And actually, even we don’t know yet what it will be or when it will happen.
But I want to make it clear that, for now, it’s free,but it won’t be free forever. That much is clear.
And in the Studio Code app, canwe also integrate the Anthropik API?
Yes, yes, we can. Actually, the first time youconnect to Studio Code via the terminal, for now,
They ask you to either log in withWordPress.com or provide your Anthropik API key.
And how do you log in with WordPress?
I’ll show you. Actually, I’m going to log out first. Because I’malready logged in. Actually, the first time, it’ll do it automatically.
But since I’ve already set it up, it won’t do it automatically forme. But it tells me this. It says, “Use /login to authenticate.
” So I type “/login.” And it actually opens workspace.com. And there, if I have anaccount, it’ll ask me to approve it. And if not, it’ll ask me to create an account.
And then, if I authorize it, I copy the token it generates.Well, it won’t work later on. So you can’t hack into my account.
But there you go. And now I’mlogged in. And now I can chat.
Thank you.
And there you go.
We’re all speechless.
Yes.
Well, let’s just leave it for now. Let’s leave it for now. And I’d really like to hearyour feedback, too. Because it’s very, very new and very, very—let’s say—unpolished.
So, there are probably some bugs here and there.There are probably some things that need improvement.
So, I’m really eager to hear yourfeedback. So, give it a try while it’s free.
Let me know if it’s useful or not. What’s… Well, what doyou… What improvements would you like to see, and so on.
So, there you go. I’mreally eager to hear that.
And how do we give you feedback?
Actually, I’m on the WordPress FR Slackchannel. So, you can send me messages directly.
Otherwise, Studio is open source. So, you can go toGitHub and create issues if you’re familiar with that.
Just search for “automatique/Studio”on GitHub and create issues.
I see another question coming in the chat.I don’t know if… Who sent it. I don’t know.
That must be a username. So, I showedthis earlier, but it’s not specific to Outpass.com.
What’s specific to Outpass.com is justthe publishing part. So, like we said earlier.
Okay. Sorry. It’s Derek.
Derek’s on Slack. He’s on Slack.
And how many of youare working on the project?
Well, the team—let’s say…Studio Code, the agent itself.
Three or four people. And then there’s the whole Studio app and everythingthat goes with it. That probably brings it up to about ten people, I think.
And are you spread out all over theworld, or are you based in one place?
Yes, there are people all over the world. So, at Automatique, everyoneworks from home. So, there are people scattered all over the place.
It’s volunteer work,right? I mean, you’re…
No, no, it’s not volunteer work.
Oh, right. No, no, no.
No, no, no. No, no, no. We’reemployees of Automatique.
Okay.
All over the world.
Great. Way to go.
Wonderful. I’m going tocome check out Oran sometime.
I won't be there this summer, but I'd be happyto have you visit during the rest of the year.
Yeah, I have family there.
Okay, thanks.
That’s cool.
Well, timing-wise, we’re doing pretty well. Otherwise, yeah, theseare the last questions. But timing-wise, we’re right on track.
Perfect.
Yes, go ahead, Beryl—sorry. I cut you off.
No, no, no. I’m the one who’s not keeping up… It’sjust… So, OpenAI and Anthropic are behind the…
The models being used?
Yes.
So, we’re using… Actually, they support both. They support OpenAI and Anthropic.Also, I don’t know if you saw, but yesterday Anthropic released the new Fable 5 model.
And it’s a very, very powerful model. So there’s a good chance that if we useFable 5, it’ll be the default because it’ll produce better results for now.
But in the version that’s available—the one I used today to do the demos—it’s not Fable 5.It’s just… it’s Sonnet Anthropic. But if you type “/model,” you can change it. Let me show you.
So, type “/” model. And then you choose the model you prefer. So, Fable 5 is the new one that hasn’tbeen released on Studio Code yet, but we’ll be integrating it soon. And the other four are available.
Personally, I’d say Sonnet 4.6 produces designs that are slightly better thanOpus. But that’s just my personal opinion. It’s actually very hard to say.
And ChatGPT 5.5 produces designs that are different. Theyaren’t… I’d say Enthropic is a little better in terms of design.
GPT might be a little faster, but it’s also decent. There you go. So, it’s… Thereyou go. Slightly different styles. But there you go. So, we support several models.
Later on, in the future, we might also support other models—like,for example, Kimi. We’ve been getting good feedback on that model.
We’ll see. It depends, actually. We’ll give it a try. We’ll seewhat works best. And that’s it. We’ll adapt. We’ll make it work.
Okay. Well, thanks.
Say that again.
So, it integrates the MCPs and the skills—all the necessaryskills and the MCP needed to interact with WordPress.
Yes. That’s the idea. Actually, that’s the selling point, so to speak. That’s why a lot of people ask, “Whydon’t I just use Cloud directly?” or “Why don’t I just use Codex directly?” ” I think that’s a good question.
But if you’re very tech-savvy and know how to work with skills and MCPs, understand how to configure all ofthat, and want to use your own tool—whether it’s Cloud or Codex—directly, I think that’s a good solution.
But the advantage of Studio Code is that it actually comes preconfigured. And it can createWordPress sites, it can communicate with WordPress sites, and it can optimize performance.
In fact, it already has everything you need without anyconfiguration. So, there you go. That’s the main advantage.
But if we want to use the skills and… So, the MCP—is it thesame WordPress MCP that was released, or is it a different MCP?
It’s an MCP Studio—a WordPress Studio for communicating with Studio sites. I think it’s available. And as for theskills, there are a few… Well, the project is open source. So if you go to the repository, you’ll find the skills there.
Then, connecting… There’s a certain… What’s called “hardness” in English. So, how everythingconnects together. For example, if you type “/annotate,” it opens the browser and then comes back.
All that stuff is kind of… It’s not easily reusable. So,there you go. But all of it is available as open source. So…
Okay. Automated, that’s it. Everything’s right here. I suggest, if thereare no more questions, that we wrap up this session. I’ll stop sharing.
And thanks again. Thank you so much. That was great. Thanks. Thanks. It was cool to see somefamiliar faces again and reconnect with the community. So, that’s pretty good. Thanks for tonight.
Thanks, Yann. That was great. Well, give it a try. Give it a try and let me know. I’m lookingforward to your feedback. Okay. Thank you very much, and well done. Well done, thank you.
Thanks. I’ve already installed it. I’ve already… How many websites have you built so far? No, I replicated a page from a website I have. That’s not bad. It was… At first,it rejected it, telling me there was a connection limit. It asked me for a screenshot. So I sent the screenshot. It worked on the screenshot of the page, basically.
He did pretty well.That's not bad. But still…
And how do you download an imageor a screenshot into the terminal?
Well, you give it the link to the… You copy the linkinto the terminal, and it'll go get it—the screenshot.
Oh yeah, totally. Youcan also drag and drop.
Oh yeah, it’s not to copy the… I copied the image to my… Well, I opened theimage on my screen. I copied it, pasted it, and it grabbed the link to the image.
Where was it, anyway? Oh man!
Oh, one thing I wanted to add. The version that’s available for download right now doesn’t include Fable 5, as Imentioned. So it’s already very capable—in fact, it can do a lot of things—and you should definitely go try it out.
But I think next week we’ll also be releasing Fable 5. And based on the tests I’ve done myself—I’ve run them about ten times—there are fewererrors and it’s faster. It’s not night and day, but it’s definitely something different. So, there you go. Give it another try once it’s out.
And is there a place where we cankeep track of the various updates?
Yes, there’s a changelog. I think there’s a changelogon the WordPress Studio website. I’ll try to find it.
"WordPress Studio changelog." Then, if you want to keep up with day-to-day updates, there’s GitHub.But otherwise, there’s the changelog with the version details. And I’ll try to share it in the chat.
That’s where, for example, we’ll find the info that Studiois integrating Studio Code—normally next week, right?
Yes, that’s right. Also, I think we’ll posta blog article on WordPress.com/news.
So, when there’s big news, we usuallypost a blog article on WordPress.com/news.
Okay.
And Olivier, will we haveaccess to the replay or not?
I recorded it this time. So,normally, it should be fine.
I’ll try to stream it on WordPress TV.
Okay.
So, Cyril, can we also announcesomething for next time?
Me?
Yes.
Will we stick with AI?
Yes, yes, actually, since I was asked to…
So, this is a presentation I gave at theWordPress Toulouse Meetup back in June.
I migrated a site from Elementorto FSE with the help of Cloud Code.
And the result was almost perfect. Well, inany case, yes, perfect because the site is live.
The new site is live.
And it managed to replicate the entiredesign, which wasn’t super complicated.
I chose a simple siteto see how it worked.
And I’d previously done aninitial—let’s call it—transposition.
A website that was built using WordPress, but I didn’t have access to the admin panel—it wasn’t mine.
It was just for testing.
Six or seven simple pages.
It allowed me to create a skill and a...
A skill, yes.
Skills.
And based on the skills I created, I carried out this migration,
which was done for a client—so it’s now live—
and I deployed it this morning.
That’s it.
So, I’ll present that.
It’s pretty…
It saves time, basically.
But as Ria said earlier,
in my opinion, there’s no need to worry about:
“Oh, they’re going to take our jobs,” and so on.
It’s just that we’ll be able to work…
Two things.
Either we’ll produce the same work at a lower cost, since it’ll take us less time to get things done.
Or, for the same amount, we’ll deliver more value to the client.
I mean, I sometimes have clients who can't afford to pay for a custom development or something that would be really cool,
but they just can't afford it.
So, with a tool—or tools like that—you’ll be able to deliver more value within the budget they had.
So, in both cases, it’s a win-win.
Either the client won’t have to pay more and will get more, or they’ll pay less and get what they wanted for a lower price.
I don't know what youthink about it, Riyad.
Yeah, I pretty much agree. Then there’s alsothe amount of the LLMs to take into account.
If it goes up over time,we’ll see how it goes.
Oh, right, sorry. That’s true—forme, the cost is 100 euros a month.
See, that’s manageable. It’snot even a blip on the budget.
But if it goes up to 1,000 or 2,000euros a month, then it’s a no-go.
There you go—that’s the charm of it.
For example, with Fable 5, they said it’s includedin the subscription, so it costs 100 or 200 euros.
It’s included through June 22.
Yes, through June 22.
After that, you’ll haveto pay extra for tokens.
So, they’re starting tochange their model a bit.
We’ll see how it evolves.
But yes, it’s a cost to factor in.
But I think so—it allows youto generate more value faster.
That’s crystal clear.
And regarding your migration example, I thinkit’s actually a very, very interesting use case for AI.
When it comes to migration, it’s always been complicated to move from onepage builder to another or from one hosting provider to another site, and so on.
It saves a lot, a lot of time, I think.
Honestly, it’s interesting.
Before that, I did—before I got around to doing thismigration—I did… well, that wasn’t a migration, it was a…
So, I had manually migrated a client’s site that wasrunning on an outdated theme, which was causing it to crash.
And if you upgraded to a newerversion of PHP, it would crash.
So, I manually migrated the main pages andthe template surrounding the articles for him.
The site was built with SiteOrigin.
So I got rid of SiteOrigin andbuilt everything from scratch.
But there were 700 articles that, after removingSiteOrigin, remained visible, but they were a bit…
For some, the layout was no longer there.
It was still readable—all theelements and the HTML were there.
So, migrating 700 articles by hand? No way.
But actually, I wasable to do it in 3–4 days.
I was able to do it using rules I created after discussing it withClaude Codt; I told him, “Make me a rule to remove the extra BR tags.
”There were images that were…
You had the image and thecaption both wrapped in an H4 tag.
Why not?
So, the image caption was an H4.
So, we’ll take all that outand put it in the caption, etc.
And that conversion across700 articles went really well.
With the Claude Codt version.
I’d started with Claude’s chat version.
I thought it was good, but it had…
There were articles thathad lost 80% of their content.
He doesn’t tell the whole story—savesome for next month, though.
Because that was the other project.
Just one question: creating a site in StudioCode—how many tokens does that take, roughly?
Does it use a lot?
I can’t answer that—Iactually have no idea.
He doesn’t know; he gets them for free.
I’ll leave you guysnow—that was great, thanks.
See you soon.
Is there a way to display token usage?
We had that feature at the very beginning, but we removedit because, for now, it’s not useful since it’s free.
So we took it out.
But yes, it’s something we can bring back, and weshould bring it back at some point—that’s for sure.
I guess in Claude Code,we can ask it to display that.
So in this case, can we alsoask it to display the… or not?
No, I don’t think it hasaccess to that information.
Okay.
I suggest we wrap things up, even though we still have plenty to say—and maybemore to share later, I imagine, based on our future experiences with Studio Code.
In any case, thank you.
Thank you.
Yes, thank you, Riad.
That was very interesting.
Very, very interesting.
Thank you.
Thank you very much.
Bye bye.
See you soon. Goodbye.