How to Make a Single Page Website for Freelancers & Agencies

Learn to create a single page website from scratch with WordPress & find new clients. No coding or experience required.

Created byHoku Ho

Last updated 4/2016

English

English [Auto],

What you'll learn

Learn to create a single page, mobile friendly website, complete with contact form, social media profiles, portfolio and skills showcase, testimonials, photo galleries, blog articles, parallax scrolling, and more
Learn to get your website online by registering a domain name, setting up web hosting, and installing WordPress
Learn to build websites with WordPress

Course content

4 sections • 30 lectures • 1h 18m total length

Course Intro2:46
Intro to WordPress2:38
Explore WordPress to customize your site without coding, using the dashboard to add posts and adjust appearance, then extend functionality with plugins like Mash Share to add social share buttons.

Getting Started Intro1:16
What is a Domain Name?1:17
How to Register a Domain Name2:02
What is Web Hosting?1:05
Discover what web hosting means with a Pinterest example, where uploaded content is stored on servers. Compare buying your own server to renting space on someone else's servers.
How to Get the Cheapest Web Hosting4:32
You'll see how to sign up for web hosting at the cheapest possible price.

One cent coupon code: buildwithoutcode1

25% off coupon code: buildwithoutcode
How to Connect your Domain and Web Host1:17
How to Install WordPress3:03
How to Change HostGator and WordPress Passwords1:46

Installing the Pixova Lite Theme1:43
Site Name, Pre-loader, and Breadcrumbs3:05
Contact Info and Favicon1:42
Add contact details such as email, phone, and city to your single page site, then customize the favicon by uploading a site icon image and publish the changes.
Disable Team Section and Add Header Image2:00
CTA Text, Button, and Anchor Link3:16
Learn how to customize the cta text and button, and implement on-page anchor links that scroll to the contact section by tagging it and linking with the domain /#contact.
What We Do1:07
Our Skills Section1:42
Recent Works Section4:32
Creating a Page3:32
Testimonials Section3:02
Update the testimonials section by renaming the title to testimonials and removing the subtitle, then add two custom testimonials with square images to prevent skew, and save and publish.
Creating a Blog Post2:31
Create and customize blog posts by labeling them as website tutorials, embedding YouTube videos, adding featured images, and publishing to display on the homepage.
Featured Video Plus Plugin6:02
Blog Sidebar Widgets2:42
Footer and WP Editor Widget Plugin8:07
Customize a website footer with widgets and the WP editor widget plugin. Add rich text, images, and clickable links, including social media and latest posts.
Add Contact Form2:59
Editor Files3:05
Learn to customize a freelancer's single-page site by editing theme files, updating the about section to say what I do, and managing skills and text during updates.
Menu or Navigation Bar4:05

Requirements

Any computer with internet access
You'll need the WordPress software, but don't worry, it's free and we'll show you how to install it in the course!
No coding or prior experience required

Description

If you want to create a beautiful website to find more clients for your agency or freelance business, this is the course for you.

We’ll build an actual single page, portfolio website together, step by step, from start to finish.

You’ll learn how to get your website live on the internet and how to customize it with WordPress. No experience and no coding is required.

The website we’ll build will have the following features:

Call-to-action header with beautiful image, text, and button
Simple contact form
Display email, phone, and dress contact info
‘What We Do’ section
‘Our Skills’ section
‘Recent Works’ section with image, logo, and link to project
Page for portfolio item with image gallery
Video blog posts
Blog sidebar widgets with contact info, recent posts, and search bar
Embedded YouTube videos
Page/post featured image
Testimonials section with photo, name, and quote
Custom footer
Parallax scrolling
Single page, freelance/agency theme
‘About Me’ widget
‘Follow Us’ widget with icons and links to profiles for Twitter, Facebook, Pinterest, YouTube, Google Plus, Dribbble, Tumblr, Instagram
Custom favicon (site icon)
Custom domain name
Unlimited bandwidth web hosting
Responsive web design, so it will look good on any screen size or mobile phone
Custom Navigation bar
Anchor links that jump to specific areas of the page

Don’t have a programming background? No worries, we’ll start from scratch. You’ll learn how to register a domain name, set up web hosting, and install WordPress (in other words, everything you need to get your site live on the internet).

Then we’ll start customizing the site with WordPress. You’ll be able to quickly and easily add content and customize the design. All without writing code. We’ll be using the Pixova WordPress theme, which is well designed, easy to use, and completely free.

We’ve cut out the fluff so that you can get your website online as quickly as possible and start attracting new clients. Now go get started!

Who this course is for:

Freelancers, agencies, or service businesses looking for a new website to attract clients and provide info about their services
Anyone who wants to create a website from scratch
Anyone who wants to learn the basics of WordPress
Anyone looking to get started in web development

How to Make a Single Page Website for Freelancers & Agencies

What you'll learn

Explore related topics

Course content

Intro2 lectures • 5min

Getting Started8 lectures • 16min

Customizing the Site17 lectures • 55min

Conclusion3 lectures • 4min

Requirements

Description

Who this course is for: