In today’s post, we will look at Bootstrap blog template and create React dumb components out of it. Nothing too fancy, just some copy pasting and refactoring. After completing the steps in the article, we’ll be ready to create the smart components, plug the dumb ones into them and have a working blog theme!
Category Archives: Tutorials
React WP theme: Smart vs Dumb components + React Router
In the third installment of our “How to make a React-powered WP theme” tutorial, we create the starting point of our React-powered WordPress theme. I’ll show you what all we need to import in order to have a working application. We’ll also talk about how to properly divide the React components into smart and dumb ones.
React WP theme: structure, Node packages and Webpack
In the second part of our tutorial, we’ll be talking about the theme’s initial folder/file structure, installing required Node packages, configuring Webpack and setting up a Node development server with hot reloading. I’ll show you how to properly bootstrap a Redux-powered WordPress theme. If you want to see how the project will look at the …
Continue reading “React WP theme: structure, Node packages and Webpack”
React single-page WordPress REST API theme tutorial
Uh-oh, such a buzz-wordy title. I know, I know. But it’s true — I’m going to publish a series of articles on building a simple single-page WordPress theme powered by React, WP REST API, and other bleeding-edge front-end technologies. The tutorial will be focused primarily on the JavaScript things, pushing design, accessibility and flexibility sideways. …
Continue reading “React single-page WordPress REST API theme tutorial”
How to work with WordPress Trac
Undoubtedly, WordPress Core would benefit from a larger number of active developers. The system, especially Trac1, might be, however, too complicated for newcomers to work with. That goes for me too. Do you know what’s the best way to learn something? Write an article about it, of course. That’s what I’m going to do: write …
CSS the right way with Sass preprocessor
Sass is awessome. Since our first date, I’ve been (ab)using her in all the projects. She gives you superhuman abilities, far beyond the reach of what classical CSS has to offer. Sadly, she can’t be found in many WordPress themes and I don’t understand why. Is she not hot enough for the majority of WordPress …
What’s that “git” everybody is talking about?
When meeting new developers, one of the first things they ask me is whether I use Git during a theme or a plugin development. “Yes, of course, I couldn’t imagine my life without it”. A few years ago, though, the answer would be a puzzled look followed by a feeling of inferiority and shame. Their …
Continue reading “What’s that “git” everybody is talking about?”
Apache, Nginx, PHP, HHVM? Test it yourself! Ansible
The most typical conversation (aside from which plugins to use) in the WordPress sphere is about the speed comparisons between various web serving software like Apache or Nginx. There are tens of articles with nice charts and big claims on the Internet: Nginx is faster than Apache. HHVM is faster than PHP-FPM and so on. …
Continue reading “Apache, Nginx, PHP, HHVM? Test it yourself! Ansible”
Add new post meta data on ‘Add New’ page programmatically
How to add post meta data before it has been saved or published? Can’t use transitional hooks. After digging through code, you have to use add_meta_boxes action. Let’s say you have a custom post type book. Each book has several properties (meta data), such as the author, the publisher and the publication date. Now, WordPress …
Continue reading “Add new post meta data on ‘Add New’ page programmatically”
Change WordPress admin TinyMCE settings
Recently, I had to modify the default WordPress admin post editor (TinyMCE) configuration on a specific post type. I wanted to remove a few buttons, Quicktags, limit the number of rows and so on. At first, I was puzzled over which hook I should use. In the end, it turned out to be pretty easy …
Lamosty.com 