tutorials

Gutenberg Price Table

Creating a Responsive Gutenberg Price Table

Last week I worked on an upcoming tutorial for a popular online publication on how to style the Gutenberg Columns block (I’ll be sure to send that along when it comes out). As as result, I decided to experiment to see what you could reasonable do, and came up with this Gutenberg Price Table: https://codepen.io/jcasabona/pen/RYvEYd. In this tutorial, we’ll go over some of the things we need to do to make this happen.

Draw Cherries using HTML5 Canvas

I’m teaching a class on 2D Animation this semester and opted to use web technologies such as HTML5 Canvas, CSS Transitions, and Javascript. In this tutorial we are going to use the canvas element to draw 2 cherries with stems. I’m having my class use CodePen for their assignments, so this tutorial kind of assumes that. If you want to see the final product, head on over here.

Trying Flexbox at Casabona.Org

If you’ve visited Casabona.Org this week, you noticed that the homepage got a bit of a refresh; I decided to add more color, have more concise and focus content, and tried to give visitors an idea of what I do as soon as they get to the site. One new thing I tried was using the Flexbox Layout Module to layout the two-column area. Here’s how I’m handling it.

Articles I Wrote for Other Sites: Summer 2012

The Appstorm Network

Tutorials

…the of course there was my book, which was published in June and titled Building WordPress Themes from Scratch

Quick Tip: How to Move a WordPress Site

I won’t go too in-depth here, but I will describe the steps you need to take to move a WordPress website to a different host.

  1. Download all of the site files from the old host
  2. Export the entire database WordPress is using. If you’re not sure how to do that, there are instructions here.
  3. If there are existing files on the new host, back them up by downloading them. Do the same for any databases on the new host.
  4. Upload the site files from the old host to the new one.
  5. Create a new database on the new host. Each host is different, but you’ll have to create a database, a database user, and then give the database user all privileges on the new database.
  6. Import the database from the old host to the new database.
  7. Change the wp-config.php file info to the new database name, host, username, and password.

Some Things to Consider:

  • Most hosts keep the database host as localhost but not all of them. If you’re not sure what your host is, you should contact the new host’s support.
  • This is just moving WordPress to a new sever; I assume you’ve already pointed the domain. If you’re changing domains, you will also have to change all of the domain references in the WordPress database, most notably in the wp_options table (there are two references there). If you don’t change the wp_options table, your site will not work. The best way to change all of the references (most of which being in the posts table) is probably to do a Find/Replace on the .sql file in your favorite text editor after you complete step 2.
  • If you’re moving a WordPress MU/Multisite install, you will also have to configure the sever to handle subdomains. The codex has instructions on how to do that here.

Rock-Solid WordPress 3.0 Themes using Custom Post Types

The good people over at Nettuts+ have published a tutorial I wrote for them called Rock-Solid WordPress 3.0 Themes using Custom Post Types. In it I cover how to leverage 3.0’s new custom types to make it easier on yourself and on clients when creating different types of posts for you website. Head on over there and check it out!

Rock-Solid WordPress 3.0 Themes using Custom Post Types