Join Morten Rand-Hendriksen for an in-depth discussion in this video What to know before you start this course, part of WordPress: Building a One-Page Style Site.
- View Offline
To be able to follow this course, you need to have a few key components in place, both on your computer and in terms of understanding how WordPress itself works. This is an intermediate to advanced WordPress development course, meaning you need to have a solid understanding of how WordPress works and be able to work with WordPress themes before you can follow along with what I'm doing. If this is the first time you're using WordPress or you need a refresher on how this publishing application works, you should go check out my WordPress Essential Training course right here in the Lynda.com library.
This course takes you through the process of setting up and configuring WordPress, and teaches you how to add and important components such as pages, posts and configuring themes and plug-ins, all of which we're going to use in this course. Throughout the course, I'll be working with a locally installed version of WordPress on my computer. This is because I'm developing a new child theme to add this one-page style custom front page. And when you're working in a development environment, it's always a good idea to install WordPress on your local computer.
To help you in that process, we have a series of different courses you can watch, depending on your own preferences and your own platform. If you're on a Mac, you should go check out Installing and Running WordPress: MAMP. This is a course that walks you through the process of setting up a local server environment on your computer and then hooking WordPress into that environment so you can visit your WordPress site locally on your computer and don't have to push files from your computer to the Web to test them. If you're on Windows, we have an equivalent course called Installing and Running WordPress: WAMP, which does the exact same thing, just on Windows instead of a Mac.
And MAMP and WAMP are just two of many options that are available to install WordPress, and we have a series of courses within the Installing and Running WordPress series that show you either Mac-specific, Windows-specific, or cross-platform-specific installation processes. So, if WAMP or MAMP don't fit with what you want to do, you can go check out some of our other courses in the series as well. To add the one-page style front page to my site, I'm going to use a child theme. Now if you're not familiar with WordPress child themes, you should go check out this course, WordPress 3: Building Child Themes, also in the Lynda.com library.
This course explains what a child theme is and shows you how to set one up and configure it to change contents within your site. Child themes are actually extremely powerful and very easy to use when you want to develop content. And it's a good idea to know how they work so you can experiment with theme development without making changes to the actual core files of a specific theme. As you follow along in the course, you'll see me working with a code editor called Adobe Edge Code. This is a code editor that comes with the Adobe CC Suite and you can choose to use this code editor or any other code editor you want.
It doesn't actually matter what code editor you use as you follow this course because all code editors do the same thing. They help you write code. So if you have a preferred editor, go ahead and use it. If you want to use the exact same editor as me, you can use Adobe Edge Code. And if you don't have an editor, you can find an equivalent to Adobe Edge Code on the web called Brackets. That is the open source version of the exact same editor and it looks pretty much the same as what you'll see in this course. So with WordPress Essential Training, a locally installed version of WordPress and a code editor in hand, we are ready to start building one-page style front pages for WordPress.
- Creating a foundation for the front page with a child theme, styles, and dummy content
- Using custom queries to display content from different pages
- Adding testimonials
- Adding a custom menu
- Creating a scrolling effect