Building a portfolio site is a daunting and time-consuming task for many people, but with the right tools it can easily be done in a single hour. In this course you’ll learn how to download, install and customize the Adios WordPress theme, which will serve as the basis for our online portfolio.
Learn How to Use WordPress
If you're just getting started, learn how to use WordPress in our complete guide.
1.Introduction1 lesson, 00:43
2.Getting Started3 lessons, 16:45
3.Customizing the Portfolio7 lessons, 46:43
4.Conclusion1 lesson, 01:43
1.1 Welcome to the Course
Hello and welcome to an Envato Tuts+ course. I'm Adi Purdila and today you'll learn how to built a WordPress portfolio site in under one hour. For this, we'll be using the Adios WordPress theme that's available on Envato elements. It's a great theme, it definitely has a unique design and lots of features that will allow us to quickly and effortlessly build our portfolio. In this course, we'll be downloading and installing the Adios theme along with any necessary plugins. And then proceed to customize it to our liking. So without further ado, let's begin.
2. Getting Started
2.1 Setting Up the Local WordPress Environment
Before installing the Adios theme, you need a working installation of WordPress. Now, I recommend that you develop your website first, locally. And then once everything is done, deploy it to a live server. So in this lesson, you're going to learn how to install WordPress locally. For that, we need a piece of software that will install PHP, because WordPress is based on PHP. And we also need a MySQL database that WordPress needs to connect to. Now, we have such a software, and it's in fact free, available for both MacOS and Windows, and it's called MAMP. There is also a MAMP Pro version, which offers some additional features. But for just starting out, setting up a really basic WordPress environment locally, the free version is everything you need. So go ahead and download it for your operating system. And once the app is downloaded, we're gonna open it, and it currently looks something like this. Now this is currently not started, once you install it, you might need to open the settings and configure. So all the settings that you see here, for example, when starting MAMP, you can choose to start service automatically. You can configure the various ports MAMP uses. I left mine at default because I didn't see a problem with that. And then you can choose the version of PHP that it can use, again, I left mine at default. I chose the web server as Apache, and I changed my document root to Local WP. Of course, this is entirely optional, the default installation for you might look something like your username, MAMP, and then HTDocs. That's where you have to copy all of the WordPress files in order for this to work. So I changed mine to Local WordPress, and I'm gonna keep it that way. Now once you configure everything, you just hit Start Servers. And this will start the Apache and MySQL Server, and you're all set now. The next step is to install WordPress, so for that, we need to go to wordpress.org, not .com, be careful, .org. Then we hit download WordPress, and the latest version at the time of this recording is WordPress 4.9.1, so we're gonna download that. I'm gonna save mine in the sub course folder, you can save yours whereever you want. And that downloaded WordPress, now we just need to install. Now, to install WordPress, there are two steps you need to follow. One, you need to create a database that WordPress will connect to and will store all of the website information into. And two, you need to copy the WordPress files that we just downloaded into a specific folder on your hard drive, in order for us to be able to work with it locally. So the first thing we'll do is create the database, that's very simple. From the MAMP application, you hit Open WebStart page, then go to Tools, PHP MyAdmin. And then on the left side here, you're going to see the available databases. And I already have a database called WordPress, because I have another installation of WordPress on my computer. But in your case, you would need to create a new database. So go to databases tab, and choose a database name. In my case, I'm gonna simply say tutsplus, but you can name this whatever you want, and then you would hit Create. So right now we have a brand new database called tutsplus. Now we need to copy the WordPress installation files into our working folder. Going back to my folder here, I'm gonna double-click this and extract the archive. And then copy everything inside the WordPress directory. And then I'm gonna navigate to my local WP folder. It's the same folder that I showed you right here in the preferences. And actually I can just hit this button, And it takes me there directly. Now I have another WordPress installation, just like I said, it's called wp491. But we're gonna create a new folder we're gonna call tutsplus. And inside tutsplus, I'm simply going to copy and paste those files. In order to access those files, I'm simply going to open localhost:8888/tutsplus, which is the new folder that I just created. So this will prompt the WordPress installation screen. Choose your language, hit Continue. Then WordPress tells us that there are a couple of details that we need to know before installation, so we'll hit Let's go. The database name that we created is called tutsplus, if you remember. Let me show you that again, right, so this right here is the database that we'll be connecting to. The username will be root, password will also be root. Database host, just leave it at localhost. And you have the option to add a table prefix. In my case, I'm gonna say wp_tutsplus_ this is optional, you can just leave the wp_ that's there by default. Hit Submit, and then run the installation, It's gonna ask us for a site title, I'm gonna say Tuts+ WordPress. Username, I'm gonna say admin or adi or whatever you wanna put in there. Password, because we're working locally, we don't need a really complicated password, so I'm just gonna say 1234. If you're worried about security, maybe you're sharing your computer or other people have access to your computer, then go ahead and use a different password. I'm gonna hit this check mark and then I'm gonna hit, Discourage search engines from indexing this site. Because there is no point it doing that, since we're working locally. Then I'm gonna hit Install WordPress, and that's it. WordPress has been installed, now we just have to log in. I entered my credentials there, and we're in. This is the WordPress back end, this is where we're gonna control the entire WordPress installation. And if we hit this link right there that says Visit Site, yeah, this is our actual front end, this is what the visitors will see. Now that our WordPress environment is all set up, it's time to install the Adios theme, and we're gonna be doing that in the next lesson, see you there.