The WordPress Series

Hello Happy Coders and Welcome to Code with Heather! This week starts a brand new adventure in coding tutorials. Over the next several months I will be recording videos, answering questions and creating an entirely new WordPress theme and some plugins from scratch for your learning pleasure. Before we get started, I wanted to let you know about some places you can ask a question or get some help!

The videos will be available on youtube!  Check them out here. Currently, there’s nothing on there, but subscribe and stay tuned for new videos!

There’s a facebook page that you can like or message here.

You can always @tweet me, my twitter is here or you can use one of the widgets here on the blog to get to my twitter.

As we go along, I’ll be posting my code to GitHub. You can find my GitHub account here.

Feel free to comment on the blog posts or the videos if you have any questions as well.

If you’d like to subscribe to the Newsletter in the sidebar.

Finally, if you have any suggestions, I’ve created a suggestions form just for that, you can find that here! I’d love to hear from you.

Thanks for taking the time out to learn with me.

Setting up a Local Server

In order for us to start creating our WordPress theme, first we need a development environment to create it in. The easiest way to do this is through a Bitnami Stack. You can find the download here. You can either get the WordPress stack that already has wordpress installed, but if you want to create more than just this one wordpress site, it’s best to just get the *AMP stack that correlates with your operating system. So that mean WAMP for windows, MAMP for Mac, and LAMP for Linux.

Once you have that installed, you’ll need to grab the wordpress files from These will need to go into the htdocs folder located in the apache2 folder. You can copy the whole folder over.

Next, you’ll need to get the database ready for the WordPress installation. I personally like to create a user specifically for the database I’m creating, just so it’s a little more secure. The easiest way to do this is create everything through phpmyadmin.

If you followed the basic instructions for installing your bitnami stack, you should be able to go to localhost:8080 on your browser and get to the Bitnami welcome screen. From there, click Applications, and then in the phpmyadmin box, click Access. Here you’ll type in the root password you created in the bitnami setup. Once logged in just click on users and create new. Fill everything out, making sure you select local as the host. Next, make sure you check the box that says create a database with the same name, and the Grant all permissions on the wildcard. Remember your password, you’ll need it in the next step.

Finally, run the WordPress install. Go to localhost:8080/wordpress and you should be prompted to start the install, fill out the forms and you’ll end up at the WordPress dashboard. Congrats, we’re all setup!

Bonus, You’ll need a plaintext editor. I use atom from github, you can get it Really you can use any plain text editor like Sublime or Notepad++. Once you have that installed you should be able to open all the php files within the WordPress file system.

Workflowy as a Bullet Journal (With Emoji)

I’ve been using the bullet journal technique for awhile now, but I’ve noticed one BIG flaw for me:

I always forget to bring it with me.

Without fail, I’ll think to myself “I really should put that in my… oh wait, it’s on the coffee table”.

So I decided to convert to a digital version. Here comes Workflowy.

Workflowy has apps and an online version making it easier to “take” around with you. Which is nice.

I love being able to add emojis to help me like the key in the physical bullet journal. I keep my collections separate, and I can search! Hope you give WorkFlowy a try. If you’d like to know more about my process, leave a comment!

Workflowy Bullet Journal