Read about developer blog - Page 4

How to create a Gutenblock with ACF

30 October 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Sjardo Janssen

If you have limited knowledge about JavaScript, building native Gutenblocks can be a challenge. All the documentation contains JavaScript. Yet, when you build a theme, most things are done with PHP. Advanced Custom Fields (ACF) built a great bridge to close this gap, allowing you to build Gutenblocks with just PHP! As ACF is an »

Read: "How to create a Gutenblock with ACF"
How to create a Gutenblock with ACF

Unit-testing with mocks in WordPress

16 October 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Alexander

Unit-testing your WordPress plugin can be challenging. Luckily there are tools out there making it a lot easier. In this post, we will be covering the following tools: PHPUnit, Mockery and BrainMonkey. Together these tools can be a powerful tool to ensure the technical quality of your plugin. Before we started using these tools at »

Read: "Unit-testing with mocks in WordPress"
Unit-testing with mocks in WordPress

The power of defaults: Grunt tasks and configuration

9 October 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Jip Moors

To perform tasks in our repositories, we use a JavaScript tool called Grunt. With Grunt, you can use packages from the npm repository, or you can build your own. Searching on the npm repository will give you an extensive list of grunt tasks ready for use. Workflows With Grunt, you run tasks, which need to »

Read: "The power of defaults: Grunt tasks and configuration"
The power of defaults: Grunt tasks and configuration

Using WordPress JavaScript APIs: The core/editor store

2 October 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Jimmy Comack

Welcome to part four of our series on using the WordPress JavaScript API’s, in which we explore the API’s that were introduced in WordPress 5.0 and how we can use them to better integrate with other plugins, in a reliable and safe way. In the previous chapter, we migrated over from our own bare bone »

Read: "Using WordPress JavaScript APIs: The core/editor store"
Using WordPress JavaScript APIs: The core/editor store

How to automate repetitive daily tests

25 September 2019 | 1 Comment
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Daria

As a tester in a continuous development cycle, you know that you test your application not only before a release, but also on a daily basis. You’ll want to automate most of your basic (though very important) short repetitive test cases, which consume lots of your time when testing manually. That way, you can focus »

Read: "How to automate repetitive daily tests"
How to automate repetitive daily tests

Design terminology: adopting the concepts that fit your needs

11 September 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Luc Kickken

Every profession has its own terminology, or lingo if you will. So does design. For me, as a self-taught designer, I noticed that a lot of the terminology used in design is often more confusing than it actually helps me in my work. Terms like style guide, design language, design system, design kit, and pattern »

Read: "Design terminology: adopting the concepts that fit your needs"
Design terminology: adopting the concepts that fit your needs

Why your websites’ code structure matters

4 September 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Josee Wouters

When you’re creating your own WordPress theme or adapting an existing theme, pay attention to your code structure and semantics. This will benefit your website greatly: it improves your SEO because search engines know better what to expect on your site. It will also improve your site’s accessibility: meaning that people who use assistive technologies, »

Read: "Why your websites’ code structure matters"
Why your websites’ code structure matters


Using git bisect to find the commit that broke your code

21 August 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Irene Strikkers

As plugin developers, we are continuously working on implementing features and fixing bugs. We’re not flawless, but fortunately we, at Yoast, have a QA team that tests our plugin daily, both manually and automatically. Sometimes when they find a bug, a specific commit or pull request comes to mind that is the likely cause. Sometimes »

Read: "Using git bisect to find the commit that broke your code"
Using git bisect to find the commit that broke your code

An introduction to hooks in React

14 August 2019
Warning: Undefined array key 0 in /home/staging-yoast/staging-platform.yoast.com/versions/20f300c0f75c8233e65becb49cb77c8946367afb/web/app/themes/yoast-com/html_includes/partials/post-author.php on line 39
Hans-Christiaan Braun

Function components in React are awesome. They let you create a component without the overhead and extra code of a class. However, up until recently, class components did have an edge over function components. Specifically: class components could have state, whereas function components were doomed to be stateless. Now, with the addition of hooks in »

Read: "An introduction to hooks in React"
An introduction to hooks in React

Get free SEO tips!