Welcome to ManageWP.org

Register to share, discuss and vote for the best WordPress stories every day, find new ideas and inspiration for your business and network with other members of the WordPress community. Join the #1 WordPress news community!

×

10 min read WebDevStudios

Building the Next.js 9.4 WordPress Example

Learn how WebDevStudios Director of Engineering, Greg Rickaby, got involved with building the NextJS 9.4 WordPress Example.

Building the Next.js 9.4 WordPress Example

A bit of history Before I go into how I got involved with building the NextJS 9.4 WordPress Example, let me give you some background. In the spring of 2019, I was nose-deep in Gatsby. It was all I could think about. I loved how working with JavaScript and React made me feel, it was like I was transported back to 2007-2009, when I was first building themes for WordPress; the possibilities seemed endless.
I was having so much fun, I had become a regular contributor to the Gatsby project on Github, was invited by Jason Lengstorf to be a guest on his show, and converted my personal blog to Gatsby. To help prepare the engineering team for this new initiative, I presented a talk on Gatsby at our annual company retreat and invited Jason Bahl, the maintainer of WP GraphQL, to do a Lunch & Learn for our team. Our engineers got busy building a Gatsby + WordPress starter.
In the meantime, our Business Development team started pitching Gatsby during on-site meetings with clients who were interested in keeping their content workflows in WordPress, but wanted to move their frontend to the Jamstack. I felt like WebDevStudios (WDS) was positioned and ready to start rolling out headless WordPress

7 min read WebDevStudios
Development | webdevstudios.com | 17 days ago

Spice Up Your WordPress Site with These Built-In Gutenberg Content Block Recipes

The goal of this blog post, by WebDevStudios Frontend Engineer, Marty O'Connor, is to dive into Gutenberg content blocks and document some useful examples for all skill levels.

Spice Up Your WordPress Site with These Built-In Gutenberg Content Block Recipes

Development | webdevstudios.com | 17 days ago

Goal The goal of this blog post is to dive into the existing Gutenberg content blocks and document some useful examples for all skill levels. Let’s see what’s possible by simply configuring existing blocks to make clean, quick, functional layouts and spicing up your WordPress site with Gutenberg content block recipes. No code required.
Who benefits from Gutenberg Content Block Recipes?
Chances are, if you’re a WordPress developer, you’ve experimented with Gutenberg content blocks to some degree. However, if you’re like me, you’ve spent a good amount of time rolling your own custom blocks via JavaScript or ACF’s Gutenberg block-building features.
Anyone with a basic understanding of WordPress can build the following examples now. I hope that everyone from non-coders to engineers will appreciate how easy it is to build clean, simple layouts with these exciting features. Seasoned developers may come to realize that they can save time by opting for a solution that’s already baked in, or at least glean some inspiration for making your own custom block that functions in a similar fashion.
The Details
I’m using the Twenty Twenty theme for

5 min read WebDevStudios
Development | webdevstudios.com | 29 days ago

Cache Busting Scripts and Styles

The cache busting query string is useful for instructing a browser to use a “new” version of an asset when that asset has been modified. Here, WDS Lead Engineer, Richard Aber, walks us through cache busting scripts and styles.

Cache Busting Scripts and Styles

Development | webdevstudios.com | 29 days ago

All browsers implement a private, client-side browser cache. When a browser visits a page, it downloads the scripts and stylesheets (amongst other assets) into its cache. This caching is beneficial to performance, reducing network traffic and page load times. Other pages on a site may implement the same assets. So, it is faster to reuse those assets from cache than it is to download them again on subsequent page loads. However, this same caching mechanism can also be a hindrance, under certain circumstances. If, for example, you make changes to your custom WordPress theme’s scripts and stylesheets, browsers may not see those changes, if they have already cached those assets during a previous visit. One tried and true method for dealing with this is the cache busting query string. This has been a useful approach for instructing a browser to use a “new” version of an asset when that asset has been modified. When a script or stylesheet’s source URL changes with a cache busting query string, the browser sees it as a new and unique URL. So customstyle.css?ver=1.0.1 is considered distinct from customstyle.css?ver=1.0.0. If the browser had already cached ?ver=1.0.0,

3 min read WebDevStudios
Development | webdevstudios.com | Apr. 30, 2020

Gutenberg Filters: registerBlockStyle

Take a look at this blog post about utilizing registerBlockStyle to customize a Gutenberg block, written by WDS Frontend Engineer, Mike England.

Gutenberg Filters: registerBlockStyle

Development | webdevstudios.com | Apr. 30, 2020

One of my favorite ways to customize a Gutenberg block is by utilizing registerBlockStyle. It’s a simple Gutenberg filter that can improve styling in the editor or frontend by adding a class name when the Block Style is selected. Not only is this feature quick to set up, it’s a user-friendly way interface for customizing a block. Understanding Register Block Style Function
Before going too far, let’s take a look at how we can register a block style by checking out the parameters in the source code.
dispatch( 'core/blocks' ).addBlockStyles( blockName, styleVariation );
blockName: Name of block (example: “core/quote”).
styleVariation: An object containing a name and label property.
Name Property: The name value for the object being passed in is a unique lowercase hyphenated string. This is the string that will be rendered in the block class name attribute. WordPress will render this by default as “is-style-” followed by the provided value.
Label Property: The label value is a string that will display underneath the block style in the editor.
Creating a Register Block Style Filter
Here, we’re registering a filter that will add a block style

7 min read WebDevStudios
Development | webdevstudios.com | Feb. 20, 2020

How to Build Design Systems for WordPress

If you don't know what a design system is or how it can benefit your website, now's your chance to find out.

How to Build Design Systems for WordPress

Development | webdevstudios.com | Feb. 20, 2020

What is a design system? If you’ve never heard of a design system before, you’re not alone. For those of us not dabbling in graphic design or pursuing it as a career, you can think of it essentially as a design template for websites. A design system sets out the building blocks that a graphic designer will use to build websites with. In this article, we’ll cover the basics of a design system and touch on design systems specifically for WordPress.
A design system might be very generic blocks—i.e., wireframes, a group of font styles, some button styles, logo usage, the header and footer design, etc. Or, it may be very specific, such as the entire brand and style guidelines for a company from top to bottom.
History
As web development has matured, it became apparent that while print designers had Illustrator and InDesign, there really wasn’t a comparable tool with which to lay out a website, visually. Many designers used Photoshop, but that was very much like using a sledgehammer to hang a picture. Sure, it would probably work, but you’d most likely end up with a very large hole.
Then along came Sketch in late 2010. Sketch, a software built solely for

5 min read JS Morisset
Development | surniaulula.com | 21 day ago

A Better ‘pre_get_posts’ Search for WooCommerce

There are serious drawbacks to using 'pre_get_posts' for WooCommerce product searches. Here is an elegant solution to unite the WordPress and WooCommerce search queries.

A Better ‘pre_get_posts’ Search for WooCommerce

Development | surniaulula.com | 21 day ago

I recently wrote a plugin to provide missing GTIN, GTIN-8, GTIN-12 (UPC), GTIN-13 (EAN), GTIN-14, ISBN, MPN, Depth, and Volume values for WooCommerce Products and Variations. As a part of that plugin, I extended the WordPress search feature to include metadata from WooCommerce products (and their variations). The standard way to extend the WordPress search feature is to hook the “pre_get_posts” action and modify the WP_Query to include additional posts / products in search results. There are some serious drawbacks to doing this – with or without WooCommerce – but especially with WooCommerce. After modifying the WP_Query in “pre_get_posts” you must unset the “s” (aka search string) query element, otherwise WordPress will continue its standard search function and include an “AND” SQL query for search strings in post titles, excerpts and content – which will almost certainly exclude the additional posts you added to the WP_Query.
<?php
add_action( 'pre_get_posts', 'extend_search' );
function extend_search( $wp_query ) {
if ( ! $wp_query->is_main_query() ) {
return;
}
if ( ! empty( $wp_query->is_search ) ) {
/**

5 min read WebDevStudios
Development | webdevstudios.com | Mar. 17, 2020

Continuing Your WordPress Education from Home

Don't let the necessary cancellations of WordCamps and WordPress Meetups bring your WordPress education to a grinding halt. You can continue to expand your WordPress education while staying home. Here's how WebDevStudios does it.

Continuing Your WordPress Education from Home

Development | webdevstudios.com | Mar. 17, 2020

Out of respect to the current health crisis, WordCamps across the globe are being canceled or postponed. However, your passion to continue your WordPress education doesn’t have to come to a grinding halt. There are still ways to beef up your knowledge while isolated at home. From day one, WebDevStudios (WDS) has operated successfully as a 100% distributed company. We know WordPress, and we know remote work. That also means we know where to find the best resources for an online WordPress education. Of course, WDS has always supported and been a part of WordCamps and WordPress Meetups, but when we can’t attend either, here are some ways we attain our WordPress education.
WordPress.tv
WordPress.tv is the go-to spot to watch WordCamp talks from all over the world! It’s a pretty amazing website with a vast amount of WordPress education on topics such as The History of WordPress, How to Troubleshoot Your WordPress Site, and Building Web Applications on WordPress.
YouTube
Not all WordCamp talks are submitted to WordPress.tv. You can always find more on YouTube.
With the cancelation of @WordCampLanc, I went back and found the previously unreleased recording of my WordCamp

5 min read WebDevStudios
Development | webdevstudios.com | Jan. 28, 2020

Diagnosing a Slow WordPress Site

If your WordPress website is slow or sluggish, not only could that hurt your Google search ranking, it could also turn off your visitors and make them abandon your website. Use these tips to speed up your site.

Diagnosing a Slow WordPress Site

Development | webdevstudios.com | Jan. 28, 2020

Sluggish Website So, your WordPress website is running slow? Back in 2014, the average user would wait up to five seconds for a website to load before abandoning your website. Just a few short years later, that number is now under three seconds. Failure to provide a fast experience for your customers will make a dramatic impact on your site’s listing on Google searches, as well as turn off your visitors. So what do you do? Start by learning the importance of diagnosing a slow WordPress site.
Website Speed Test
First off, to know how slow your website truly is loading, it’s best to get a baseline from multiple locations across the globe. A fantastic tool to test with is Pingdom Website Speed Test. Using a third-party service helps rule out personal hardware or local internet issues you might have, which will help you diagnose your slow WordPress site by pinpointing problems.
Depending on your target audience’s locality, it is best to run the Pingdom speed test from multiple testing locations relative to your target audience. Once it’s been determined that your site’s load speeds aren’t just localized to you, there are a few easy steps you can make

5 min read WebDevStudios
Development | wds.af | Apr. 9, 2020

StorybookJS and Why You Should Use It

What is StorybookJS? Why is it useful? Why should you be using it? WDS Frontend Engineer, Alfred Navas, has the answers!

wds.af |

StorybookJS and Why You Should Use It

Development | wds.af | Apr. 9, 2020

What is Storybook? Storybook is a user interface (UI) development environment and playground for UI components. The tool enables developers to create components independently and showcase components interactively in an isolated development environment.
Storybook supports many different frontend view layers. React, Vue, Angular, Mithril, Marko, HTML, Svelte, Meteor, Ember, Riot and Preact are currently supported.
Why Is It Useful?
As developers, our goal is usually to build software incrementally, with the goal of new features being written in a modular manner. To ensure that our code operates correctly, we usually capture its behavior in a set of unit tests. These tests exercise our code in an isolated way. However, when we later go to manually test our components, it’s typically done within the context of the full website.
Storybook allows you to see and interact with your components in an isolated way, similar to how unit tests scope the testing of your component code.
The most important aspect of it is that Storybook gives us a great way to visually test our application during construction. The ‘stories’ will help ensure we don’t break our task visually, as

18 min read Brandon Ernst
Development | freemius.com | Mar. 25, 2020

ThemeForest vs. WordPress.org Theme Review Process

Rejection from the Theme Review Process doesn’t feel good nor does it help your business! Make sure your theme gets approved with this side-by-side comparison of the processes on ThemeForest and WordPress.org.

ThemeForest vs. WordPress.org Theme Review Process

Development | freemius.com | Mar. 25, 2020

Submitting your WordPress theme for review can be a tedious process. I’ve personally spoken with many theme developers who have been rejected from both ThemeForest and WordPress.org for reasons they did not expect, requiring them to spend 2X or 3X the amount of time developing and releasing their product. These rejections have led me to wonder: What exactly are the different review processes like? How do they impact theme businesses in terms of development and marketing? To get the answers to these questions, we should understand why themes get reviewed in the first place.
Avoiding Rejection
Why are WordPress Themes Reviewed?
There’s a pretty simple reason that ThemeForest and WordPress.org both review themes, and that’s to ensure quality. Quality applies at many different levels – coding structure, security, user experience, bugs, compatibility issues, design, and much more.
This is what Envato says about their WordPress Theme Requirements on ThemeForest:
“These requirements are designed to maintain a minimum standard of quality in WordPress themes distributed via Envato. Some exceptions may be allowed at the reviewer’s discretion.”
Envato’s

7 min read WebDevStudios
Development | webdevstudios.com | Jan. 23, 2020

3 Design Tips for Call-to-Action Buttons

WebDevStudios Creative Lead, Cameron Campbell, shares three hot design tips for call-to-action buttons. Use his guidance to improve the conversion rates of your CTA buttons.

3 Design Tips for Call-to-Action Buttons

Development | webdevstudios.com | Jan. 23, 2020

Let’s start by briefly defining what a call to action is. A call to action, commonly referred to as CTA, can describe any piece of content on your website that you want users to take action on. This could be a simple “Read More” link on a blog post or a large, stylized banner asking users to sign up for your newsletter or other service. Virtually every website and app has some type of CTA, and it’s important to give them proper design considerations in order to make them as effective as possible. For the purpose of this article we’ll focus specifically on design tips for call-to-action buttons. CTAs are important because without them you’re leaving it up to users to find things they need (or worse, leave your website). Your aim should always be to reduce the cognitive load on users by making things simple and easy to execute. A successful CTA should be succinct, well-designed and accessible to users with a wide range of experience and abilities in order to maximize the amount of people who can see and interact with them.
Now that we have a bit of a foundation, let’s dive into ways you can maximize the effectiveness of your call-to-action buttons.

6 min read WebDevStudios
Development | webdevstudios.com | Dec. 3, 2019

Sass Tips to Take Your Skills to the Next Level

Frontend Engineer, Marty O'Connor, shares 10 Sass tips to take your skills to the next level.

Sass Tips to Take Your Skills to the Next Level

Development | webdevstudios.com | Dec. 3, 2019

If you’ve been using Sass for a while, but find yourself writing seemingly basic code that doesn’t look very different from vanilla CSS, then this article is for you. We’ll explore ten ways to put Sass to use, taking advantage of some of its more intermediate to advanced features. Year after year, I continue to be impressed with the language’s capabilities and would like to share some of the tricks I’ve learned. This article assumes you have at least some working experience with Sass. If not, get your hands dirty with one of the many great resources on the internet. The Sass documentation is a great place to start. They don’t call them Syntactically Awesome Style Sheets for nothing, so let’s get started on these 10 Sass tips created to take your skills to the next level. 1. Parent Selector
Select a parent from within the child selector.
SCSS
Instead of having to make a new selector for .container .text outside of the .text block, you can just write your selector inside of .text, followed by the &.
Compiled CSS
HTML
2. Suffixes
Here’s a cool way to generate suffixes based on a particular class. Use &- followed by the desired suffix.

9 min read WebDevStudios
Development | wds.af | Oct. 22, 2019

Headless WordPress: Taking Posts Anywhere

What is headless WordPress and what does it look like in practice? Our backend engineer wrote this blog post to explain it all.

wds.af |

Headless WordPress: Taking Posts Anywhere

Development | wds.af | Oct. 22, 2019

What Does Headless WordPress Mean? WordPress as a content management system (CMS) is a platform for creating and managing your digital content. Your digital content can take the form of blog posts, events, products, team members, locations, and essentially anything you consider content that you wish to store and share. As an all-in-one system, WordPress is equipped with a backend admin interface to manage all your content as well as a frontend to display content to your users which leads us into what it means to go “headless” and what it has to do with WordPress.
When you take your website headless, you are separating the backend (admin interface) and frontend (user interface) or ‘heads’ from each other. With a separated backend and frontend, you gain the freedom to continue to manage and author content in WordPress while freeing up your content to be available for use in other applications that are written in Angular, React, and Vue.JS, or integrated into mobile apps.
When You Should Go Headless
One of the primary reasons to consider going headless is if you plan on having your content available across multiple websites and platforms at the same time. This is

6 min read Eric Karkovack
Development | speckyboy.com | May. 4, 2020

How to Build Client-Proof WordPress Websites

Techniques for building WordPress websites that are more resistant to client mishaps.

How to Build Client-Proof WordPress Websites

Development | speckyboy.com | May. 4, 2020

Handing off a new WordPress website to a client offers a great feeling of satisfaction. You provide a pixel-perfect rendering of a brand’s online presence and hope it plays a key role in a company’s success. But, if your client is responsible for managing content themselves, those pixels may no longer be so perfect after a while. You may find that your carefully-crafted layouts and typography have been rendered a mess by a well-meaning user. Color contrasts designed for maximum accessibility become illegible.
For so long, this has been accepted as the natural order of things. We design pretty and functional things; clients make them slightly less pretty and functional.
It doesn’t have to be this way! With a little creative thinking, technical knowledge and education, we can build WordPress websites that can withstand a bit more punishment – and even avoid such situations in the first place.
Assign the Right User Roles
One of the best ways to prevent a client from accidentally changing a key setting is to take away their means to do so. That’s what WordPress user roles and capabilities are for.
It’s fairly common to see clients provided with administrator-level

12 min read Codeinwp
Development | codeinwp.com | Jan. 21, 2020

15 Front-End Tools You Should Know About - Louis Lazaris' Favorite Finds

Louis Lazaris shares his favourite finds with the developer community: 15 front end tools to add to your workflow. Hotkey, Freezeframe.js, ARC Toolkit, Scene.js, Commento, Git History, CSS Feature Toggles, Create App, CSSJanus, Color Thief, RegexGuide,

15 Front-End Tools You Should Know About - Louis Lazaris' Favorite Finds

Development | codeinwp.com | Jan. 21, 2020

Another year has passed and if you’re like many web developers in the industry, you’ve probably discovered a whole slew of new front-end tools that you’ve considered incorporating into your workflow. I’m in the same boat, especially since I’m deeply involved in regularly researching what’s new in the tools landscape. In this post, I’m going to round up (with some screenshots and demos) some of the most interesting front-end tools I’ve found that I think you’ll find useful in 2020. These aren’t necessarily the most popular tools or the hottest tools, but I think each of them is unique in their use case and deserve a little more attention. These are essentially my favorite finds of the year in front-end tools.
Detecting keystrokes with JavaScript isn’t an overly complex task, but this little utility from the team at GitHub makes it super simple.
With it you can trigger an action on an element with a keyboard shortcut.
The types of shortcuts include a key, key combo, or even key sequence. You can also have multiple shortcuts for a single action.
The JavaScript is just one declaration along with an import:
import {install}

9 min read Donna Cavalier
Development | elementor.com | Feb. 6, 2020

Gutenberg vs. Elementor: We Attempted to Build Our New Site With Both — Here's What Happened

ThemeIsle tried hard to use Gutenberg to redesign their site, but in the end, it just wasn't the right tool for the job. It's a better TinyMCE is the final consensus.

Gutenberg vs. Elementor: We Attempted to Build Our New Site With Both — Here's What Happened

Development | elementor.com | Feb. 6, 2020

Yes, you’re reading this right. We – ThemeIsle – are probably one of the few teams that have decided to use the WordPress block editor, Gutenberg, to build the core of our pages during our big redesign a couple of months ago. Some things worked well, and other things went wrong. But as you can imagine, it’s a little more complicated than that, and we believe that you could benefit from our experience.
But first, just in case you’re not familiar with us, let me explain who we are and why you should care?
ThemeIsle is the company behind some of the most popular themes in the WordPress directory. And yes, I have data to back me up! Just take a peek into the Popular tab of the WordPress directory. Long story short, a company that makes a living by building themes should also have a pretty neat website of their own. That’s where the Gutenberg ordeal comes into play.
About Gutenberg, many of us know what it is, and our experiences with it have been either more or less successful. The WordPress team has been promoting it as the next big thing in website building, but is that really the case? More importantly, do you actually believe this enough to risk your

Development | contentsnare.com | 24 days ago

Why content-first design makes better websites

Content-first design can help you complete projects faster and with more profit. Here's how.

Why content-first design makes better websites

Development | contentsnare.com | 24 days ago

Let’s talk about the “content first” approach to web design. What is it good for?
What does it look like?
What is it NOT?
What is content-first design?
Simply put, it is the belief that we should start with the content (words, pictures, videos, etc) before we tackle the design. This methodology is ever more popular, but it is not a new idea.
Jeff Zeldman said it beautifully in 2008, when he tweeted: “Content precedes design. Design in the absence of content is not design, it’s decoration” – and his words ring true for more than just web design, too.
You can see the content-first approach in countless other industries where form follows function…
A script is written before filmmakers start work on the visuals and cinematography
A building’s purpose is determined before an architect starts drawing blueprints
A book is edited before an editorial designer starts laying out the pages
An apartment is built (at least virtually!) before an interior designer starts work on the living room
In each case, we can see how the “content” of the project (the story, function or purpose) informs the design. When it comes to our industry

7 min read Donna Cavalier
Development | mor10.com | Aug. 29, 2018

Gutenberg, Forks, and the need for an LTS version of WordPress

This... this is absolutely the right solution. Hope it happens.

Gutenberg, Forks, and the need for an LTS version of WordPress

Development | mor10.com | Aug. 29, 2018

Over the past week, developments which I predicted back in December last year have come to fore, and I am deeply concerned about the effects they will have on WordPress (the application) and the community unless we take decisive action. Short version: For various reasons, many WordPress users will be faced with a complex dilemma when 5.0 and Gutenberg comes out:
a) Get the latest version of WordPress and risk compatibility issues / costly retraining, redesign, or entire rebuilds, and/or other problems, or b) choose not to upgrade and end up running an old and eventually insecure version of the content management system.
So far, the response from WordPress leadership has been to install the “Classic Editor” plugin which as the name suggests reintroduces the classic WYSIWYG editor once the Gutenberg Block Editor becomes the default. This is, in my opinion, a dangerous road to go down both for the end-user and WordPress itself.
Classic Editor as a permanent solution won’t work
Classic Editor is a bit like using a band-aid to plug a hole in a ballon as you are inflating it. It may work right now, but as the balloon continues to grow, the band-aid not only won’t do

4 min read WebDevStudios
Development | webdevstudios.com | Sep. 12, 2019

Hashing a Custom Taxonomy

When an engineer has amassed a collection of Pokemon cards, what does he do? Build a WordPress-based database site for cataloging it, of course!

Hashing a Custom Taxonomy

Development | webdevstudios.com | Sep. 12, 2019

I have a confession. I like Pokémon. It’d really be more accurate to say I never stopped liking it. Sure, there was that point when it wasn’t “cool” anymore and I was too busy trying to be “cool,” but this is the kind of thing that just sticks with me. So, naturally, I’ve built up a collection of Pokémon cards. And what does someone like me do when they have a collection of something?
Build a WordPress-based database site for cataloging it, of course! This is where hashing a custom taxonomy comes into the picture.
My current plan revolves around taking the card information from the third-party Pokémon TCG Developers API and combining it with the pricing information from TCGplayer. This will allow me to store information of not just every card I have, but every version of every card I have. The most common version is the reverse holographic printing (shown below). Other versions, especially rare, powerful cards, can include full-art versions, alternate-art printings, and even rainbow-colored “secret rare” cards.
The trick, however, is that in addition to being collectibles, Pokémon cards are also part of

8 min read Weglot
Development | blog.weglot.com | Apr. 19, 2019

How to prepare your WordPress plugin for a critical update

Updating a plugin can quickly become a nightmare for both the users and developers. Discover how we proceeded to make a smooth transition from Weglot v1 to v2.

How to prepare your WordPress plugin for a critical update

Development | blog.weglot.com | Apr. 19, 2019

Why did we need a new version? Before explaining how we proceeded with a new version, it’s important to understand “why” we had to make a new version of Weglot. The main reasons were to improve the “adaptability” of our plugin and to reduce our technical debt.
An increasingly long and difficult support
The first version of Weglot did not contain any WordPress filters or actions: the so-called hooks. It was thus very difficult to change the default behavior of our plugin and adapt it to specific customer needs. We had to provide custom patches to our customers while taking into account the changes for our next updates. It was quite tedious and delicate. The more customers we had, the longer the technical support was. Of course, we could have simply added some filters and actions as we went along, but we were faced with other problems.
A growing technical debt
Here is the quality score of the Weglot WordPress plugin code at the time of the last update of version 1 (v1.13.1): 6.53 / 10
Generally speaking, we can’t say that it’s a terrible score but it’s clearly not great either. The mediocre score was partly due to some of the dependencies

7 min read Eric Karkovack
Development | 1stwebdesigner.com | Jan. 16, 2020

What Is "Headless" WordPress?

An introduction to headless configurations, along with some helpful resources to get you started.

What Is "Headless" WordPress?

Development | 1stwebdesigner.com | Jan. 16, 2020

There are plenty of reasons why WordPress is the most popular CMS on the planet. Chief among them are its general ease-of-use and flexibility. Both of these attributes are keys to the rise of the “headless” WordPress trend. That is, using a WordPress back end to feed content to an outside, non-WordPress application. While that may sound a bit confusing – not to worry! Today, we’ll introduce you to the headless concept and the types of things you can do with it.
From WordPress to Anywhere
Think of a headless WordPress setup the same as, well, any other installation of the CMS. You install it just as you normally would. You log into the Dashboard and create pages or posts the same as always.
The main difference? You aren’t depending on WordPress to display the public-facing front end of your website. Instead, the content you create is meant to be used somewhere else. In essence, this could be just about anywhere. But among the most popular uses are:
Mobile apps;
Progressive web applications using JavaScript libraries such as React;
Static websites;
There are several advantages to this approach. For one, it allows content creators to use a familiar tool. They

7 min read Donna Cavalier
Development | elementor.com | May. 21, 2019

Introducing Hello Theme: The Fastest WordPress Theme Ever Created

It's very exciting to have the very developer-friendly and Elementor-focused Hello theme in the WordPress repository now. So much easier for users now.

Introducing Hello Theme: The Fastest WordPress Theme Ever Created

Development | elementor.com | May. 21, 2019

Many of you already know, love and use Elementor’s Hello theme, but this week, our starter theme was officially added to the WordPress repository, so we figured our baby deserves a formal baby shower.

11 min read WebDevStudios
Development | webdevstudios.com | Feb. 7, 2019

Building a WordPress Theme: Things to Consider in 2019 (And Beyond)

When building a #WordPress theme in 2019, there are certain things to consider. Learn what's required, what's new, and some ways to clean up WordPress for the frontend and for users.

Building a WordPress Theme: Things to Consider in 2019 (And Beyond)

Development | webdevstudios.com | Feb. 7, 2019

WebDevStudios (WDS) is working to improve our theme framework wd_s based on Automattic’s _s; although at this point, it’s resemblance is only vaguely similar. WDS is dedicated to keeping up to date with the web development industry and making educated decisions about which new things to pursue and which to ignore (for now). In my private time, I’ve been building a starter theme from scratch to better educate myself about what is required by WordPress to build a theme-repo-approved theme but also to make my own informed decisions based on what others are doing, how people typically use the internet, and what of WordPress core feels antiquated.
I started writing this blog post to try and build a custom theme from scratch, but that proved too problematic for a few reasons. The time commitment wasn’t small. Any theme I built would require more than just one blog post and there’s a world of information out there to help you on your way already. Also, before any opinionated decisions had been made, the outcome was essentially any other theme out there already. The biggest reasons I thought I’d circle back and rethink this post was because a lot of those

5 min read Donna Cavalier
Development | make.wordpress.org | Jan. 27, 2020

Feature Plugin: XML Sitemaps - coming to WordPress CORE (one day)

Finally! This is one of those features I've always thought should be included in core. It's not in core yet, but this is a first step.

Feature Plugin: XML Sitemaps - coming to WordPress CORE (one day)

Development | make.wordpress.org | Jan. 27, 2020

Last year, a group of contributors posted a proposal to implement native XML Sitemaps in WordPress Core which received lots of interest and feedback from the community. Since then, we have been working on a XML Sitemap feature plugin (MVP) which is now available for testing and feedback. Props to the contributors working on this plugin and co-authoring the content of this post: Sander van Dragt, Kirsty Burgoine, Adrian McShane, Ruxandra Gradina, Joe McGill, Thierry Muller, Pascal Birchler
Feature overview
As a quick reminder of what this project is trying to achieve, here are the main features as described in the initial project proposal, which we would encourage you to read in its entirety.
XML Sitemaps will be enabled by default making the following content types indexable
– Homepage
– Posts page
– Core Post Types (Pages and Posts)
– Custom Post Types
– Core Taxonomies (Tags and Categories)
– Custom Taxonomies
– Users (Authors)
Additionally, the robots.txt file exposed by WordPress will reference the sitemap index.
Additionally, an XML Sitemaps API ships with the plugin aiming for developers to build on top of it.
The approach
In order to