Tag: themes

  • #207 – Rob Ruiz on WP Rig and the Future of Theme Development

    Transcript

    [00:00:19] Nathan Wrigley: Welcome to the Jukebox Podcast from WP Tavern. My name is Nathan Wrigley.

    Jukebox is a podcast which is dedicated to all things WordPress. The people, the events, the plugins, the blocks, the themes, and in this case the future of theme development.

    If you’d like to subscribe to the podcast, you can do that by searching for WP Tavern in your podcast player of choice, or by going to wptavern.com/feed/podcast, and you can copy that URL into most podcast players.

    If you have a topic that you’d like us to feature on the podcast, I’m keen to hear from you and hopefully get you, or your idea, featured on the show. Head to wptavern.com/contact/jukebox, and use the form there.

    So on the podcast today, we have Rob Ruiz. Rob has been involved in the WordPress ecosystem since around 2010. He began as a designer, but over the years WordPress has helped him transition into a developer, software engineer, and now an architect. Currently, he’s working full-time at an agency whilst taking on side projects independently.

    The main topic for today’s conversation, centers around themes, a subject that hasn’t been covered in depth on the podcast for quite some time. You see, Rob is the current custodian of WP Rig, a free and open source toolkit for WordPress theme development. WP Rig offers a modern, minimal, and best practice driven starting point for developers who want to build custom themes. Providing tools like Composer and Node integration to streamline workflows, enforce coding standards, and enable the use of future facing CSS features, right now.

    We start the episode with Rob sharing what attracted him to WP Rig, and his journey from user to Project Maintainer. We talk about who WP Rig is for, from experienced developers, to those just starting to dip their toes into theme building and code customization.

    The discussion moves on to talking about what a theme development framework actually is, and why this approach might suit people wanting more control, and education, in their WordPress journey. Rob describes the learning curve, the workflow, and the satisfaction of creating your own theme from scratch, while highlighting tools and guardrails built into WP RIG that make professional standards and best practices accessible to all.

    We also get into how WP Rig fits into the changing WordPress ecosystem. With the advent of full site editing and block-based themes, Rob explains how WP Rig has evolved to stay relevant, supporting classic, hybrid, and block-based paradigms, even enabling block development at the theme level.

    Towards the end, we discuss the community behind WP Rig, how you can get involved, and the many educational resources available for those who want to learn theme development, or even become contributors themselves.

    If you’re interested in building custom WordPress themes, want to understand the nuts and bolts of theme frameworks, or are simply looking for a modern and educational starting point for WordPress tinkering, this episode is for you.

    If you’re interested in finding out more, you can find all of the links in the show notes by heading to wptavern.com/podcast, where you’ll find all the other episodes as well.

    And so without further delay, I bring you, Rob Ruiz.

    I am joined on the podcast by Rob Ruiz. Hello, Rob.

    [00:03:56] Rob Ruiz: Hi. How are you, Nathan?

    [00:03:57] Nathan Wrigley: Rob’s joining me today to talk primarily about themes, which I confess is a subject that we haven’t touched in a good long while. So before we get into that, Rob, would you just mind spending a minute just letting the listeners know who you are? If we are on a WordPress podcast, probably better to align that with what your journey is in the WordPress space, if that’s okay.

    [00:04:17] Rob Ruiz: Certainly. Yeah. So my name is Rob Ruiz. I’ve been leveraging WordPress since about 2010 ish, although my web development experience goes prior to that. And so I’ve been tinkering and getting more and more into it as I go along.

    I started off as mostly a designer back in the early two thousands, I guess. And WordPress has facilitated my journey from being a designer to more of a developer, software engineer, today, architect. And so yeah, it’s been a very fun journey. I’ve learned so much over the years, so I’m very grateful to WordPress for helping me do that at my own pace.

    [00:04:58] Nathan Wrigley: Do you work for yourself? Are you perhaps engaged in an agency or something like that?

    [00:05:02] Rob Ruiz: So currently, right now I work full-time at an agency, but I do also do work for myself as well. So it’s kind of a hybrid situation.

    [00:05:09] Nathan Wrigley: Okay, so the reason that Rob is on the podcast today, well, there’s a variety of reasons. Most of it will bind itself to the subject of themes, as I said right at the start. But we’re also going to be talking, maybe towards the end a little bit about AI and things like that.

    However, Rob is now the custodian. I didn’t realise he was now the custodian. We’ll get into that in a minute. But Rob is the custodian at the moment of a project called WP Rig. And you can find this, it’s a really quick URL to type in, it’s WP Rig, so WPRIG .io.

    Completely free to download, completely unencumbered by a pricing page or anything like that. There’s a GitHub repo I think. Yes, that’s right. So do you just want to give us the elevator pitch for what WP Rig is. And just because it makes me happy, can you tell us how you got involved? Because that’s lovely too.

    [00:06:00] Rob Ruiz: Yeah. Yeah, for sure. So WP Rig is a theme development toolkit or framework, but it’s also a starter theme as well. So you could think of it as kind of like underscores but with a whole modern development toolkit situation built into it, meaning there’s a bunch of composer dependencies, Node dependencies, and other kind of developer tools baked into it to prepare developers for the best developer experience possible when developing themes for WordPress.

    How I got involved with it essentially is I was, first off, I was looking for a theme development framework. I had gone on a journey to explore many. And during that journey, I came across WP Rig, and kind of fell in love with it. It was really, really cool. I liked it a lot. I liked a lot of the opinions. I liked how well aligned it was with Core WordPress itself. I like the WordPress best practices that it enforces, you know, automatically. You don’t even have to like go look them up and think about it. You could just run a tool that’s built into it and it’ll check all your code for said best practices.

    And so that was very interesting to me. I was like, I’m going to start using this. And so I did. I did start using it. And then, shortly thereafter, I had been browsing my favorite WordPress news site, WP Tavern, and noticed an interesting article about the project that I had just recently fell in love with out of sheer coincidence, I suppose. Out of sheer coincidence, it just so happens this project is now looking for new maintainers, and that they were having a Zoom call in the near future where anybody interested in maintaining the project could join the Zoom call.

    And so I did. I joined the Zoom call and I got to meet the previous maintainers, or maintainer rather, and ended up having ongoing conversations with him after the call. And one thing led to another, and now the project is basically managed solely by me with a handful of other light contributors.

    [00:08:04] Nathan Wrigley: So that’s really nice. I love the fact that there’s some sort of combination of WP Tavern and WP Rig out there. That’s lovely. So I appreciate that. The audience for this podcast is pretty varied. So there’ll be developers with a longstanding history with WordPress, you know, deep in the code. Will go to WP Rig and immediately everything will connect, and they’ll be like, yep, I get this. I understand what this is. It’s for me. It’s not for me, yada, yada.

    However, we also have quite a lot of people listening to this who are brand new to WordPress. They’ve got no experience with code. They may be living inside of a page builder or something like that where everything is point, click, drag, drop, save, that kind of an environment. It just occurred to me that they very well might not know what even a theme development framework is. So can we begin there? What is the point of a thing like this? What’s the problem you’re trying to solve? Let’s start there.

    [00:08:53] Rob Ruiz: Yeah, that’s a great question. So like anything in WordPress, because it’s open source and so beautifully designed, might I add, from an architectural standpoint, there are lots of ways to extend WordPress beyond its base functionality.

    Two of the most common ways to do this is via the plugin system, and via the theme system. And so we can add custom plugins to extend the functionality of WordPress, but we can also add custom themes to alter the way our website looks and feels aesthetically.

    So if you’re somebody who’s more of a designer maybe, or you appreciate aesthetics and perhaps you’ve dabbled in some CSS, you might be more inclined, if you’re looking to go beyond just what Core WordPress provides to you in terms of a site building experience, I would encourage those people to look at themes and possibly creating your own custom theme. Or altering an existing theme using a concept called child theming where you can take any theme that you get from anywhere, whether you buy it or find it on the wordpress.org theme repository. You can extend themes using child themes, or you can just build your own themes from scratch.

    So that does include some work outside of the WordPress admin area. So once you get into developing themes for WordPress, the concept here is you’re kind of straying away from the WordPress admin experience, and you’re now like in the code editor realm, right? Because under the hood, WordPress is all just a bunch of code, PHP, JavaScript, CSS. There’s a lot going on, the React now. There’s a lot of things kind of built into WordPress.

    And so the beautiful thing about WordPress is that you can kind of, if you’re interested in learning how to develop, you can kind of dip your toes into the development pool as frequently as possible, as quickly as you want. Whatever you are comfortable with, you can kind of pace yourself there and say, okay, let me try and make a custom theme, or let me try to make a custom plugin. And if it doesn’t work out, it’s easy to just deactivate it, delete it, remove it, whatever. It’s a great way to learn how to develop, in my personal opinion, because a lot of the heavy lifting is done by the Core WordPress system.

    Basically what WP Rig offers is, instead of having to create a file system, a theme system from scratch, you know, a lot of people will reach for a concept called a boilerplate. Something that will scaffold kind of like the common files and folders that would be necessary in a theme, and then allow you to work from there. So you’re not just starting from like ground zero, create a new directory, create a new file.

    And so that’s kind of what WP Rig offers is like, okay, go to our GitHub repo, clone the GitHub repo down, and then there are directions in the repo on how to get it to scaffold all the tools that come with it, all of the Node and Composer tools. And then you’re kind of off to the races.

    [00:11:46] Nathan Wrigley: So with WP Rig, I’m guessing we would describe this as a framework or something like that. The idea being that you can bring this, kind of learn how it works, become adept at it, and then it’s like your constant friend. It’s always in the background. It’s the thing that you can rely on. It’s the muscle memory which develops over time. So you can ship your own themes, which kind of depend on the framework, but also, you know, you’re familiar with it so that bit is taken care of and straightforward.

    What is it that attracted you to this particular theme development framework, at the time when you were sort of scrambling around looking for a project to become involved with?

    I mean, one of the things that I always found curious was the leaner, the better. You know, the less that there was in such a thing, the more I was drawn towards it, because it gave me a, the basis, the scaffolding basically from which I could start building. Now, I don’t know if that’s what drew you here. So there’s the question. What is it that you thought was superior for want of a better word about this one?

    [00:12:41] Rob Ruiz: Well, you nailed it. It’s really that. Like, it is quite minimal at its core. I also really appreciated how it treated CSS, as somebody who comes from a design background. I love modern CSS. I love following CSS influencers on YouTube, and learning all the new tricks. It’s a lot to keep up with and as, now that Internet Explorer is gone, CSS is progressing at an enormous rate, which I’m very excited about. But it also forces you to keep in tune with what you can do with it and what you shouldn’t do with it. And so there are tools built into WP Rig to help you assess those things as you’re developing your CSS in there.

    When I originally was brought onto it, we were using a tool called PostCSS. That would essentially allow you to use future CSS before it was adopted by all modern browsers. And during the compilation process, it would convert your future CSS to today CSS essentially. And so the idea there is that as CSS catches up, your compilation would just have to do less work, right? So when it compiles all your CSS, it would, you know, like now that nesting is a thing, right? I was using WP Rig before CSS nesting was supported by all modern browsers, but I was able still to use CSS nesting in WP Rig, which I really liked. So there’s that aspect of things

    and yes, it is very light. I’ve used other theme development frameworks where they encourage you to use kind of like a templating language or framework. I didn’t really like that approach because it felt very foreign to WordPress. Nothing else in WordPress uses such a thing. That kind of turned me off a little bit because I was like, I don’t want to learn this whole other concept that like really doesn’t exist anywhere except for Laravel. I liked that about it. It kept it simple in that regard.

    And then if you’re using WordPress at like a agency level, if you’re building bespoke custom sites for clients, something like WP Rig is extremely powerful because it allows you to increase your level of customisation as much as you want, and the tools are all there to help you handle that. Also, meanwhile, if you’re working on a team of developers, which is often the case if you’re working with an agency or something like that, WP Rig becomes kind of like a home base, if you will, for opinions, for coding practices, for checks and balances.

    All these things, it helps put everybody on the same vehicle, I guess, if you want to think of it like that. Everybody’s using the same vehicle, so there’s not wildly different ways of doing things, which can be very, very handy when working on a team and assessing other people’s code, and perhaps taking over work for other people and so on and so forth.

    [00:15:23] Nathan Wrigley: So the thing about frameworks, I guess, is that, if you are in the WordPress space and you are that page builder user, so everything is within the WP admin, you know, you download a plugin, which creates pages or a theme, I guess you could do the same thing, but you’ve got that kind of experience with WordPress. Is this something that would map to those kind of users perfectly, or is there more of a learning curve? Do you need to be leaning more into the developer side of things?

    Maybe there’s a happy transition that can be made. Because, you know, when you’re on the website, you have interesting acronyms. So, you know, CSS, JS, we’re probably entirely familiar with those, but then we get into things like esbuild, Lightning CSS, ESLint, NPM, Composer and so on. And at this point I can imagine quite a few of the inexperienced users thinking, you know what, this is going to be tough for me.

    So I just want you to give us an impression, reassure people. How hard is it to go from that, I’ve never done anything like this before. To up and running, becoming familiar, if not necessarily completely familiar in a heartbeat?

    [00:16:25] Rob Ruiz: In my opinion, it’s not hard because you can kind of just focus on where you want to focus. And so for instance, if you’re only interested in writing CSS styles and you just want to change colors, and sizing, and fonts, and stuff like that, you could use WP Rig to make an extremely simple theme, which is what I would encourage people to do if they’re just getting up and running.

    Back to your question about page builders and such, there is like this, I don’t want to call it a problem, but there is a paradigm in WordPress that I think, especially for newer WordPress developers, they need to be very aware of, which is that you kind of have two schools of thought.

    You have this school of thought of like, okay, I want to just use the WordPress admin to customise every little bit, every little piece of my WordPress site. I should be able to do it in the WordPress admin. And so that’s where some of these more complex page builders kind of come in and provide a lot more control than just what Core WordPress provides you.

    But with that said, it will never be ultimate control. It will never be ultimate control, because there’s always going to be some amount of constraints. You’re always going to be constrained by what configurations, what settings, what fields, what controls that page builder provides you.

    And not only that, you have to keep in mind some of these rules, I like to think of them as rules, configurations, settings, whether it’s at the block level, widget level, element level, whatever word you want to use to describe a part of your page, like an object or a component, it’s a very common word. When you’re using a page builder, that’s all getting saved into the database. Anytime you enter a value, you click save or whatever. Everything is in the database, all of it, right?

    And so if you need to make a global change across your whole site, let’s say you want all of the blocks on your website to all of a sudden have a border around them, or you want to change something about them, the colour, background colour, something like that. In a page builder world, you’re going to have to go into every single one of those elements, those blocks, whatever, and you’re going to have to change those values everywhere.

    Where, when you’re doing things with just code, you have kind of superpowers. In my opinion, coding, if you want ultimate control over your site and you want to be able to do literally anything you can imagine, and be able to do it in a way that’s progressive and is comprehensive, without any barriers, without any limitations, code will always be the best way to exercise that control that you’re going after.

    Now, obviously, newer people, too much control can lead to confusion and all this stuff. So I don’t fault people for using some of these other solutions like page builders to kind of get their feet wet and get up and going and kind of figure out how to use just WordPress itself.

    But once you get to a point where you’ve been doing that for a while and you’re looking at like other websites that aren’t even WordPress that have all kinds of interesting, cool features built into them, new paradigms being presented and exposed. Let’s say you follow CSS and you’re looking at all the newest CSS features that are coming out. Many of those newest CSS features that are coming out, there’s really no ability to control those things in your WordPress site, because that stuff literally just got adopted by Chrome or whatever, just reached modern browser adoption like recently, right?

    And so you have to kind of wait for the page builders, for WordPress to kind of now provide you new controls, new tools, so that you can then control those things. But when you’re doing things with code, you could just do it immediately, and you could do whatever you want.

    So when you’re building your own theme from scratch or you’re trying to, even creating your own plugin from scratch, it’s never really going to be a concept that’s for like new WordPress people that are just very, very new to just developing websites in general. But it is nice to know that these tools are out there and they’re there, so that when you do get to a point where you’re ready to kind of spread your wings a little bit more, you know what tools are out there to reach for. And you can begin to play with them a little bit instead of forever feeling confined to one paradigm.

    [00:20:40] Nathan Wrigley: Yeah, there is something exceedingly satisfying about understanding how, whatever the thing is works. I imagine that as a child, you were perhaps that child that took things apart and enjoyed the experience of looking at the insides and thinking, how did that work? Okay, that’s how it worked. Okay, that cogs connected to that thing, and then that spins around in that way. And, oh, and look that on the front spins around as well. Got it. I understand that now. And you reassemble it and what have you.

    I think there is something exceedingly interesting about that in the WordPress space. Obviously, WordPress, CMS, incredibly powerful out of the box. You’ve got the WP admin, and perhaps that’s as far as you wish to go.

    But peeling back the layers and understanding, how is a page constructed? Where does the CSS get called from? How is the HTML finally output? What are the bits and pieces that make it up? How does the theme layer do its bits and pieces? You don’t have to kind of understand it all in one hit. You can, with a framework, the likes of which we’re talking about, WP Rig, there is this capacity to just take little nibbles and have a slow, but realising appreciation. Oh, okay, that’s how it works.

    But not only that’s how it works, okay, now that I know how that works, I now am in control of it. Whereas in a way, previously, I just was sort of a passive observer. Perhaps there was a setting area in my page builder or what have you. And if it was there, I could make use of it, and if it wasn’t, I couldn’t.

    But also I think it drives you into that journey of understanding the open standards, the open web, the things that make up the technology which is free, available to everybody. What WordPress builds upon.

    And I’m talking specifically about HTML, CSS and JavaScript, just those three things. The foundational pieces of the web. And it allows you to get involved in that, and be interested in that and understand where the web is heading. And especially like you said, with modern CSS’, it is coming really fast and it is fast replacing, in many respects, I think a lot of JavaScript really is going to be obsolete, for the front end side of things, in the fairly short term.

    So it allows you to sort of nibble away at that and become more experienced. And if you haven’t had that journey but you’ve got a curiosity, this is possibly a great place to start. There is no question there, but I’m just sort of offering that up to see if that jibes with what you think.

    [00:22:52] Rob Ruiz: I couldn’t agree more. And not only that, I think an important thing to think about WordPress as we move forward into the future and more competitors to WordPress emerge, I think it has never been more important to make sure that we have tools out there that are designed to facilitate people in their journey to getting into development. Because let’s be real, WordPress is open source, and we have to remember that WordPress is at the mercy of its contributors.

    And so if the number of people contributing to WordPress starts to decline, so too will the progress of WordPress itself, unless other big companies with other developers that they’re actually paying are willing to foot the bill to like pay people to contribute to WordPress.

    I don’t know that that’s the bright future that WordPress had originally like looked towards, right? I think what’s made WordPress so powerful and so successful over the years are the tinkerers, are the people that are willing to get in there and start to like learn things and figure things out. And then those people will slowly become contributors. And the more contributors we have to WordPress, the more WordPress itself will flourish. And then if that starts to go in the opposite direction, so too will WordPress.

    And now these other services, and other solutions that are out there, are going to like eclipse WordPress and then people are kind of forced into a situation where it’s like, oh, well now you have to constantly go out and pay for and buy things, and now you’re at the mercy of these product authors, if you will, as opposed to being a part of a community of people that are all kind of collectively working together to make this one platform better all the time.

    [00:24:37] Nathan Wrigley: Yeah, the open web and all of the web standards that are behind that, it is such an interesting time for that. Rewind the clock, I don’t know, 10 years or something, and there was this whole bond fight thing where browser vendors were just distributing things which were either in opposition, certainly in competition to features. And so you could never really figure out what the heck you were doing, and each browser would behave differently.

    That is so far in the rear view mirror now. In the majority of cases, new things like new CSS, the new CSS spec is broadly speaking, adopted by everybody out of the box. I mean, there might be a few tiny edge cases where, I don’t know, let’s say Mozilla is just not implementing something because they just haven’t quite got round to it yet.

    But there’s no, Mozilla’s not doing that. It’s just a case of, we didn’t get around to it. And understanding that and being interested in that and thinking to yourself, well, goodness me, if I change my CMS of choice, at the end of the day, I still need to be able to output HTML and CSS. And so having that tinkerer mentality, which you are providing within the WordPress space is so interesting and so credible. So thank you for that.

    Right, I’m going to pivot a little bit. So again, this is leaning in more to the inexperienced user. Forgive me if you are an experienced user listening to this, you probably know what you are doing. So maybe, you know, you don’t need all the 101 stuff.

    What do you need to get WP Rig up and running? Because I think a lot of the audience listening to this will simply be, I have a server somewhere. You know, I don’t really know where it is, but I pay some company and I click a button in some control panel and WordPress magically happens. And then I install a theme and plugins, and that’s basically it.

    So what do we need to get WP Rig up and running? What are the core parts, the processes that we would need to go through?

    [00:26:24] Rob Ruiz: Yeah, well the important thing to keep in mind here is that it’s all on your own computer that you’re doing all of the work, as opposed to the WP admin approach where, when you’re interacting with WordPress, you are actually interacting with a remote server. The databases on the remote server, the files are on the remote server, all that stuff.

    When you’re developing a theme or plugin from scratch, more often than not, I would say 99% of the time you’re doing it on your own computer. And so you do have to have, if you want these tools that facilitate this development process, you have to install them on your computer so that they’re available when you go to use them.

    So there are some pre-reqs to using WP Rig. You do have to install Node. Node.js is a very common JavaScript runtime that runs on your computer and allows your computer to process JavaScript as if it’s a browser kind of, but it’s not, it’s just doing it on a server, which essentially any computer can be a server at any time.

    And so you have to have Node installed. You have to have Composer installed. Composer is just a package manager for PHP, and it’s used beyond just WordPress. It’s used in Laravel. It’s used in any, even just raw, vanilla PHP development. Composer is very popular. So we do leverage some Composer packages to do some PHP level work in the theme.

    And you need a local development environment, of course. So there’s the wp-env package out there. If you’re into the Docker way of doing local development. I’m a big fan of Local WP. I think that’s a great solution. WordPress Studio is another very good one. There’s lots to choose from out there.

    So just choosing a local development environment and getting to know one of those is really handy because now you’re not dealing with a WordPress instance that’s on a remote server, you’re dealing with a WordPress instance that’s running on your computer. And this is where all of that magic is going to happen. All the automatic conversion of your CSS, all automatic conversion of TypeScript to ES5 JavaScript. All of the automatic things that WP Rig handles for you, all of that is happening on your computer.

    And then there’s a process, a bundle process that happens. Once you’re done working on your theme, you can bundle the theme and then, this is where things get a little weird. So like when you first get working with WP Rig, you can think of the WP Rig theme, the starter theme as kind of like a source theme. But when you bundle, WP Rig actually generates a whole new theme for you that has the name of your theme baked into it. And not just like how it shows up in the WordPress admin, it goes through and it replaces all references to WP Rig in the code everywhere, across the entire code base of the theme. It changes the words WP Rig to whatever the name of your theme is.

    So if you build a theme with WP Rig and you decide to sell it or deploy it or ship it or whatever to anybody, user, wherever, anywhere. Anybody that’s looking through that source code, for whatever reason, they would have no way of knowing that it was built with WP Rig because it’s just going to look like your theme.

    [00:29:31] Nathan Wrigley: There’s something extremely satisfying about seeing your theme. The first time you see your theme. Stick it on a website somewhere and, oh, look, there’s the thing that I built. Whereas, you know, for many people, it’s been an entire experience of going to the repo, going to commercial theme houses and what have you, and downloading something and tweaking it and what have you.

    And you really can start really, really, really small. You know, a few lines is really all that you need to get going and build up from there. Obviously it will start plain, but the more complexity you add.

    But given that it’s all happening on your local computer, it’s not like you need to rush. This could be something which is years in the making. You know, you start today and maybe two years from now you are entirely happy and you’ve got something that you think is worthy of the world looking at. Well, that’s the point at which you can start to distribute it. As you’ve just described, because it’s all free, completely open source, when you ship that theme, export it, everything is run in such a way that nobody would ever know, which is just lovely.

    Okay, so given all of this fresh, interesting stuff about WordPress themes, we’re in an interesting space in the WordPress theme marketplace, let’s call it that.

    Several years ago, full site editing came along and now we’ve got this sort of different way of doing themes. Previously we had to open up an IDE and fiddle with template files and things like that. And now we’ve moved more into a page builder, let’s go with that. You know, there’s this Gutenberg block based editing of themes, where you can do more or less everything in a UI.

    How does this fit into that piece, and what do you make of this new paradigm, this new way of doing themes? Are there benefits to it that you see, or drawbacks? Are you still doing it? Do you see a bright future for WP Rig? I’m guessing the answer’s yes, otherwise you wouldn’t be on this podcast.

    [00:31:16] Rob Ruiz: That’s right. Yeah. Well, I will say that as somebody who had recently decided to adopt WP Rig, when the whole concept of FSE was first announced or introduced, I did have some strong opinions because I was like, oh my gosh, this is going to make my life very difficult if this becomes the way of doing things. And so I kind of foresaw a lot of where things have gone over the past few years.

    So at the beginning I was a little hesitant because it kind of threw a wrench in this new thing that I was excited to adopt and start advancing. Over time I have come to appreciate it quite a bit. And in my opinion, it’s just allowed me as the maintainer of WP Rig, a lot of opportunity to really get in there and learn a lot, and get my hands dirty, and allow WP Rig to become something that was more my own, as opposed to something that I just adopted from some other people that had done a bunch of work, right?

    Had that not happened, I probably would’ve just been like encouraged to just kind of sit back and be like, ah, yeah, you know what, this is my thing and it works and whatever. But this presented a lot of challenges and those challenges present a lot of opportunity if you look at it the right way. Not just opportunity to make something my own, not just opportunity to build things, but also opportunity, most importantly, I think, to learn things. And so that’s really been the gift of where all of this has gone for me personally.

    Do I think that full site editing makes it so that you don’t have to make your own theme as much? Yes, I do think that is a thing because you have a lot more control of the way your website looks from within the WordPress admin area and creating templates and block patterns and all that stuff from within WordPress. It is different than how we used to do it, let’s put it that way.

    However, as somebody who has decided to just like adopt it, I will say that if you can keep the paradigms and concepts all categorised and separated in your brain, then it’s actually quite powerful and can be extremely handy, especially with how fast the WordPress admin experience has gotten over the past few versions. It is very snappy now, almost to the point where it’s satisfying to use. Crazy to say. But it’s just so snappy. And we’ve got lots of little micro animations coming in there now where you can, you know, just the way everything happens is like, to me, it makes it a little bit more fun.

    What does that mean for WP Rig? Well, that means there’s multiple paradigms that WP Rig has to support. So because WP Rig was originally created in the classic paradigm, when you first start using WP Rig, it does assume that you’re creating a classic style theme. But that doesn’t mean you’re forced to build a classic style theme. Because one of WP Rig’s strongest features is that there are whole bunch of custom command line commands that you can type in and run that will automatically convert WP Rig into these other paradigms.

    So if you want to build a block-based theme or a universal theme, which is kind of halfway between classic and block-based, you could just run a command in your terminal and it will just automatically change a bunch of files in WP Rig to convert it to this other paradigm. And now you have full site editing as part of your theme.

    And many people may not be aware of this, but the whole concept of full site editing is controlled by the theme. Whether or not you even have full site editing on WordPress is dependent on the theme. It’s not well, Gutenberg can be removed via a plugin, but in order to enable these functionalities, like if you want to be able to do full site editing, it is the theme that dictates that, not a plugin.

    So it is important for WP Rig to facilitate that part of things. And so that is something that I’ve had to build out among many other things. Now WP Rig has a full block authoring experience built into it.

    Now, this is where things get very, very opinionated among developers. But a lot of people argue that blocks are a, that’s plugin territory, right? Now, I don’t know about you, I’m not really much for territories. I like to pretend that borders don’t exist sometimes. And so there are situations where building theme level blocks do make sense. Keep in mind that if you decide to bake custom blocks into your theme, you have immediately disqualified yourself from contributing this theme to the wordpress.org theme repository. So keep that in mind. That’s a big cautionary, little tidbit.

    But if this theme is just for you, or a client, or for usage outside of the WordPress repository, WordPress does have the ability to enable block authoring within WP Rig. And then now you can start to author blocks within your theme.

    Where I like to think of this as like navigation, right? When I’m looking for themes, if I’m like shopping for themes, one of the first things I look at is, what is the navigation for this theme? What is that experience like? Because there’s lots of different kind of like styles of navigation.

    If you need to create a custom navigation, maybe there’s a situation where the navigation block in Core WordPress doesn’t suit your needs for whatever reason. Maybe the design of what you’re trying to build somehow goes beyond what that block provides to you in terms of functionality. You could create your own custom navigation block, and in my opinion, that makes a lot of sense to be part of the theme as opposed to a plugin, right?

    So there’s opinions there. Again, this is the nice thing about open source. There’s freedom there. But yeah, WP Rig has not just the ability to facilitate full site editing, but also the ability to facilitate block authoring at the theme level. So, yeah, one could look at this and be like, oh, this makes theme development kind of pointless because you could just do everything within the full site editor. I’m somebody that likes to kind of flip things on its head a little bit sometimes and say, actually, you know what that really means is that this gives the theme more control than perhaps you would’ve thought previously. And if you exercise said control, and if somebody provides an easy way to allow you to exercise that control, now we have a whole new paradigm. And in my opinion, that’s extremely interesting.

    [00:37:39] Nathan Wrigley: Yeah, I think the thing that I’m taking away, well, there’s a few things from what you just said. The first one, fully hybrid. You know, it could be classic, it could be block based, or it could be somewhere in the middle, like this hybrid sort of approach, which doesn’t really get talked about all that much anymore, actually, which is curious. It was a big thing for a while, and now people seem to be on one side or the other. So there’s that.

    But also the bit that I’m taking away from all of this is how much you are encouraging people to use this as an education piece. How to learn and scaffold your learning around something like the WP Rig project. It enables you to sort of peel back the layers. Start from a base of kind of nothing and build that up, slowly one piece at a time.

    And your navigation is a really great example. You might have, I don’t know, maybe a client comes along who have proclivities around, it’s got to be 100%, we’ve got to give everything over on the accessibility side, we’ve really got to do that perfectly. Well, this maybe is a great place to start. You know, you start with a blank template for that, and you build your navigation. So you will end up exploring all sorts of documentation over on the W3C website. Probably not necessarily so much on the WordPress side of things. Figure out how to do that really well, import your knowledge that you’ve gained from that into the navigation aspect of WP Rig, ship that, you’re off to the races.

    Now, with that in mind, if you go to the WP Rig website, there’s a lot of educational content there. So there’s the inevitable kind of getting started, which is what we talked about earlier, all of the packages and the package managers and what have you that you need to get up and running. So it explains how that is all to be done. Relatively straightforward to follow that through, I would’ve thought.

    But then entirely separate to that is two different sections. You’ve got this like learn section where you’ve got documentation, video tutorials and things like that. But then you’ve also got like the docs area where you go into explain, oh I don’t know, how you might use JavaScript or CSS or some sort of compiled CSS or PHP and so on and so forth.

    So again, no question there really, but it does feel, from my point of view, looking at this project that education is kind of the big piece. That’s the thing that you are most interested in. I don’t know if I’ve misrepresented this project, but that’s what it feels like.

    [00:39:58] Rob Ruiz: A hundred percent. And I think that’s inevitable when it comes to getting into this tinkerer mindset. There must be a way to learn how to tinker properly. It is also nice to add guardrails to said, because let’s be honest, there’s like a million different ways to do everything, but there’s very, very few correct ways to do everything.

    And so that’s another nice feature of WP Rig is that it has these sort of guardrails in place that allow you to check and make sure that you’re doing things properly. And if there’s anything that you’re doing improperly, you can obviously ignore those if you want to for whatever reason, or you can like dive into the weeds and say, okay, why is this improper?

    So for instance, WordPress, Automattic created a package. It’s essentially an extension for a tool called PHPCS, which stands for PHP Coding Standards. This tool is used by PHP widely beyond just WordPress. But then WordPress adopted it a while back and decided to use it and create their own extension for it called the WordPress Coding Standard. It’s WPCS.

    And so they’ve iterated on it over the years and WPCS is baked into WordPress, or into WP Rig rather. So if you want to make sure that your theme is following all of the WordPress coding standards for whatever reason, maybe it’s because you’re going to create a theme that you want to contribute to the wordpress.org theme repository, then that tool is baked into WP Rig for you, so that you can make sure that your theme meets all of the requirements for a properly developed theme before you even try to go and like submit it for a review or whatever.

    Because that’s one of the most frustrating things ever is somebody who wants to contribute. If you try to contribute and then you get pushed back on, that’s like not a great experience. And so what I try to do with WP Rig is bake in this layer that is kind of like a, test it yourself type situation. Where you can kind of like have the system sort of, kind of review the code for you, and then that way you can make sure you’ve done your due diligence before you even try to submit it for review. To prevent that unfortunate situation where your theme might get rejected for one reason or another, and now you got to go back and rework it and then back and forth, back and forth, back and forth.

    Having a tool like WP Rig that just tells you early on before you even try to submit it, hey, you should change this, you should change that. I think that’s extremely valuable for people. And again, I really want WP Rig to be something that encourages people to get more into contributing back into Core as opposed to. I mean, it can also be looked at as something like, okay, well you want to go develop your own thing and it’s for profit or whatever. It does very much facilitate that way of doing things too. But let’s be honest, anything that meets WordPress’s coding standards is probably going to make your theme, even if you’re putting it up for sale, it’s going to make it better.

    [00:42:53] Nathan Wrigley: Yeah, I love that you’ve built all of that in. That’s really interesting. So it does a lot of the heavy lifting, trying to make sure that you are adhering to the standards, which one would hope would be in a shippable, distributable product.

    Speaking of community, do you have a community which coalesce around this project? Is it basically just you? Or is there like a little team? And if not necessarily a team, is there a little community which gathers and sort of helps you put this project together? And a corollary to that question really is, do you anticipate in the future that you will like some contributors to help you maintain this as well?

    [00:43:27] Rob Ruiz: Yeah, for sure. So when I first started, when I first adopted this as my own, there was more of a team in place because Morten is a very well-known individual. And so he had a lot of followers and so a lot of those followers had followed WP Rig. As time has progressed, a lot of those people have kind of unfortunately gone their own way. For whatever reason, a lot of the people that were following him weren’t really like, they might have been into learning how to develop themes. They certainly were into WordPress. But working on a project like this is more than just knowing how to develop themes. You also have to know how the underlying tools work too.

    So that’s been my biggest challenge is learning, what is Lightning CSS? How do you use it? What is esbuild? How does that work? When I first took it over, it was ran on Gulp. What is Gulp? And what is that, and how do I modify it? And like that’s kind of far beyond WordPress, and so I think people became aware of that over time. And so while I rose up to the challenge, other people were just kind of moved on to other things.

    So it is largely me. We do have a handful of contributors that kind of, when they have time, you know, they’ll feel ambitious again and jump in and do some more contributions and they’ll fall back and do their own thing for a while. And so there’s a lot of that. It’s not a very active community, certainly not as active as it was when I first adopted it. However, we do have a Discord now. You can find a link to the Discord on the website. If you go to the Learn V3 link in the header, there’s links to our YouTube channel and the Discord server.

    So we are looking, I do want more of a community around WP Rig. And so I do encourage people to come on. Obviously we’ve been on GitHub this entire time, so if anybody wants to raise issues or submit a PR, there are guides on there. There’s a contributing.md file in there for anybody that wants to contribute, or wants to raise an issue. If you have ideas for how WP Rig could be better, that’s always been there. It’s just that, for one reason or another, it’s just not popular, which is a big reason why I’m on your show today actually is just to raise awareness about WP Rig now that I have had the opportunity to overhaul it dramatically over the past couple years.

    In my opinion, it was a little bit, it started to feel a little bit slow compared to most modern tools. If anybody’s familiar with like Vite, or just modern frontend development frameworks. In general, they use more modern tools that build things faster and better, and they’re leaner. And so WP Rig was falling behind a little bit in that regard. And so I did have to like overhaul the project a lot. That’s why we came out with the version three because it is a pretty substantial overhaul.

    And so now that we have version three and it is much better and there are all kinds of new features built into it as a result of it being faster, it’s now more capable. I want to raise awareness. A, I’ve already done the work, so it would be a shame for all that work to go unnoticed and unappreciated. But also, for anybody who was familiar with WP Rig from previous years, back in the version one, version two days, I think it’s important to make people aware that version three is substantially more capable than what it was prior.

    [00:46:38] Nathan Wrigley: That’s wonderful. I’m just going to round off the episode by mentioning the URL once more so that after that clarion call, if people have been inspired and they have listened to this and think, I’d like to explore that. You know, for the multitude of reasons that we’ve covered in this topic. The URL, it’s really easy. It’s WP Rig, wprig.io. Go there, there’s a whole bunch of ways to get involved. So there’s the Learn documentation, there’s the contribute tab and so on and so forth. You can peruse at your leisure.

    Rob, just before we end, is there a way that people could communicate with you more directly if they wanted to off the back of this? Is there a, like a, I don’t know, a social network or something that you frequent? Or a contact form that you’d like people to be mindful of?

    [00:47:22] Rob Ruiz: Yeah, sure. I mean, I am very responsive to people on LinkedIn, so if you want to find me on LinkedIn, I am on there, Rob Ruiz, just look me up. If it looks like it’s a Rob Ruiz that does WordPress stuff, it’s probably me. And then of course, I’m on the Discord server. So if you want to communicate directly with me, joining the Discord and then messaging me directly is a nice way to do that. I’d love to help people, hold their hand if needed, get up and running with WP Rig. If you have any questions about specifics, I’m happy to address them, or you just need a little guidance, I’d be happy to help there as well.

    [00:47:54] Nathan Wrigley: Well, thank you so much for chatting to me today, Rob. It’s been really interesting. So once more, just before we end to find out more. Rob Ruiz, thank you very much for chatting to me today.

    [00:48:04] Rob Ruiz: Thank you so much for your time, Nathan. I really appreciate it.

    On the podcast today we have Rob Ruiz.

    Rob has been involved in the WordPress ecosystem since around 2010. He began as a designer, but over the years WordPress has helped him transition into a developer, software engineer, and now an architect. Currently, he’s working full-time at an agency while still taking on projects independently.

    The main topic for today’s conversation centres around themes, a subject that hasn’t been covered in depth on the podcast for quite some time. You see, Rob is the current custodian of WP Rig, a free and open source toolkit for WordPress theme development. WP Rig offers a modern, minimal, and best-practice driven starting point for developers who want to build custom themes, providing tools like Composer and Node integration to streamline workflows, enforce coding standards, and enable the use of future-facing CSS features right now.

    We start the episode with Rob sharing what attracted him to WP Rig, and his journey from user to project maintainer. We talk about who WP Rig is for, from experienced developers to those just starting to dip their toes into theme building and code customisation.

    The discussion moves on to talking about what a theme development framework actually is, and why this approach might suit people wanting more control, and education, in their WordPress journey. Rob describes the learning curve, the workflow, and the satisfaction of creating your own theme from scratch, while highlighting tools and guardrails built into WP Rig that make professional standards and best practices accessible to all.

    We also get into how WP Rig fits into the changing WordPress ecosystem. With the advent of full site editing and block-based themes, Rob explains how WP Rig has evolved to stay relevant, supporting classic, hybrid, and block-based paradigms, even enabling block development at the theme level.

    Towards the end, we discuss the community behind WP Rig, how you can get involved, and the many educational resources available for those who want to learn theme development, or even become contributors themselves.

    If you’re interested in building custom WordPress themes, want to understand the nuts and bolts of theme frameworks, or are simply looking for a modern and educational starting point for WordPress tinkering, this episode is for you.

    Useful links

    WP Rig website

    Rob on LinkedIn

    WordPress.org theme repository

    PostCSS

    Get started with wp-env

    WordPress Studio

    WordPress Coding Standards

    Morten Rand-Hendriksen on the WP Tavern Jukebox podcast

    WP Rig’s Discord

    WP Rig’s YouTube channel

    Vite

    Go to source

  • #207 – Rob Ruiz on WP Rig and the Future of Theme Development

    Transcript

    [00:00:19] Nathan Wrigley: Welcome to the Jukebox Podcast from WP Tavern. My name is Nathan Wrigley.

    Jukebox is a podcast which is dedicated to all things WordPress. The people, the events, the plugins, the blocks, the themes, and in this case the future of theme development.

    If you’d like to subscribe to the podcast, you can do that by searching for WP Tavern in your podcast player of choice, or by going to wptavern.com/feed/podcast, and you can copy that URL into most podcast players.

    If you have a topic that you’d like us to feature on the podcast, I’m keen to hear from you and hopefully get you, or your idea, featured on the show. Head to wptavern.com/contact/jukebox, and use the form there.

    So on the podcast today, we have Rob Ruiz. Rob has been involved in the WordPress ecosystem since around 2010. He began as a designer, but over the years WordPress has helped him transition into a developer, software engineer, and now an architect. Currently, he’s working full-time at an agency whilst taking on side projects independently.

    The main topic for today’s conversation, centers around themes, a subject that hasn’t been covered in depth on the podcast for quite some time. You see, Rob is the current custodian of WP Rig, a free and open source toolkit for WordPress theme development. WP Rig offers a modern, minimal, and best practice driven starting point for developers who want to build custom themes. Providing tools like Composer and Node integration to streamline workflows, enforce coding standards, and enable the use of future facing CSS features, right now.

    We start the episode with Rob sharing what attracted him to WP Rig, and his journey from user to Project Maintainer. We talk about who WP Rig is for, from experienced developers, to those just starting to dip their toes into theme building and code customization.

    The discussion moves on to talking about what a theme development framework actually is, and why this approach might suit people wanting more control, and education, in their WordPress journey. Rob describes the learning curve, the workflow, and the satisfaction of creating your own theme from scratch, while highlighting tools and guardrails built into WP RIG that make professional standards and best practices accessible to all.

    We also get into how WP Rig fits into the changing WordPress ecosystem. With the advent of full site editing and block-based themes, Rob explains how WP Rig has evolved to stay relevant, supporting classic, hybrid, and block-based paradigms, even enabling block development at the theme level.

    Towards the end, we discuss the community behind WP Rig, how you can get involved, and the many educational resources available for those who want to learn theme development, or even become contributors themselves.

    If you’re interested in building custom WordPress themes, want to understand the nuts and bolts of theme frameworks, or are simply looking for a modern and educational starting point for WordPress tinkering, this episode is for you.

    If you’re interested in finding out more, you can find all of the links in the show notes by heading to wptavern.com/podcast, where you’ll find all the other episodes as well.

    And so without further delay, I bring you, Rob Ruiz.

    I am joined on the podcast by Rob Ruiz. Hello, Rob.

    [00:03:56] Rob Ruiz: Hi. How are you, Nathan?

    [00:03:57] Nathan Wrigley: Rob’s joining me today to talk primarily about themes, which I confess is a subject that we haven’t touched in a good long while. So before we get into that, Rob, would you just mind spending a minute just letting the listeners know who you are? If we are on a WordPress podcast, probably better to align that with what your journey is in the WordPress space, if that’s okay.

    [00:04:17] Rob Ruiz: Certainly. Yeah. So my name is Rob Ruiz. I’ve been leveraging WordPress since about 2010 ish, although my web development experience goes prior to that. And so I’ve been tinkering and getting more and more into it as I go along.

    I started off as mostly a designer back in the early two thousands, I guess. And WordPress has facilitated my journey from being a designer to more of a developer, software engineer, today, architect. And so yeah, it’s been a very fun journey. I’ve learned so much over the years, so I’m very grateful to WordPress for helping me do that at my own pace.

    [00:04:58] Nathan Wrigley: Do you work for yourself? Are you perhaps engaged in an agency or something like that?

    [00:05:02] Rob Ruiz: So currently, right now I work full-time at an agency, but I do also do work for myself as well. So it’s kind of a hybrid situation.

    [00:05:09] Nathan Wrigley: Okay, so the reason that Rob is on the podcast today, well, there’s a variety of reasons. Most of it will bind itself to the subject of themes, as I said right at the start. But we’re also going to be talking, maybe towards the end a little bit about AI and things like that.

    However, Rob is now the custodian. I didn’t realise he was now the custodian. We’ll get into that in a minute. But Rob is the custodian at the moment of a project called WP Rig. And you can find this, it’s a really quick URL to type in, it’s WP Rig, so WPRIG .io.

    Completely free to download, completely unencumbered by a pricing page or anything like that. There’s a GitHub repo I think. Yes, that’s right. So do you just want to give us the elevator pitch for what WP Rig is. And just because it makes me happy, can you tell us how you got involved? Because that’s lovely too.

    [00:06:00] Rob Ruiz: Yeah. Yeah, for sure. So WP Rig is a theme development toolkit or framework, but it’s also a starter theme as well. So you could think of it as kind of like underscores but with a whole modern development toolkit situation built into it, meaning there’s a bunch of composer dependencies, Node dependencies, and other kind of developer tools baked into it to prepare developers for the best developer experience possible when developing themes for WordPress.

    How I got involved with it essentially is I was, first off, I was looking for a theme development framework. I had gone on a journey to explore many. And during that journey, I came across WP Rig, and kind of fell in love with it. It was really, really cool. I liked it a lot. I liked a lot of the opinions. I liked how well aligned it was with Core WordPress itself. I like the WordPress best practices that it enforces, you know, automatically. You don’t even have to like go look them up and think about it. You could just run a tool that’s built into it and it’ll check all your code for said best practices.

    And so that was very interesting to me. I was like, I’m going to start using this. And so I did. I did start using it. And then, shortly thereafter, I had been browsing my favorite WordPress news site, WP Tavern, and noticed an interesting article about the project that I had just recently fell in love with out of sheer coincidence, I suppose. Out of sheer coincidence, it just so happens this project is now looking for new maintainers, and that they were having a Zoom call in the near future where anybody interested in maintaining the project could join the Zoom call.

    And so I did. I joined the Zoom call and I got to meet the previous maintainers, or maintainer rather, and ended up having ongoing conversations with him after the call. And one thing led to another, and now the project is basically managed solely by me with a handful of other light contributors.

    [00:08:04] Nathan Wrigley: So that’s really nice. I love the fact that there’s some sort of combination of WP Tavern and WP Rig out there. That’s lovely. So I appreciate that. The audience for this podcast is pretty varied. So there’ll be developers with a longstanding history with WordPress, you know, deep in the code. Will go to WP Rig and immediately everything will connect, and they’ll be like, yep, I get this. I understand what this is. It’s for me. It’s not for me, yada, yada.

    However, we also have quite a lot of people listening to this who are brand new to WordPress. They’ve got no experience with code. They may be living inside of a page builder or something like that where everything is point, click, drag, drop, save, that kind of an environment. It just occurred to me that they very well might not know what even a theme development framework is. So can we begin there? What is the point of a thing like this? What’s the problem you’re trying to solve? Let’s start there.

    [00:08:53] Rob Ruiz: Yeah, that’s a great question. So like anything in WordPress, because it’s open source and so beautifully designed, might I add, from an architectural standpoint, there are lots of ways to extend WordPress beyond its base functionality.

    Two of the most common ways to do this is via the plugin system, and via the theme system. And so we can add custom plugins to extend the functionality of WordPress, but we can also add custom themes to alter the way our website looks and feels aesthetically.

    So if you’re somebody who’s more of a designer maybe, or you appreciate aesthetics and perhaps you’ve dabbled in some CSS, you might be more inclined, if you’re looking to go beyond just what Core WordPress provides to you in terms of a site building experience, I would encourage those people to look at themes and possibly creating your own custom theme. Or altering an existing theme using a concept called child theming where you can take any theme that you get from anywhere, whether you buy it or find it on the wordpress.org theme repository. You can extend themes using child themes, or you can just build your own themes from scratch.

    So that does include some work outside of the WordPress admin area. So once you get into developing themes for WordPress, the concept here is you’re kind of straying away from the WordPress admin experience, and you’re now like in the code editor realm, right? Because under the hood, WordPress is all just a bunch of code, PHP, JavaScript, CSS. There’s a lot going on, the React now. There’s a lot of things kind of built into WordPress.

    And so the beautiful thing about WordPress is that you can kind of, if you’re interested in learning how to develop, you can kind of dip your toes into the development pool as frequently as possible, as quickly as you want. Whatever you are comfortable with, you can kind of pace yourself there and say, okay, let me try and make a custom theme, or let me try to make a custom plugin. And if it doesn’t work out, it’s easy to just deactivate it, delete it, remove it, whatever. It’s a great way to learn how to develop, in my personal opinion, because a lot of the heavy lifting is done by the Core WordPress system.

    Basically what WP Rig offers is, instead of having to create a file system, a theme system from scratch, you know, a lot of people will reach for a concept called a boilerplate. Something that will scaffold kind of like the common files and folders that would be necessary in a theme, and then allow you to work from there. So you’re not just starting from like ground zero, create a new directory, create a new file.

    And so that’s kind of what WP Rig offers is like, okay, go to our GitHub repo, clone the GitHub repo down, and then there are directions in the repo on how to get it to scaffold all the tools that come with it, all of the Node and Composer tools. And then you’re kind of off to the races.

    [00:11:46] Nathan Wrigley: So with WP Rig, I’m guessing we would describe this as a framework or something like that. The idea being that you can bring this, kind of learn how it works, become adept at it, and then it’s like your constant friend. It’s always in the background. It’s the thing that you can rely on. It’s the muscle memory which develops over time. So you can ship your own themes, which kind of depend on the framework, but also, you know, you’re familiar with it so that bit is taken care of and straightforward.

    What is it that attracted you to this particular theme development framework, at the time when you were sort of scrambling around looking for a project to become involved with?

    I mean, one of the things that I always found curious was the leaner, the better. You know, the less that there was in such a thing, the more I was drawn towards it, because it gave me a, the basis, the scaffolding basically from which I could start building. Now, I don’t know if that’s what drew you here. So there’s the question. What is it that you thought was superior for want of a better word about this one?

    [00:12:41] Rob Ruiz: Well, you nailed it. It’s really that. Like, it is quite minimal at its core. I also really appreciated how it treated CSS, as somebody who comes from a design background. I love modern CSS. I love following CSS influencers on YouTube, and learning all the new tricks. It’s a lot to keep up with and as, now that Internet Explorer is gone, CSS is progressing at an enormous rate, which I’m very excited about. But it also forces you to keep in tune with what you can do with it and what you shouldn’t do with it. And so there are tools built into WP Rig to help you assess those things as you’re developing your CSS in there.

    When I originally was brought onto it, we were using a tool called PostCSS. That would essentially allow you to use future CSS before it was adopted by all modern browsers. And during the compilation process, it would convert your future CSS to today CSS essentially. And so the idea there is that as CSS catches up, your compilation would just have to do less work, right? So when it compiles all your CSS, it would, you know, like now that nesting is a thing, right? I was using WP Rig before CSS nesting was supported by all modern browsers, but I was able still to use CSS nesting in WP Rig, which I really liked. So there’s that aspect of things

    and yes, it is very light. I’ve used other theme development frameworks where they encourage you to use kind of like a templating language or framework. I didn’t really like that approach because it felt very foreign to WordPress. Nothing else in WordPress uses such a thing. That kind of turned me off a little bit because I was like, I don’t want to learn this whole other concept that like really doesn’t exist anywhere except for Laravel. I liked that about it. It kept it simple in that regard.

    And then if you’re using WordPress at like a agency level, if you’re building bespoke custom sites for clients, something like WP Rig is extremely powerful because it allows you to increase your level of customisation as much as you want, and the tools are all there to help you handle that. Also, meanwhile, if you’re working on a team of developers, which is often the case if you’re working with an agency or something like that, WP Rig becomes kind of like a home base, if you will, for opinions, for coding practices, for checks and balances.

    All these things, it helps put everybody on the same vehicle, I guess, if you want to think of it like that. Everybody’s using the same vehicle, so there’s not wildly different ways of doing things, which can be very, very handy when working on a team and assessing other people’s code, and perhaps taking over work for other people and so on and so forth.

    [00:15:23] Nathan Wrigley: So the thing about frameworks, I guess, is that, if you are in the WordPress space and you are that page builder user, so everything is within the WP admin, you know, you download a plugin, which creates pages or a theme, I guess you could do the same thing, but you’ve got that kind of experience with WordPress. Is this something that would map to those kind of users perfectly, or is there more of a learning curve? Do you need to be leaning more into the developer side of things?

    Maybe there’s a happy transition that can be made. Because, you know, when you’re on the website, you have interesting acronyms. So, you know, CSS, JS, we’re probably entirely familiar with those, but then we get into things like esbuild, Lightning CSS, ESLint, NPM, Composer and so on. And at this point I can imagine quite a few of the inexperienced users thinking, you know what, this is going to be tough for me.

    So I just want you to give us an impression, reassure people. How hard is it to go from that, I’ve never done anything like this before. To up and running, becoming familiar, if not necessarily completely familiar in a heartbeat?

    [00:16:25] Rob Ruiz: In my opinion, it’s not hard because you can kind of just focus on where you want to focus. And so for instance, if you’re only interested in writing CSS styles and you just want to change colors, and sizing, and fonts, and stuff like that, you could use WP Rig to make an extremely simple theme, which is what I would encourage people to do if they’re just getting up and running.

    Back to your question about page builders and such, there is like this, I don’t want to call it a problem, but there is a paradigm in WordPress that I think, especially for newer WordPress developers, they need to be very aware of, which is that you kind of have two schools of thought.

    You have this school of thought of like, okay, I want to just use the WordPress admin to customise every little bit, every little piece of my WordPress site. I should be able to do it in the WordPress admin. And so that’s where some of these more complex page builders kind of come in and provide a lot more control than just what Core WordPress provides you.

    But with that said, it will never be ultimate control. It will never be ultimate control, because there’s always going to be some amount of constraints. You’re always going to be constrained by what configurations, what settings, what fields, what controls that page builder provides you.

    And not only that, you have to keep in mind some of these rules, I like to think of them as rules, configurations, settings, whether it’s at the block level, widget level, element level, whatever word you want to use to describe a part of your page, like an object or a component, it’s a very common word. When you’re using a page builder, that’s all getting saved into the database. Anytime you enter a value, you click save or whatever. Everything is in the database, all of it, right?

    And so if you need to make a global change across your whole site, let’s say you want all of the blocks on your website to all of a sudden have a border around them, or you want to change something about them, the colour, background colour, something like that. In a page builder world, you’re going to have to go into every single one of those elements, those blocks, whatever, and you’re going to have to change those values everywhere.

    Where, when you’re doing things with just code, you have kind of superpowers. In my opinion, coding, if you want ultimate control over your site and you want to be able to do literally anything you can imagine, and be able to do it in a way that’s progressive and is comprehensive, without any barriers, without any limitations, code will always be the best way to exercise that control that you’re going after.

    Now, obviously, newer people, too much control can lead to confusion and all this stuff. So I don’t fault people for using some of these other solutions like page builders to kind of get their feet wet and get up and going and kind of figure out how to use just WordPress itself.

    But once you get to a point where you’ve been doing that for a while and you’re looking at like other websites that aren’t even WordPress that have all kinds of interesting, cool features built into them, new paradigms being presented and exposed. Let’s say you follow CSS and you’re looking at all the newest CSS features that are coming out. Many of those newest CSS features that are coming out, there’s really no ability to control those things in your WordPress site, because that stuff literally just got adopted by Chrome or whatever, just reached modern browser adoption like recently, right?

    And so you have to kind of wait for the page builders, for WordPress to kind of now provide you new controls, new tools, so that you can then control those things. But when you’re doing things with code, you could just do it immediately, and you could do whatever you want.

    So when you’re building your own theme from scratch or you’re trying to, even creating your own plugin from scratch, it’s never really going to be a concept that’s for like new WordPress people that are just very, very new to just developing websites in general. But it is nice to know that these tools are out there and they’re there, so that when you do get to a point where you’re ready to kind of spread your wings a little bit more, you know what tools are out there to reach for. And you can begin to play with them a little bit instead of forever feeling confined to one paradigm.

    [00:20:40] Nathan Wrigley: Yeah, there is something exceedingly satisfying about understanding how, whatever the thing is works. I imagine that as a child, you were perhaps that child that took things apart and enjoyed the experience of looking at the insides and thinking, how did that work? Okay, that’s how it worked. Okay, that cogs connected to that thing, and then that spins around in that way. And, oh, and look that on the front spins around as well. Got it. I understand that now. And you reassemble it and what have you.

    I think there is something exceedingly interesting about that in the WordPress space. Obviously, WordPress, CMS, incredibly powerful out of the box. You’ve got the WP admin, and perhaps that’s as far as you wish to go.

    But peeling back the layers and understanding, how is a page constructed? Where does the CSS get called from? How is the HTML finally output? What are the bits and pieces that make it up? How does the theme layer do its bits and pieces? You don’t have to kind of understand it all in one hit. You can, with a framework, the likes of which we’re talking about, WP Rig, there is this capacity to just take little nibbles and have a slow, but realising appreciation. Oh, okay, that’s how it works.

    But not only that’s how it works, okay, now that I know how that works, I now am in control of it. Whereas in a way, previously, I just was sort of a passive observer. Perhaps there was a setting area in my page builder or what have you. And if it was there, I could make use of it, and if it wasn’t, I couldn’t.

    But also I think it drives you into that journey of understanding the open standards, the open web, the things that make up the technology which is free, available to everybody. What WordPress builds upon.

    And I’m talking specifically about HTML, CSS and JavaScript, just those three things. The foundational pieces of the web. And it allows you to get involved in that, and be interested in that and understand where the web is heading. And especially like you said, with modern CSS’, it is coming really fast and it is fast replacing, in many respects, I think a lot of JavaScript really is going to be obsolete, for the front end side of things, in the fairly short term.

    So it allows you to sort of nibble away at that and become more experienced. And if you haven’t had that journey but you’ve got a curiosity, this is possibly a great place to start. There is no question there, but I’m just sort of offering that up to see if that jibes with what you think.

    [00:22:52] Rob Ruiz: I couldn’t agree more. And not only that, I think an important thing to think about WordPress as we move forward into the future and more competitors to WordPress emerge, I think it has never been more important to make sure that we have tools out there that are designed to facilitate people in their journey to getting into development. Because let’s be real, WordPress is open source, and we have to remember that WordPress is at the mercy of its contributors.

    And so if the number of people contributing to WordPress starts to decline, so too will the progress of WordPress itself, unless other big companies with other developers that they’re actually paying are willing to foot the bill to like pay people to contribute to WordPress.

    I don’t know that that’s the bright future that WordPress had originally like looked towards, right? I think what’s made WordPress so powerful and so successful over the years are the tinkerers, are the people that are willing to get in there and start to like learn things and figure things out. And then those people will slowly become contributors. And the more contributors we have to WordPress, the more WordPress itself will flourish. And then if that starts to go in the opposite direction, so too will WordPress.

    And now these other services, and other solutions that are out there, are going to like eclipse WordPress and then people are kind of forced into a situation where it’s like, oh, well now you have to constantly go out and pay for and buy things, and now you’re at the mercy of these product authors, if you will, as opposed to being a part of a community of people that are all kind of collectively working together to make this one platform better all the time.

    [00:24:37] Nathan Wrigley: Yeah, the open web and all of the web standards that are behind that, it is such an interesting time for that. Rewind the clock, I don’t know, 10 years or something, and there was this whole bond fight thing where browser vendors were just distributing things which were either in opposition, certainly in competition to features. And so you could never really figure out what the heck you were doing, and each browser would behave differently.

    That is so far in the rear view mirror now. In the majority of cases, new things like new CSS, the new CSS spec is broadly speaking, adopted by everybody out of the box. I mean, there might be a few tiny edge cases where, I don’t know, let’s say Mozilla is just not implementing something because they just haven’t quite got round to it yet.

    But there’s no, Mozilla’s not doing that. It’s just a case of, we didn’t get around to it. And understanding that and being interested in that and thinking to yourself, well, goodness me, if I change my CMS of choice, at the end of the day, I still need to be able to output HTML and CSS. And so having that tinkerer mentality, which you are providing within the WordPress space is so interesting and so credible. So thank you for that.

    Right, I’m going to pivot a little bit. So again, this is leaning in more to the inexperienced user. Forgive me if you are an experienced user listening to this, you probably know what you are doing. So maybe, you know, you don’t need all the 101 stuff.

    What do you need to get WP Rig up and running? Because I think a lot of the audience listening to this will simply be, I have a server somewhere. You know, I don’t really know where it is, but I pay some company and I click a button in some control panel and WordPress magically happens. And then I install a theme and plugins, and that’s basically it.

    So what do we need to get WP Rig up and running? What are the core parts, the processes that we would need to go through?

    [00:26:24] Rob Ruiz: Yeah, well the important thing to keep in mind here is that it’s all on your own computer that you’re doing all of the work, as opposed to the WP admin approach where, when you’re interacting with WordPress, you are actually interacting with a remote server. The databases on the remote server, the files are on the remote server, all that stuff.

    When you’re developing a theme or plugin from scratch, more often than not, I would say 99% of the time you’re doing it on your own computer. And so you do have to have, if you want these tools that facilitate this development process, you have to install them on your computer so that they’re available when you go to use them.

    So there are some pre-reqs to using WP Rig. You do have to install Node. Node.js is a very common JavaScript runtime that runs on your computer and allows your computer to process JavaScript as if it’s a browser kind of, but it’s not, it’s just doing it on a server, which essentially any computer can be a server at any time.

    And so you have to have Node installed. You have to have Composer installed. Composer is just a package manager for PHP, and it’s used beyond just WordPress. It’s used in Laravel. It’s used in any, even just raw, vanilla PHP development. Composer is very popular. So we do leverage some Composer packages to do some PHP level work in the theme.

    And you need a local development environment, of course. So there’s the wp-env package out there. If you’re into the Docker way of doing local development. I’m a big fan of Local WP. I think that’s a great solution. WordPress Studio is another very good one. There’s lots to choose from out there.

    So just choosing a local development environment and getting to know one of those is really handy because now you’re not dealing with a WordPress instance that’s on a remote server, you’re dealing with a WordPress instance that’s running on your computer. And this is where all of that magic is going to happen. All the automatic conversion of your CSS, all automatic conversion of TypeScript to ES5 JavaScript. All of the automatic things that WP Rig handles for you, all of that is happening on your computer.

    And then there’s a process, a bundle process that happens. Once you’re done working on your theme, you can bundle the theme and then, this is where things get a little weird. So like when you first get working with WP Rig, you can think of the WP Rig theme, the starter theme as kind of like a source theme. But when you bundle, WP Rig actually generates a whole new theme for you that has the name of your theme baked into it. And not just like how it shows up in the WordPress admin, it goes through and it replaces all references to WP Rig in the code everywhere, across the entire code base of the theme. It changes the words WP Rig to whatever the name of your theme is.

    So if you build a theme with WP Rig and you decide to sell it or deploy it or ship it or whatever to anybody, user, wherever, anywhere. Anybody that’s looking through that source code, for whatever reason, they would have no way of knowing that it was built with WP Rig because it’s just going to look like your theme.

    [00:29:31] Nathan Wrigley: There’s something extremely satisfying about seeing your theme. The first time you see your theme. Stick it on a website somewhere and, oh, look, there’s the thing that I built. Whereas, you know, for many people, it’s been an entire experience of going to the repo, going to commercial theme houses and what have you, and downloading something and tweaking it and what have you.

    And you really can start really, really, really small. You know, a few lines is really all that you need to get going and build up from there. Obviously it will start plain, but the more complexity you add.

    But given that it’s all happening on your local computer, it’s not like you need to rush. This could be something which is years in the making. You know, you start today and maybe two years from now you are entirely happy and you’ve got something that you think is worthy of the world looking at. Well, that’s the point at which you can start to distribute it. As you’ve just described, because it’s all free, completely open source, when you ship that theme, export it, everything is run in such a way that nobody would ever know, which is just lovely.

    Okay, so given all of this fresh, interesting stuff about WordPress themes, we’re in an interesting space in the WordPress theme marketplace, let’s call it that.

    Several years ago, full site editing came along and now we’ve got this sort of different way of doing themes. Previously we had to open up an IDE and fiddle with template files and things like that. And now we’ve moved more into a page builder, let’s go with that. You know, there’s this Gutenberg block based editing of themes, where you can do more or less everything in a UI.

    How does this fit into that piece, and what do you make of this new paradigm, this new way of doing themes? Are there benefits to it that you see, or drawbacks? Are you still doing it? Do you see a bright future for WP Rig? I’m guessing the answer’s yes, otherwise you wouldn’t be on this podcast.

    [00:31:16] Rob Ruiz: That’s right. Yeah. Well, I will say that as somebody who had recently decided to adopt WP Rig, when the whole concept of FSE was first announced or introduced, I did have some strong opinions because I was like, oh my gosh, this is going to make my life very difficult if this becomes the way of doing things. And so I kind of foresaw a lot of where things have gone over the past few years.

    So at the beginning I was a little hesitant because it kind of threw a wrench in this new thing that I was excited to adopt and start advancing. Over time I have come to appreciate it quite a bit. And in my opinion, it’s just allowed me as the maintainer of WP Rig, a lot of opportunity to really get in there and learn a lot, and get my hands dirty, and allow WP Rig to become something that was more my own, as opposed to something that I just adopted from some other people that had done a bunch of work, right?

    Had that not happened, I probably would’ve just been like encouraged to just kind of sit back and be like, ah, yeah, you know what, this is my thing and it works and whatever. But this presented a lot of challenges and those challenges present a lot of opportunity if you look at it the right way. Not just opportunity to make something my own, not just opportunity to build things, but also opportunity, most importantly, I think, to learn things. And so that’s really been the gift of where all of this has gone for me personally.

    Do I think that full site editing makes it so that you don’t have to make your own theme as much? Yes, I do think that is a thing because you have a lot more control of the way your website looks from within the WordPress admin area and creating templates and block patterns and all that stuff from within WordPress. It is different than how we used to do it, let’s put it that way.

    However, as somebody who has decided to just like adopt it, I will say that if you can keep the paradigms and concepts all categorised and separated in your brain, then it’s actually quite powerful and can be extremely handy, especially with how fast the WordPress admin experience has gotten over the past few versions. It is very snappy now, almost to the point where it’s satisfying to use. Crazy to say. But it’s just so snappy. And we’ve got lots of little micro animations coming in there now where you can, you know, just the way everything happens is like, to me, it makes it a little bit more fun.

    What does that mean for WP Rig? Well, that means there’s multiple paradigms that WP Rig has to support. So because WP Rig was originally created in the classic paradigm, when you first start using WP Rig, it does assume that you’re creating a classic style theme. But that doesn’t mean you’re forced to build a classic style theme. Because one of WP Rig’s strongest features is that there are whole bunch of custom command line commands that you can type in and run that will automatically convert WP Rig into these other paradigms.

    So if you want to build a block-based theme or a universal theme, which is kind of halfway between classic and block-based, you could just run a command in your terminal and it will just automatically change a bunch of files in WP Rig to convert it to this other paradigm. And now you have full site editing as part of your theme.

    And many people may not be aware of this, but the whole concept of full site editing is controlled by the theme. Whether or not you even have full site editing on WordPress is dependent on the theme. It’s not well, Gutenberg can be removed via a plugin, but in order to enable these functionalities, like if you want to be able to do full site editing, it is the theme that dictates that, not a plugin.

    So it is important for WP Rig to facilitate that part of things. And so that is something that I’ve had to build out among many other things. Now WP Rig has a full block authoring experience built into it.

    Now, this is where things get very, very opinionated among developers. But a lot of people argue that blocks are a, that’s plugin territory, right? Now, I don’t know about you, I’m not really much for territories. I like to pretend that borders don’t exist sometimes. And so there are situations where building theme level blocks do make sense. Keep in mind that if you decide to bake custom blocks into your theme, you have immediately disqualified yourself from contributing this theme to the wordpress.org theme repository. So keep that in mind. That’s a big cautionary, little tidbit.

    But if this theme is just for you, or a client, or for usage outside of the WordPress repository, WordPress does have the ability to enable block authoring within WP Rig. And then now you can start to author blocks within your theme.

    Where I like to think of this as like navigation, right? When I’m looking for themes, if I’m like shopping for themes, one of the first things I look at is, what is the navigation for this theme? What is that experience like? Because there’s lots of different kind of like styles of navigation.

    If you need to create a custom navigation, maybe there’s a situation where the navigation block in Core WordPress doesn’t suit your needs for whatever reason. Maybe the design of what you’re trying to build somehow goes beyond what that block provides to you in terms of functionality. You could create your own custom navigation block, and in my opinion, that makes a lot of sense to be part of the theme as opposed to a plugin, right?

    So there’s opinions there. Again, this is the nice thing about open source. There’s freedom there. But yeah, WP Rig has not just the ability to facilitate full site editing, but also the ability to facilitate block authoring at the theme level. So, yeah, one could look at this and be like, oh, this makes theme development kind of pointless because you could just do everything within the full site editor. I’m somebody that likes to kind of flip things on its head a little bit sometimes and say, actually, you know what that really means is that this gives the theme more control than perhaps you would’ve thought previously. And if you exercise said control, and if somebody provides an easy way to allow you to exercise that control, now we have a whole new paradigm. And in my opinion, that’s extremely interesting.

    [00:37:39] Nathan Wrigley: Yeah, I think the thing that I’m taking away, well, there’s a few things from what you just said. The first one, fully hybrid. You know, it could be classic, it could be block based, or it could be somewhere in the middle, like this hybrid sort of approach, which doesn’t really get talked about all that much anymore, actually, which is curious. It was a big thing for a while, and now people seem to be on one side or the other. So there’s that.

    But also the bit that I’m taking away from all of this is how much you are encouraging people to use this as an education piece. How to learn and scaffold your learning around something like the WP Rig project. It enables you to sort of peel back the layers. Start from a base of kind of nothing and build that up, slowly one piece at a time.

    And your navigation is a really great example. You might have, I don’t know, maybe a client comes along who have proclivities around, it’s got to be 100%, we’ve got to give everything over on the accessibility side, we’ve really got to do that perfectly. Well, this maybe is a great place to start. You know, you start with a blank template for that, and you build your navigation. So you will end up exploring all sorts of documentation over on the W3C website. Probably not necessarily so much on the WordPress side of things. Figure out how to do that really well, import your knowledge that you’ve gained from that into the navigation aspect of WP Rig, ship that, you’re off to the races.

    Now, with that in mind, if you go to the WP Rig website, there’s a lot of educational content there. So there’s the inevitable kind of getting started, which is what we talked about earlier, all of the packages and the package managers and what have you that you need to get up and running. So it explains how that is all to be done. Relatively straightforward to follow that through, I would’ve thought.

    But then entirely separate to that is two different sections. You’ve got this like learn section where you’ve got documentation, video tutorials and things like that. But then you’ve also got like the docs area where you go into explain, oh I don’t know, how you might use JavaScript or CSS or some sort of compiled CSS or PHP and so on and so forth.

    So again, no question there really, but it does feel, from my point of view, looking at this project that education is kind of the big piece. That’s the thing that you are most interested in. I don’t know if I’ve misrepresented this project, but that’s what it feels like.

    [00:39:58] Rob Ruiz: A hundred percent. And I think that’s inevitable when it comes to getting into this tinkerer mindset. There must be a way to learn how to tinker properly. It is also nice to add guardrails to said, because let’s be honest, there’s like a million different ways to do everything, but there’s very, very few correct ways to do everything.

    And so that’s another nice feature of WP Rig is that it has these sort of guardrails in place that allow you to check and make sure that you’re doing things properly. And if there’s anything that you’re doing improperly, you can obviously ignore those if you want to for whatever reason, or you can like dive into the weeds and say, okay, why is this improper?

    So for instance, WordPress, Automattic created a package. It’s essentially an extension for a tool called PHPCS, which stands for PHP Coding Standards. This tool is used by PHP widely beyond just WordPress. But then WordPress adopted it a while back and decided to use it and create their own extension for it called the WordPress Coding Standard. It’s WPCS.

    And so they’ve iterated on it over the years and WPCS is baked into WordPress, or into WP Rig rather. So if you want to make sure that your theme is following all of the WordPress coding standards for whatever reason, maybe it’s because you’re going to create a theme that you want to contribute to the wordpress.org theme repository, then that tool is baked into WP Rig for you, so that you can make sure that your theme meets all of the requirements for a properly developed theme before you even try to go and like submit it for a review or whatever.

    Because that’s one of the most frustrating things ever is somebody who wants to contribute. If you try to contribute and then you get pushed back on, that’s like not a great experience. And so what I try to do with WP Rig is bake in this layer that is kind of like a, test it yourself type situation. Where you can kind of like have the system sort of, kind of review the code for you, and then that way you can make sure you’ve done your due diligence before you even try to submit it for review. To prevent that unfortunate situation where your theme might get rejected for one reason or another, and now you got to go back and rework it and then back and forth, back and forth, back and forth.

    Having a tool like WP Rig that just tells you early on before you even try to submit it, hey, you should change this, you should change that. I think that’s extremely valuable for people. And again, I really want WP Rig to be something that encourages people to get more into contributing back into Core as opposed to. I mean, it can also be looked at as something like, okay, well you want to go develop your own thing and it’s for profit or whatever. It does very much facilitate that way of doing things too. But let’s be honest, anything that meets WordPress’s coding standards is probably going to make your theme, even if you’re putting it up for sale, it’s going to make it better.

    [00:42:53] Nathan Wrigley: Yeah, I love that you’ve built all of that in. That’s really interesting. So it does a lot of the heavy lifting, trying to make sure that you are adhering to the standards, which one would hope would be in a shippable, distributable product.

    Speaking of community, do you have a community which coalesce around this project? Is it basically just you? Or is there like a little team? And if not necessarily a team, is there a little community which gathers and sort of helps you put this project together? And a corollary to that question really is, do you anticipate in the future that you will like some contributors to help you maintain this as well?

    [00:43:27] Rob Ruiz: Yeah, for sure. So when I first started, when I first adopted this as my own, there was more of a team in place because Morten is a very well-known individual. And so he had a lot of followers and so a lot of those followers had followed WP Rig. As time has progressed, a lot of those people have kind of unfortunately gone their own way. For whatever reason, a lot of the people that were following him weren’t really like, they might have been into learning how to develop themes. They certainly were into WordPress. But working on a project like this is more than just knowing how to develop themes. You also have to know how the underlying tools work too.

    So that’s been my biggest challenge is learning, what is Lightning CSS? How do you use it? What is esbuild? How does that work? When I first took it over, it was ran on Gulp. What is Gulp? And what is that, and how do I modify it? And like that’s kind of far beyond WordPress, and so I think people became aware of that over time. And so while I rose up to the challenge, other people were just kind of moved on to other things.

    So it is largely me. We do have a handful of contributors that kind of, when they have time, you know, they’ll feel ambitious again and jump in and do some more contributions and they’ll fall back and do their own thing for a while. And so there’s a lot of that. It’s not a very active community, certainly not as active as it was when I first adopted it. However, we do have a Discord now. You can find a link to the Discord on the website. If you go to the Learn V3 link in the header, there’s links to our YouTube channel and the Discord server.

    So we are looking, I do want more of a community around WP Rig. And so I do encourage people to come on. Obviously we’ve been on GitHub this entire time, so if anybody wants to raise issues or submit a PR, there are guides on there. There’s a contributing.md file in there for anybody that wants to contribute, or wants to raise an issue. If you have ideas for how WP Rig could be better, that’s always been there. It’s just that, for one reason or another, it’s just not popular, which is a big reason why I’m on your show today actually is just to raise awareness about WP Rig now that I have had the opportunity to overhaul it dramatically over the past couple years.

    In my opinion, it was a little bit, it started to feel a little bit slow compared to most modern tools. If anybody’s familiar with like Vite, or just modern frontend development frameworks. In general, they use more modern tools that build things faster and better, and they’re leaner. And so WP Rig was falling behind a little bit in that regard. And so I did have to like overhaul the project a lot. That’s why we came out with the version three because it is a pretty substantial overhaul.

    And so now that we have version three and it is much better and there are all kinds of new features built into it as a result of it being faster, it’s now more capable. I want to raise awareness. A, I’ve already done the work, so it would be a shame for all that work to go unnoticed and unappreciated. But also, for anybody who was familiar with WP Rig from previous years, back in the version one, version two days, I think it’s important to make people aware that version three is substantially more capable than what it was prior.

    [00:46:38] Nathan Wrigley: That’s wonderful. I’m just going to round off the episode by mentioning the URL once more so that after that clarion call, if people have been inspired and they have listened to this and think, I’d like to explore that. You know, for the multitude of reasons that we’ve covered in this topic. The URL, it’s really easy. It’s WP Rig, wprig.io. Go there, there’s a whole bunch of ways to get involved. So there’s the Learn documentation, there’s the contribute tab and so on and so forth. You can peruse at your leisure.

    Rob, just before we end, is there a way that people could communicate with you more directly if they wanted to off the back of this? Is there a, like a, I don’t know, a social network or something that you frequent? Or a contact form that you’d like people to be mindful of?

    [00:47:22] Rob Ruiz: Yeah, sure. I mean, I am very responsive to people on LinkedIn, so if you want to find me on LinkedIn, I am on there, Rob Ruiz, just look me up. If it looks like it’s a Rob Ruiz that does WordPress stuff, it’s probably me. And then of course, I’m on the Discord server. So if you want to communicate directly with me, joining the Discord and then messaging me directly is a nice way to do that. I’d love to help people, hold their hand if needed, get up and running with WP Rig. If you have any questions about specifics, I’m happy to address them, or you just need a little guidance, I’d be happy to help there as well.

    [00:47:54] Nathan Wrigley: Well, thank you so much for chatting to me today, Rob. It’s been really interesting. So once more, just before we end to find out more. Rob Ruiz, thank you very much for chatting to me today.

    [00:48:04] Rob Ruiz: Thank you so much for your time, Nathan. I really appreciate it.

    On the podcast today we have Rob Ruiz.

    Rob has been involved in the WordPress ecosystem since around 2010. He began as a designer, but over the years WordPress has helped him transition into a developer, software engineer, and now an architect. Currently, he’s working full-time at an agency while still taking on projects independently.

    The main topic for today’s conversation centres around themes, a subject that hasn’t been covered in depth on the podcast for quite some time. You see, Rob is the current custodian of WP Rig, a free and open source toolkit for WordPress theme development. WP Rig offers a modern, minimal, and best-practice driven starting point for developers who want to build custom themes, providing tools like Composer and Node integration to streamline workflows, enforce coding standards, and enable the use of future-facing CSS features right now.

    We start the episode with Rob sharing what attracted him to WP Rig, and his journey from user to project maintainer. We talk about who WP Rig is for, from experienced developers to those just starting to dip their toes into theme building and code customisation.

    The discussion moves on to talking about what a theme development framework actually is, and why this approach might suit people wanting more control, and education, in their WordPress journey. Rob describes the learning curve, the workflow, and the satisfaction of creating your own theme from scratch, while highlighting tools and guardrails built into WP Rig that make professional standards and best practices accessible to all.

    We also get into how WP Rig fits into the changing WordPress ecosystem. With the advent of full site editing and block-based themes, Rob explains how WP Rig has evolved to stay relevant, supporting classic, hybrid, and block-based paradigms, even enabling block development at the theme level.

    Towards the end, we discuss the community behind WP Rig, how you can get involved, and the many educational resources available for those who want to learn theme development, or even become contributors themselves.

    If you’re interested in building custom WordPress themes, want to understand the nuts and bolts of theme frameworks, or are simply looking for a modern and educational starting point for WordPress tinkering, this episode is for you.

    Useful links

    WP Rig website

    Rob on LinkedIn

    WordPress.org theme repository

    PostCSS

    Get started with wp-env

    WordPress Studio

    WordPress Coding Standards

    Morten Rand-Hendriksen on the WP Tavern Jukebox podcast

    WP Rig’s Discord

    WP Rig’s YouTube channel

    Vite

    Go to source

  • Contentious Review Process Leads Ollie Theme to Remove Innovative Onboarding Features, Amid Stagnating Block Theme Adoption

    Mike McAlister, creator of the free Ollie theme, will be dropping the innovative onboarding features from the theme in favor of putting them into a separate plugin after facing pushback during the review for inclusion in WordPress.org’s Themes Directory.

    During what McAlister described as an “unnecessarily contentious” review process that turned unproductive and combative at certain points, and where he even became the target of subtweets from a dissenting reviewer, his team decided it was not the right time to move forward with getting the whole experience approved as originally planned.

    McAlister published his decision to WordPress’ Theme Review Slack channel:

    We’re going to forgo putting the onboarding feature into the Ollie theme for .org.

    While we appreciate the flexibility and open-mindedness to considering an exception for it, ultimately, it seems like it might not be the right time on the directory.

    Maybe in the future the directory has a more defined path for experiments like this, but right now it has a potential to be a burden to reviewers and other theme developers. Not to mention a very lively (and sometimes unnecessarily contentious) discussion that distracts from the excitement and positivity around block themes and Ollie. We don’t want that! That’s a lot of energy we could be using to bring something like this to core one day.

    Until then, we’re figuring out what the next steps are, but it looks like we’re going to continue with Ollie on the directory (sans onboarding) while we figure out how to deliver the onboarding experience via a plugin mechanism.

    McAlister’s decision comes as a surprise after he received the green light from WordPress project leader Matt Mullenweg, who encouraged Ollie’s approval as an experiment, and WordPress Executive Director Josepha Haden Chomphosy, who attempted to embolden McAlister towards giving the experiment a chance. He also found the support of several forward-thinking members of the Themes team and much of the wider community.

    “I would not be a good steward of our community of users if I didn’t suggest that getting the whole thing into the repo so it’s easy to find and use is the best experience for them,” Chomphosy said.

    “There’s some risk to adding it as-is to the repo. But the potential upside, I think, is pretty substantial.

    “If we’re not wanting to include it because we are worried that in the future we won’t have the skills to review more of them, then that’s not exactly the theme’s problem. That’s something where we should equip our reviewers for the future as best we can.”

    She also suggested another option where the theme moves forward without removing the onboarding while contributors work towards WordPress core creating a standard for providing better onboarding experiences.

    “We get the theme in (including the onboarding) and in parallel start a feature plugin process to move the onboarding to be Core-first,” Chomphosy said.

    “That’s bold, I realize. But also, I did tell the entire hosting community at Cloudfest that if they wanted to one thing to help WP succeed, it was ‘better onboarding’ and if they wanted to do two things, the second was ‘better time to launch.”

    Putting the onboarding solution into a plugin would reduce the long-term burden of maintenance and create a lower risk of failure from the theme, as Merlin WP themes onboarding wizard creator Rich Tabor contends, but nobody knows how long it will be before core can offer a standard solution. By then WordPress may have missed many opportunities to seamlessly onboard more block theme users.

    Chomphosy’s suggestion of going ahead with the experiment in the theme while simultaneously working on a core solution allows theme authors to use training wheels to keep the momentum of block theme adoption going until a better, more elegant solution is available in core.

    WordPress leadership’s public approval was critical in this instance after the unwelcoming experience McAlister had in trying to get his free theme approved for the directory. He cited other factors regarding negative perception that influenced his decision.

    “There is a lot of subtle and not so subtle pressure from some higher visibility folks that feel strongly that this shouldn’t be in a theme,” McAlister said. “And I don’t want those relationships to degrade as a result of how this might play out.”

    McAlister said he is still interested in bringing the onboarding experience to WordPress.org as a plugin, where it can be studied and experimented with, but isn’t sure how soon that can happen given the long delays in plugin reviews. The current queue has 1,247 plugins awaiting review, with wait time for an initial review at 103+ days.

    Evolving Theme Reviews: WordPress.org Must Stop Alienating Innovators While Block Theme Adoption Is Stagnating

    Although WordPress leadership was quick to respond in support of experimentation, recalcitrant plugin reviewers, clinging to antiquated rules written for Classic Themes, had already driven Ollie’s innovation away with their chilly, unfriendly reception.

    Mullenweg has historically communicated his support for experimenting with themes on multiple occasions, encouraging developers to do novel things with WordPress that may not fit within the guidelines. In 2015, he went so far as to say, “I am completely okay with having something in the directory that breaks every guideline, as long as it’s interesting.”

    A few months later in 2015, he recommended the review team “try to think of it as a more general opening up to interesting things that might not fit the guidelines but are novel and warrant inclusion in our directory.”

    At that time, Mullenweg encouraged the team to step back and examine the submission process and the directory in a new way that would encourage creativity among theme authors with fewer guidelines and restrictions.

    A fundamental culture change is necessary for this team and long overdue. It should be a matter of urgency at this point, given the tone of reviewers in Ollie’s trac ticket. Theme reviews should bend more towards enabling innovators instead of preserving familiar processes. The response to theme authors trying new things should be friendly and helpful, especially when those new things stand to greatly benefit users. The process should not be burdensome to creators who are trying to offer their work for free.

    “As I mentioned earlier in the thread, another important note is that our vision for the onboarding — some of the features that people loved about it — were removed during this long review process,” McAlister said. “So even if it went live today, it doesn’t quite reach its maximum potential as is. And if we started adding some of those features back, I feel we’d be mired in more back and forth.”

    This situation should be a wake up call for the review team, as WordPress’ best product creators are watching to see how this plays out when considering where to distribute their best work.

    A recent spreadsheet created by Munich-based digital agency owner Hendrik Luehrsen tracks the usage of themes with the FSE tag. It shows that WordPress block theme adoption is stagnating, if not in full decline. In September 2023, the total number of active installs for block themes declined for the first time since Luehrsen started tracking. The average installs by theme are also slowly and steadily declining. This could be related to the growth of the number of FSE themes available, as active installs would presumably be spread across more themes, but the number of FSE themes is growing at a glacial pace.

    “I would say it’s too early to assume definitive decline,” Luehrsen said. “But we’re most certainly not growing the FSE usage.”

    “Having run a number of block theme training courses, I’m not at all surprised,” Pootlepress founder Jamie Marsland said. “Until Block Themes get easier to use for beginners, my guess is the numbers won’t change significantly. The dev team should try running a training course and see for themselves.”

    Marsland recently interviewed McAlister, discussing some of the reasons for the slow uptake in block themes. Their adoption is hindered by a lack of effective marketing for their innovative features as well as the complexities involved in creating a block theme that fully supports everything a user can imagine doing with the block editor.  McAlister highlighted the necessity to create more user-friendly experiences and the importance of onboarding and better education for those using and making block themes.

    “I’m not kidding when I’m saying it’s in all our interests to start making sure this becomes better soon,” Joost de Valk said in response to the latest figures from the spreadsheet tracking FSE usage. “WP stands to lose market share if we don’t get better soon.”

    With block themes struggling to gain adoption, WordPress should be doing everything it can to enable any block theme that improves the user experience, especially in the absence of a core solution for onboarding. It’s important to remember that when major versions of WordPress are released, the only people who can take advantage of the latest and greatest editor features are those whose sites are using a block theme. After three years, WordPress.org block theme installs only account for 1.7 million sites out of an estimated 810 million.

    “As someone who has been trying to get block themes to be adopted by a wider audience from early, I feel onboarding/switching to block themes is a big hurdle for users still,” ElmaStudio co-creator Ellen Baer said in the conversation in the Theme Review Slack channel.

    “I personally would love to see a core solution, a standarized way that all block theme users can get familiar with. I feel unfortunately while building the site editor experience this point has been missing and block theme authors are seeing the user struggling to get started.

    “I feel a bit sad that a positive innovation that helps block themes and the site editor to gain more momentum (which is what we really need) is dragged into a discussion that seemed at least from the outside not to be a productive or positive one at times.”

    McAlister’s attempt to improve WordPress.org theme users’ onboarding experience was unsuccessful but he inadvertently highlighted some areas where the culture and process around theme reviews has stagnated and become counterproductive. This failure shed light on the need for a more dynamic, user-centric approach, as well as a reassessment of the current guidelines by which the team appears to be bizarrely and inextricably bound despite years of encouragement to experiment.

    “There is a deep, deep desire for evolution of the theme directory,” McAlister said. “I think we’ve always known this, but after wading through weeks of commentary, it’s clear to me that we’ve neglected it far too long. The theme pages should be at least as good as the plugin pages, the theme demos aren’t selling the value of themes, etc.

    “The hardline approach and the echos of longstanding esoteric debates need relaxing. Users largely don’t care about the theme vs plugin debate, they want to design and publish faster. That’s not to say we throw these things out, but we have to ask if they’re serving WordPress users in the ways we think they are.”

    Go to source

  • How to Display Different Sidebar for Each Post and Page in WordPress

    Do you want to display different sidebars for certain posts and pages on your WordPress site?

    A lot of the time, you will want to show the same sidebar across your entire website or blog. However, sometimes you may need to show different sidebar content on some of your posts and pages.

    In this article, we will show you how to create and display different sidebars for each post and page in WordPress.

    How to Display Different Sidebar for Each Post and Page in WordPress

    When Would You Need Different Sidebars in WordPress?

    Many WordPress themes have a sidebar where you can add useful widgets and content. For example, many sites add a search bar to the sidebar or show a list of recent posts.

    If your WordPress theme has a sidebar, then by default, it will look the same on all your posts, pages, categories, and archive pages.

    However, you may want to display different sidebar widgets on certain posts and pages.

    For example, you might show different content in the sidebar of your most popular posts or display ads that are more relevant to a particular page.

    You could even use different contact forms depending on the page’s content.

    Having said that, let’s see how to create and display a different sidebar for each post and page in WordPress. Simply use the quick links below to jump straight to the method you want to use:

    Method 1: Displaying Different Sidebars for Each Post and Page in WordPress (Easy)

    If your theme supports sidebar widgets, then you can easily create multiple sidebars using Lightweight Sidebar Manager. This plugin lets you build as many custom sidebars as you want and then assign them to different posts and pages. You can also add them to custom post types or assign a sidebar to all the pages or posts that have a specific category.

    The first thing you need to do is install and activate the Lightweight Sidebar Manager plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you need to go to Appearance » Sidebars. To create the first sidebar, click on the ‘Add New’ button.

    Adding custom sidebars to your WordPress website

    You can now type in a title for the sidebar. This is just for your reference, so you can use anything you want.

    With that done, open the ‘Sidebar To Replace’ dropdown menu and choose the location where you want to show the sidebar. The options you see may vary depending on your WordPress theme

    Replacing the built-in sidebar provided by your WordPress theme

    Now, you can control where the sidebar appears by creating inclusion or exclusion rules. 

    To create an inclusion rule, just open the ‘Display On’ dropdown and choose the pages, posts, custom post types, or categories where you want to use the sidebar. 

    For example, you might add the sidebar to a specific page, such as your 404 error page or the author archive.

    Adding a custom sidebar to the WordPress 404 page

    Another option is using the sidebar for a particular page, post, or category by selecting ‘Specific Pages/Posts/Taxonomies.’

    This adds a box where you can type in the page, post, or category.

    Creating a custom sidebar for WordPress categories

    To create more inclusion rules, simply click on the ‘Add Display’ Rule button.

    This adds a section where you can create the new inclusion rule.

    Adding display rules for custom sidebars in WordPress

    If you prefer, then you can create exclusion rules instead. For example, you may want to show the sidebar on every page except the homepage. 

    You can also combine inclusion and exclusion rules to control exactly where the sidebar appears on your WordPress website.

    To create an exclusion rule, just click on the ‘Add Exclusion Rule’ button.

    Displaying different sidebars for pages and posts in WordPress

    In the new ‘Do Not Display On’ section, open the dropdown menu and select the page or post that shouldn’t use this sidebar. 

    You can also exclude the sidebar from pages that have a specific category by following the same process described above.

    Displaying different sidebar for each page and post in WordPress

    After deciding where the sidebar will appear on your WordPress blog, you may want to show different content to different users.

    For example, if you have a membership site, then you might use a different sidebar for visitors compared to logged-in members. 

    To do this, open the ‘User’ dropdown and choose a role from the dropdown menu. Now, only people with this specific user role will see the sidebar. 

    Displaying different sidebar widgets on each WordPress page or post

    Finally, you may want to type in an optional description. This will only appear in the WordPress dashboard, so it’s a good way to share information with other admins or users on a multi-author WordPress blog

    If you are going to create lots of sidebars, then you can also use this field to leave yourself notes and helpful reminders.

    Adding a helpful description to a custom sidebar in WordPress

    When you are happy with the information you have entered, simply click on ‘Publish.’

    With that done, go to Appearance » Widgets. You will now see all the widget-ready areas that your theme supports by default, plus the new sidebar you created in the previous step.

    Adding content to a sidebar or similar widget-ready area

    You can now go ahead and add widgets to the sidebar, just like any other widget-ready area. 

    For step-by-step instructions, please see our guide on how to add and use widgets

    Adding content to a custom WordPress sidebar

    When you are happy with how the sidebar is set up, click on ‘Update.’

    Now, if you visit your WordPress blog, you will see the new sidebar live.

    An example of a custom WordPress sidebar, created using a plugin

    To create more custom sidebars, simply keep repeating these steps. 

    Method 2: Creating a Different Sidebar With a Page Builder Plugin (Works With Any WordPress Theme)

    If your theme doesn’t support sidebars, then you can still create different sidebars using a drag and drop page builder plugin.

    SeedProd is the best landing page builder plugin for WordPress. With this plugin, you can create any type of custom page without writing any code. It also has dozens of professional site kits and templates that you can easily edit and fine-tune using the drag-and-drop builder.

    When designing a custom page, you can choose a layout that has a sidebar.

    Choose a Layout with a Sidebar

    You then simply find the blocks you want to show in that sidebar and add them using drag and drop.

    SeedProd has all the blocks and features you’d expect from a powerful page builder, such as optin forms, social profiles, countdown timers, contact forms, buttons, various content blocks, and more. This makes it easy to create powerful and unique sidebars for your WordPress blog.

    Drag the Blocks You Wish to Use Right onto the Sidebar

    To learn how to use the SeedProd page builder plugin on your website, you can see our guide on how to create a custom page in WordPress.

    We hope this article helped you learn how to add different sidebars to each post or page in WordPress. You may also want to learn how to create a custom Instagram feed in WordPress or see our expert picks for the best block themes for full site editing.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post How to Display Different Sidebar for Each Post and Page in WordPress first appeared on WPBeginner.

    Go to source

  • Ollie Theme Faces Pushback from WordPress Theme Review Team

    Mike McAlister, creator of the free Ollie theme, has been working towards getting his theme approved for hosting on WordPress.org. Ollie went into public beta in April 2023 and gained momentum over the next few months when McAlister previewed the theme’s new onboarding wizard.

    WordPress users have been slow to adopt the block editor and block themes by extension. In 2022, only 54% of respondents to WordPress’ annual survey have used the block editor, four years after it was introduced. Block themes have trickled into the official directory, far behind the lofty goals set for their expansion. The sluggish movement towards block-based sites has led some to speculate on whether there will ever be a market for commercial block themes.

    Ollie was designed to make onboarding to a block theme easier and the Site Editor more approachable, so that users don’t have to start from a blank canvas. The theme’s demo boasts “a 40-hr head start” on setting up a new WordPress website, thanks in part to dozens of patterns for fast page building. Ollie’s built-in onboarding experience aims to drastically reduce the amount of time users spend getting started.

    After receiving significant pushback from the Theme Review team during Ollie’s three weeks in the queue, McAlister has put up a poll requesting feedback on how he should proceed.

    Although provisionally approved by veteran theme reviewer Justin Tadlock, who said the onboarding functionality should be allowed until WordPress core offers a standard solution, Ollie was met with heavy criticism from other members of the team.

    “The setup wizard is plugin territory,” UXL Themes founder and theme reviewer Andrew Starr said. “Why not make this as a plugin that would work with any block theme? A plugin could be inspiration or a nudge to improve the core experience.”

    McAlister responded to this question in the Trac ticket for the review and in posts on X. He maintains that a plugin is a “far worse experience for the end user” and for his team as the maintainers of the product. Also, since the plugin review queue has 1,249 plugins awaiting review with developers waiting an average of 98 days for an initial review, a plugin for Ollie’s onboarding experience would likely not be live until next year.

    “As a compromise and show of good faith, I’ve chopped down the onboarding wizard to a fraction of what it was,” he said. “No dice. Still, it continues to be a highly contentious issue that is causing folks to publicly question my intentions and integrity. Disheartening to say the least.”

    Automattic-sponsored contributor Justin Tadlock, who helped author the guidelines in question many years ago and who has historically been widely esteemed for his impeccable judgment in regards to the grey areas of content creation in themes and the necessity of preserving data portability, weighed in on the ticket after performing the initial review:

    As someone who co-wrote the original guideline for settings to use the customizer, I can say with 100% certainty that we never meant that to be a hard line drawn in the sand. The team reps can and have always had the capability to mark a theme as a “special case” (there’s even a tag for this in the backend, or there was when I was a rep). And there are themes where we felt like the functionality was unique enough to give it a bit of wiggle room. That was a position that we took when we wrote the “settings must be in the customizer” guideline. While I’m no longer one of the team reps, I feel like this settings page feature is unique enough to mark as a “special case.”

    With block themes, some things must be reevaluated because the customizer is not available by default and is not an expected part of the block theme experience. In fact, this guideline is very specific to classic themes. Nothing has been written yet for block themes. Whether that’s a good thing, I don’t know. This could be a good moment for experimentation.

    I disagree that the settings page should be packaged as a companion plugin. That defeats the purpose of its inclusion in the theme, and it would create an additional hurdle for the users who would benefit the most from this feature.

    Yoast-sponsored contributor Carolina Nymark contends that allowing this onboarding experience will set a precedent that erodes the standard the team is trying to uphold for the ecosystem of themes hosted on WordPress.org and gives Ollie an unfair commercial advantage:

    “That settings pages are not allowed is in many ways unrelated to the customizer. And if we really want to angle it that way, it would be way easier to re-enable the customizer link in the theme.

    It is about having a standard that is easy for all theme authors to use and easy to review.
    It is about not opening up the reviews to another situation with incredibly difficult and time consuming reviews of code that the theme developers themselves don’t understand because they copy-pasted it and managed to cause all sorts of errors and security issues.
    Where that feature “lives”, in the customizer or on another page, is not the issue.

    I would like everyone to also consider that the Site Editor is not at all far away from solving the problem with the initial template selection. It does not solve all onboarding steps, like getting to the Site Editor, but it is improving.

    Compare it with the use of TGMPA. There is a problem that needs solving and a solution has been agreed upon where the theme author and reviewers only need to adjust a few variables and text strings.

    If something similar could be reached here I would support it.

    This is not about a special case, because it is an unfair commercial advantage over other theme developers.

    Ollie is a beautifully-designed multipurpose theme of the highest caliber, the likes of which WordPress.org doesn’t see very often. If expanding block theme adoption is an important goal, these are the kinds of experiences you want people building for WordPress users. It may be time to redefine theme guidelines based on the possibilities that the block editor enables, instead of saddling block themes with antiquated constraints for the sake of maintaining a more expedient review process.

    “Just because there are problems with onboarding it doesn’t mean that a theme, any theme, is the right tool just because one can put code in it,” Nymark said. “Plugins extend features, themes display content.”

    Given the amount of pushback from the Theme Review team, McAlister is now torn about removing everything “extra” to get Ollie in the directory for better distribution, or to keep the innovations in place and forego the directory in favor of independent distribution. So far, the results of his poll are overwhelmingly in favor of McAlister distributing the theme himself.

    “I’m passionate about innovation and getting the most out of all the possibilities that modern WordPress affords us,” McAlister told the Tavern. “We were tasked to ‘Learn JavaScript Deeply’ not to remain where we’ve been for so long, but to push the boundaries and scope out the future of WordPress and what’s possible.

    “So we designed and developed Ollie’s educational dashboard and onboarding wizard to help users get over some of the hurdles they’ve been plagued with for so long when setting up a new site or switching to a new theme. We even designed it in a very core-inspired way to match the site editor to create a very cohesive experience. The feedback has been inspiring!”

    After posting about his experience with the Theme Review team, which McAlister characterized as “rocky (and downright combative),” the community following his work on Ollie over the past year has rallied around him with advice and support.

    “I am torn about this,” Joost de Valk commented on McAlister’s poll on X. “I feel WordPress needs these onboarding experiences. Very very much. Should it be in themes? Not sure. Should the theme repository block this stuff? I don’t think so… we should be open to experimenting with this a bit more.”

    McAlister said that even as the theme’s creator, he is torn about the decision as well.

    “I built this as a good faith attempt to help people onboard into block themes and hopefully even help drive adoption,” he said. “My intentions are pure and steeped in 15 years of doing it ‘the WP way.’ It’s an attempt to move the needle, worth a shot anyway.”

    “I always felt that onboarding like this should be part of Core,” Yoast-sponsored contributor Ari Stathopoulos commented. “The current experience for a newcomer to WP is not a good one. We have to start somewhere… if it’s in themes, then so be it.”

    WordPress’ Theme Review team has a critical choice here, whether to stifle innovation and throw the book at one of the most highly anticipated block themes, or identify this as a special case where the author has the users’ best interests at heart.

    Many participants in the discussion on X encouraged McAlister to distribute his work independently, citing examples of other WordPress products that have found success in doing so. This would be an unfortunate loss for WordPress.org where the project is essentially shooting itself in the foot by clinging to outmoded guidelines in order to deny high quality block themes that are innovating to create a better user experience. In pursuit of a more robust offering of block themes, the last thing WordPress needs to do is chase away its trailblazers.

    “Since this morning, there has been an overwhelming amount of feedback telling me to avoid the WordPress.org directory,” McAlister said. “I’m kind of bummed by this because I think it says something about the directory that a lot of folks think but few want to say out loud.

    “Personally, I want the directory to succeed and be an inspiring and resourceful jump-off point for new WordPress users! It’s the front page of our open source project, of our community. It should be a showcase of the finest our community has to offer. But today, I’m disheartened and not sure if it’s the place where I want to put some of my best work to date.”

    Go to source

  • The 20 Best WordPress Newspaper Themes for News Websites

    Are you looking for a newspaper theme for your website? With numerous newspaper WordPress themes on the market, choosing the right one for your needs can be challenging. To help you choose, we’ve compiled the top 20 best WordPress themes for news sites. We’ve based our selection on ratings, features, and support. Some newspaper themes […]

    Read More…

    The post The 20 Best WordPress Newspaper Themes for News Websites appeared first on Hostinger Tutorials.

    Go to source

  • How to Update WordPress Theme In 4 Steps and Keep the Theme’s Customization

    Updating your theme regularly keeps your WordPress website fast and secure. Plus, it gives you access to useful new features and security patches. However, some users may be unsure how to update a WordPress theme, especially once it’s been modified with custom code snippets. Fortunately, it’s relatively straightforward to update your theme in WordPress. You’ll […]

    Read More…

    The post How to Update WordPress Theme In 4 Steps and Keep the Theme’s Customization appeared first on Hostinger Tutorials.

    Go to source

  • How to Display Any Number of Posts in a WordPress Loop

    Do you want to show multiple blog posts in a WordPress loop?

    Using the loop, WordPress processes each of the posts to be displayed on the current page. It formats them according to how they match specified criteria within the loop tags.

    In this article, we will show how to display any number of posts in a WordPress loop.

    How to display any number of posts in a WordPress loop

    What Is the WordPress Loop?

    The loop is used by WordPress to display each of your posts. It is PHP code that’s used in a WordPress theme to show a list of posts on a web page. It is an important part of WordPress code and is at the core of most queries.

    In a WordPress loop, there are different functions that run to display posts. However, developers can customize how each post is shown in the loop by changing the template tags.

    For example, the base tags in a loop will show the title, date, and content of the post in a loop. You can add custom tags and display additional information like the category, excerpt, custom fields, author name, and more.

    The WordPress loop also lets you control the number of blog posts that you show on each page. This can be helpful when designing an author’s template, as you can control the number of posts displayed in each loop.

    That being said, let’s see how to add any number of posts to a WordPress loop.

    Adding Any Number of Posts in a WordPress Loop

    Normally, you can set the number of posts to be displayed in the loop from your WordPress admin panel.

    Simply head to Settings » Reading from the WordPress dashboard. By default, WordPress will show 10 posts.

    Reading settings WordPress

    However, you can override that number by using a Super Loop, which will allow you to display any number of posts in that specific WordPress loop.

    This will allow you to customize the display settings of your pages, including author profiles, sidebars, and more.

    First, you will need to open a template file where you would like to place the posts and then simply add this loop:

    <?php
    // if everything is in place and ready, let's start the loop
    if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    
    	// to display 'n' number of posts, we need to execute the loop 'n' number of times
    	// so we define a numerical variable called '$count' and set its value to zero
    	// with each iteration of the loop, the value of '$count' will increase by one
    	// after the value of '$count' reaches the specified number, the loop will stop
    	// *USER: change the 'n' to the number of posts that you would like to display
    
    	<?php static $count = 0;
    	if ( $count == "n" ) {
    		break;
    	} else { ?>
    
    		// for CSS styling and layout purposes, we wrap the post content in a div
    		// we then display the entire post content via the 'the_content()' function
    		// *USER: change to '<?php the_excerpt(); ?>' to display post excerpts instead
    
    		<div class="post">
    			<?php the_title(); ?>
    			<?php the_content(); ?>
    		</div>
    
    		// here, we continue with the limiting of the number of displayed posts
    		// each iteration of the loop increases the value of '$count' by one
    		// the final two lines complete the loop and close the if statement
    
    		<?php $count ++;
    	} ?>
    <?php endwhile; ?>
    <?php endif; ?>
    

    Note: You will need to replace the value of ‘n‘ in the if ( $count == "n" ) part of the code and choose any number.

    An easy way to add this code to your WordPress website is by using the WPCode plugin. It is the best code snippet plugin for WordPress that helps you manage custom code.

    By using WPCode, you don’t have manually edit theme template files and risk breaking something. The plugin will automatically insert the code for you.

    First, you need to install and activate the free WPCode plugin. For more details, please see our guide on how to install a WordPress plugin.

    Upon activation, you can head to Code Snippets » + Add Snippet from your WordPress dashboard. Next, you need to select the ‘Add Your Custom Code (New Snippet)’ option.

    Add new snippet

    After that, simply paste the custom code for the WordPress loop that we showed you above into the ‘Code Preview’ area.

    You will also need to enter a name for your code and set the ‘Code Type’ to ‘PHP Snippet’.

    Add custom loop code to WPCode

    Next, you can scroll down to the ‘Insertion’ section and choose where you would like to run the code.

    By default, WPCode will run it everywhere on your WordPress website. However, you can change the location to a specific page or use a shortcode to insert the code.

    Edit insertion method for code

    For this tutorial, we will use the default ‘Auto Insert’ method.

    When you are done, don’t forget to click the toggle at the top to make the code ‘Active’ and then click the ‘Save’ button. WPCode will now deploy the code on your WordPress blog and display the specified number of posts in the WordPress loop.

    We hope this article helped you learn how to display any number of posts in a WordPress loop. You may also want to see our guide on how to exclude sticky posts from the loop in WordPress and our expert picks for the must-have WordPress plugins for business websites.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post How to Display Any Number of Posts in a WordPress Loop first appeared on WPBeginner.

    Go to source

  • 14 Simple WordPress Theme Options for 2023

    Your choice of WordPress theme plays a significant role in how your website looks and functions. Many multipurpose WordPress themes offer a bit of everything, which can make them over-complicated and challenging to customize. For most projects, a simple WordPress theme is the better choice. There are thousands of premium and free themes available that […]

    Read More…

    The post 14 Simple WordPress Theme Options for 2023 appeared first on Hostinger Tutorials.

    Go to source