ibenic.com ibenic.com

Got fired or laid off? How to help yourself as a WordPress Developer

At the time of writing this article, I was reduced to 20% of my hours. This means also that my income was reduced by 80%. So, how can I help myself (or how can you help yourself) in such situation so I don’t go into a panic mode and start feeling too much stress on my chest? I really feel lucky that I am interested in programming and that I am a developer. Even with the pandemic, at the moment of writing this, I still think we are...

ibenic.com ibenic.com

Headless WordPress: Displaying a Single Article

In the last two articles we have shown how to get the articles, display them and also use the React Router for pagination. In this tutorial we will now see how to show a single article using the React Router in out Headless WodPress application. How are we going to do this? We will get the Slug from the RouteCheck if there is an article with that slugIf not, fetch a new oneIf we still don’t have an article, show 404 Page Not...

ibenic.com ibenic.com

Headless WordPress: Loading Posts & Pagination

In previous tutorials on Headless WordPress, we have covered several parts of using Gutenberg components, editing a profile and also logging using JWT tokens and social media. In this separate tutorial, we will start a new series of tutorials. In this first one, we will see how to load the posts and paginate them. To start, open your terminal (command prompt) and place yourself in a folder where your app will reside. It can be...

ibenic.com ibenic.com

Gutenberg Components: ServerSideRender

Sometimes, we will need to render dynamic content and we usually used shortcodes for that. But shortcodes did not show the output in the editor. With ServerSideRender component we can now also see what will happen on the front while using Gutenberg. In my personal experience, when I want to convert a shortcode used to display dynamic content, I tend to go for this component. This component can be found in the Gutenberg...

ibenic.com ibenic.com

Headless WordPress: Uploading with DropZone

Uploading files can sometimes be a complex thing when using JavaScript. In the previous tutorials, we have built a way to update settings and show a notice on that. In this tutorial, we will upload an avatar for the user. If you’ve just came to this tutorial before going through the other ones, consider reading them (or copy the code): Logging with JWTUpdating SettingsNotices System In WordPress, the avatar is returned from a...

ibenic.com ibenic.com

Headless WordPress: Logging with JWT

Headless WordPress is an idea that is being used more and more. I am going to try and cover a few topics that might be interesting when working with Headless WordPress setup. In this tutorial, we are going to see how we can login a user using JWT. We are going to make a simple App that will enable the user to login. Once logged in, we will show the user their information. To be able to login with JWT, you’ll need to install and...