Lesson 1 of 0
In Progress

How to create a portfolio website Locally

Follow along and you should know everything about designing a WordPress portfolio, blog and resume using Local. I hope you enjoy!

Here is the link for downloading that starter template: https://share.drewlearns.com/4gujpBpl

If you are on linux, that link only provides a .dmg file so I’ve created another file for you here: https://drewlearns.com/portfolio-1/

How to make a portfolio site with WordPress

I worked at Flywheel for a while and found out about them through this amazing product they had called “Local by Flywheel”. I got to work with Clay, the brains behind it, and that dude is on another level! He originally called it “WordPress-O-Matic” before he partnered up with Flywheel.

Last year, WP-Engine purchased Flywheel and Local By Flywheel with it. The name changed again to Local to be more inclusive of the WordPress hosting community. Now you can completely develop your WordPress site locally on your computer and send with a single click to Flywheel or WP-Engine (and perhaps other hosts in the future).

Head over to localwp.com and click “download” at the top right. Select your platform and provide your details (this is a marketing form, so their sales team will eventually reach out).

After you have it downloaded, open the file and you should be prompted to install it. For Mac you just drag the file into your applications folder.

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%209.24.05%20AM.png

Agree to their terms and conditions and then exit the sales pitch for Local Pro then log in to your Hub account if you have one through WP-Engine or Flywheel (this step is not necessary).

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%209.29.16%20AM.png

You will be prompted a bunch of times for admin credentials when first creating a site but we will get into that momentarily

Ok I’ve installed Local, how do I use it?

I did a ton of the leg work for you so that you can focus on building content and update links appropriately. The idea is to get you up and running with a working portfolio site as soon as possible. You can customize this further and make it entirely your own. The best part is that WordPress is blog centric so as you are learning a new thing, you can blog about it.

Head over to https://share.drewlearns.com/4gujpBpl and download the WordPress template I’ve created for you. It’s a .zip file called portfolio.zip. Do not extract it.

Drag that file you just downloaded into the Local window and drop it. You will be prompted for you computer administrator credentials.

This image has an empty alt attribute; its file name is Screen%20Recording%202020-07-16%20at%2003.13%20PM.gif
IT TOOK ME SO MANY TRIES TO GET THIS GIF RIGHT 😜

Now that you have Local installed and a template site on it, your local site won’t have a trusted certificate. It is generally a bad practice to develop a site on WordPress without an SSL certificate from the beginning because you may see mixed content errors (http files loading over https) when you go live and add an SSL.

We want to trust the local certificate by clicking “Trust” as seen below:

This image has an empty alt attribute; its file name is Screen%20Recording%202020-07-16%20at%2003.15%20PM.gif
YOU MAY BE PROMPTED FOR AN COMPUTER ADMIN USER AND PASSWORD

Your site should now be “live” (locally) now. If you click the “VIEW SITE” button on the top right of the Local App you can view the template I’ve created for you. It should look like this:

This image has an empty alt attribute; its file name is Screen%20Recording%202020-07-16%20at%2003.48%20PM.gif

How do I access/customize this Site?

Back in the Local app, click the “ADMIN” button.

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%204.37.37%20PM.png

Your browser should open up a new page at a URI path of /wp-login.php? which should be a WordPress login screen.

The username is admin and the password is password, secure right? We will change this but for now, it’s on your local computer and I didn’t want this to be too complicated.

You should now be logged in and see a screen like this:

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%204.41.35%20PM.png

How do I secure my WordPress website?

The first thing we are going to do is secure this thing. Head over to the “Users” option on the left menu (about half way down the page, also pictured above).

Click “add new”

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%204.43.41%20PM.png

Create a new Admin user – this will be a user for maintenance and general upkeep. You will not be using this user for writing blog posts. You cannot re-use emails, and we are going to create another “Author” role user for you to write articles with. As a good security practice, never use admin or any version of it as a username. Emails as username are best.

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%204.45.45%20PM.png
BE SURE TO USE SECURE PASSWORDS – MY HUMBLE SITE HAS HAD HACKING ATTEMPTS, DON’T THINK YOU WON’T

Now that you have an admin user, you’ll need to follow the same process to create another user but this time instead of Administrator rights, you’ll want to make it an Author. If you know anything about hashing tables, you’ll never reuse a password again. Please, for the love of all that is holy, use a different password for the author than the admin.

This step is important because authors of the site should be allowed to write articles, not break the whole thing and your user/email may be embedded through out your site or in a sitemap – this makes a hacker’s job easier if they can find it. So we create one they can find that, if they do gain access, it won’t be to anything of value to them.

Now that you have a new admin user and author user, log out.

This image has an empty alt attribute; its file name is Screen%20Recording%202020-07-16%20at%2004.51%20PM.gif
HOW TO LOG OUT OF WORDPRESS

Now, log back in with your new admin user. Go back to the Users menu.

NOTE: The admin user owns a "lorem ipsum" post and All the pages/menus, if you delete it. You'll be stuck with an empty site. DONT DO THIS.

Select the “admin user” and in the bulk actions select “Delete” then “Apply”.

This image has an empty alt attribute; its file name is Image%202020-07-16%20at%205.12.21%20PM.png
This image has an empty alt attribute; its file name is Image%202020-07-16%20at%205.13.35%20PM.png
ATTRIBUTE ALL CONTENT TO YOUR AUTHOR USER

This article so far only scratched a tiny subset of security for a WordPress site. Keep following along as we build this site up for more details.