Tag: web development

Filed under: Blog, WordPress Tutorials

Tips for Small Business Owners Getting Started with WordPress

A couple months ago, I was asked to contribute to an article for business owners on getting started with WordPress. The article was just published and I made slot #4 (I don’t think there’s anything special about that, btw ). There was some great advice in the article, especially #1:

Don’t be afraid to get it wrong the first time…

So true!

However, since only a little bit of what I contributed was shared in the article, I wanted to post the rest here.

Just in case any business owners are wondering about getting started with WordPress, please know:

You’re not alone in this. 

There’s a lot of help available.

Don’t be afraid to seek help if you don’t understand something.

It’s all going to be ok.

Here’s the rest of what I recommend when getting started with WordPress.

Continue reading

Filed under: Web Development, What I Learned

My First Open Source Code Contribution

A lot of developers have stickers on their computers. Sometimes the stickers are like pieces of flare. Sometimes, they’re like merit badges. Still, other times the stickers are like a signal flare. Whatever the case, I geek out about them a bit. I see the stickers somewhere in between a merit badge, a piece of flare, and that signal flare.
I have one sticker on my laptop:

Continue reading

Filed under: Angular, Blog, Web Development

Genesis and Angular: Adding Routing to Posts and Pages (Part 3)

This is the third post in a three part series on using Genesis and Angular. Part 1 can be read here, and Part 2 can be read here

Routing is part of the magic of web applications, and not something that we really think about when we’re developing WordPress sites since it’s basically taken care of for us in using the nav menu and full on links with page reloading. But this project was all about skipping the page load, and having a view area that will dynamically load posts and pages, an “app-like state” some might say.

Using Genesis and Angular to display posts and pages in an app-like state wasn’t super straightforward. While it opened a few extra cans of worms I wasn’t expecting, adding routing for both posts and pages has proven to be super interesting, and got me digging into WP core as well to find some answers.

Let’s review the goals of this project:

Primary objective: Create a view area that will display all the contents of posts and pages without a page reload using Genesis and Angular.

Do this by:

  1. Adding markup to my Genesis child theme
  2. Fetching data with the WP REST API and Angular
  3. Routing the data Angular on posts and pages

Ok, this is going to be a bit of a beast, so let’s get truckin’…

Continue reading

Filed under: Angular, Blog, Web Development

Using Angular to Display Content in Genesis Using the WP REST API (Part 2)

This is the second post in a three part series on using Genesis and Angular. Part 1 can be read here, and Part 3 can be read here

In my last post on the subject, we left off with two-way bindings to show that our Angular markup was working in Genesis. That’s great! But we want to use Angular to display content in Genesis using the WP REST API, right?

Ok, so, we’ve got some work cut out for us. Let’s dive back in. Unless otherwise noted, everything is in functions.php and custom.js

Note: this is not best practice, as you want to keep your code in modular files, but hey, this is just a quick bootstrapping example… We’re just learning here!

Let’s get start…

Continue reading