Web Design: Build Professional Sites with WordPress

Learn step-by-step how to build professional websites and work from home as a web designer.
4.4 (9 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,747 students enrolled
$40
Take This Course
  • Lectures 144
  • Contents Video: 9 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2015 English

Course Description

This course covers everything you need to know to start making websites in WordPress.

You get to watch over my shoulder and follow along Step by Step as we together go from nothing into building a fully functional website from start to finish.

In doing so you will learn everything from getting your own domian, backing up your website and website security to integrating video, images, maps, social media and contact forms etc.

This means that throughout this course you are going to learn a set of new skill that will make it easy and understandable keep building websites in WordPress in the future.

In Short You will learn:

  • How to get your website started.
  • How to set up your website security.
  • How to set up automated backups for free.
  • How to integrate video & images in your website.
  • How to ad a custom slider to your website.
  • How to connect social media to your website.
  • How to ad a map & a contact form to your website.
  • How to ad a blog & events calendar to your website.
  • Much more..

You will also know:

  • Where to valuate and sell your websites online.
  • Where to find free images & icons for commercial use.
  • How to create your own custom email (ie. info@yourdomain.com)
  • How to manage all your custom emails through your Gmail account.

This Step by Step Video Course includes:

  • Over 100 video lessons + Bonus materials.
  • An easy to follow Step by Step approach to learning.
  • All course material. (Images, Wordpress, Plugins etc.)
  • 30 Day Money Back Guarantee.
  • A certificate of completion.

What are the requirements?

  • No prior knowledge needed.
  • All you need is a computer and an internet connection.
  • Basic computer understanding is a plus but not necessary.

What am I going to get from this course?

  • Make porfessional websites in Wordpress
  • Build & manage your own bussiness website
  • Manage Wordpress installations & websites
  • Backup & Secure your own and/or clients websites
  • Create multiple custom email addresses ie. "info@yourwebsite.com"
  • Sell websites online
  • Sell Your web design services to local businesses
  • Much more...

What is the target audience?

  • This course is for You if you have no prior knowledge of how to make a website in wordpress and/or if you have a limited understanding but never really built a propper website in wordpress.
  • This course will also suit you if you wish to understand how manage your allready existing wordpress website and/or build a new website for your business.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Intruduction.
04:13

Hi! Let me tell you a little about myself.
Here's a short presentation of me, your teacher in this course.

03:44

Now let me present the website we will build together!

This willbe an example website for this course and I've stuffed it with all of the most important features for a website, to make sure you get good a hang of it all.

03:12

This is a short overview of what you will learn from this course.

Have a look!

02:50

This is an explanation of how you best take this course to get as much out of it as possible.
It also shows you how and where to get access to all the course material, which by the way...
you'll be able to download from your right sidebar.

Section 2: Getting Started!
03:55

This lesson teaches you exactly how and where to get your necessary web host account for a discount!

03:25

In this lesson we'll have a quick first look at your web host's back office control panel and get familiar with the Cpanel.

Section 3: BONUS!
02:29

In this Bonus Lesson we will create your first customized webmail.
ie. support@yourdomain.com, info@yourdomain.com etc.

06:35

In this lesson you will learn how to connect our webmail to our Gmail account so that every mail sent to our webmail address ends up in our Gmail account. This way we can read & control all our mail from one place - our Gmail account.


06:11

In this lesson you will learn how to send mail from Gmail s our Webmail. Meaning who ever receives the mail think it was sent from our webmail address. ie. support@yourdomain.com and NOT your.name@gmail.com

Section 4: Setting Up WordPress
02:46

It's time to install our WordPress Platform - the Content Management System (CMS) we will build our website in.
In this lesson you will learn exactly how install WordPress from our Cpanel..

(You can download the WordPress version used in this course from your right sidebar.)

02:35

We have installed WordPress and it's time to login to our website for the first time.
We will also learn how to change our WordPress password.

04:47

In this lesson we take a closer look at our WordPress settings & also make a few changes to these.

Section 5: Security & Backups!
02:38

Plugins add functions to your WordPress website.
In this lesson we will install our first plugin - a Security Plugin.

(You can download the plugin version we use in this course from your right sidebar.)

02:20

In this lesson we look at the basic security settings of our new security plugin.

05:52

It's time to set our user security!

04:12

This Lesson teaches us how to set up our file system security as well as changing file permissions.

03:33

In this lesson we take a closer look at our firewall & brute force security settings.

04:08

In this last part of our security settings section we go trough our spam, scanner, maintanance mode & miscellaneous security settings. Finally we also take a look at our new security score.

02:43

Our Security is set and we will continue in this lesson by installing a plugin that will help us backup our website.
Backing up the website on a regular basis is one of the most important tasks when it comes to building websites.

(You can download the plugin version we use in this course from your right sidebar.)

04:52

In this lesson we create a new backup job and go through all of the backup settings.

03:11

Our Backup is set and ready to run.
In this lesson we backup our website for the first time!

03:28

In this lesson you will learn exactly how we can automate our backups using cron jobs to make sure our backups run on schedule. This will give you the knowledge to set up any cron job from directly from Cpanel instead of having to use WordPress's own and unfortunately unreliable wp-cron job.

(You can download the plugin version we use in this course from your right sidebar.)

Section 6: Themes, Pages & Menus
05:23

Themes determines the basic design of our websites.
In this lesson we will go through how to install a new theme and what to think about when choosing what theme to go with. Finally we'll also choose a theme for the website we're building in this course.

(You can download the theme version we use in this course from your right sidebar.)

04:14

In this lesson you will learn how to create as well as delete pages.
We will also look at some different publishing options that allow us to decide weather we want to publish a page immediately or schedule it to a later date.


03:33

Before we start customizing and designing our website we need to create a page framework.
This lesson shows you how to set up your basic framework and setting page orders.
I will also show you how to edit your page slugs - the specific page's web address.

02:30

In this lesson we first have a quick look trough our "Quick Edit" page option.

After that we change our settings from Blog setting to Website settings and also decide on witch
page becomes our website's home page as well as witch page will be our dedicated blog page.

05:24

Now we will have a closer look at how to create and set up menus.
We will also look at some special customizations like how to ad an internal or external link to our menu bar etc.

05:46

In this lesson you will learn how to create and set up your own customized men.
After that we look at how you can rearrange the menu bar to your liking.

Section 7: Trying Out Our Backup & Restoring Our Website!
03:35

In this lesson we will run a new backup to make sure that we have a fresh backup of our website.
Then we make sure we have a copy of the latest backup on our desktop.


03:00

First we will delete all the files from our domain and also uninstall WordPress.
Just like we would if our website got hacked, to make sure we start on a fresh slate.

04:08

This lesson starts with us reinstalling WordPress.
After that we upload and reinstall our backup files to our domain.

03:00

Our database is half our website and without a database we don't have a working website.

Now you will learn how to reinstall your database.

04:44

In this lesson you will learn how to connect your database with your files in order for your website to work.

We will also go through some last very important steps in deleting the files that make out a security risk if left on our server.


Section 8: Customizing Our Theme.
04:50

To start this section of we will upload a custom logo to our website.
(this can be found & downloaded under downloads in your right sidebar)

After that we will change the basic color settings of our website, and finally we will change the basic text font.

03:08

In this lesson we have a quick look at how to use the social links option in our theme.

Every good WordPress theme has a built in social links function to make sure that you easily can connect
your website users to your company's Facebook Page, Twitter Account, YouTube Channel etc.

02:36

Now we will have a closer look at our image settings as well as our responsive settings to make sure that our website will look good on all devices, weather our user sees our website on a smart phone, a tablet or a computer.

03:40

In this lesson we will change some of our header settings in order to customize the design of our website header.

04:12

First we're going through some of our basic custom front page settings,
after which we'll choose our three featured pages as well as customize their "Read More" buttons.

05:15

It is time to create our own custom slider for for our website's front page.
We will start by adding our first slider image. (You can download it from your sidebar.)

02:45

Great! In the last lesson we added our first custom slider image.

Now it's time to activate our slider! After which we'll have a look at our website before continuing
to Bonus number 3..

04:22

This Bonus will show you exactly how & where to find free images for commercial use.
That means you'll learn how to find free images for your and/ or clients future websites.

04:07

In the second part of Bonus 3 you will learn about my favorite website when it comes to finding good quality images for commercial use. Most of which do not require any attribution.

(You can download some of these images from your right sidebar.)

03:18

Now it's time to add a second image to our custom slider.
We will use one of the images that we downloaded in Bonus 3.

You will also learn how to connect your slider image to a page.

04:09

In this lesson we will start by adding a third image to our custom slider.
After that we will take a quick look at how to rearrange the order of our custom slider images.

02:39

As a last step we make a few changes to our slider before we are finished customizing it this far.

After that we take a look at the result to make sure our custom slider looks and behaves like we want.


02:15

This lessons shows you the steps you should always take before installing a new plugin into WordPress,
to make sure that there's an easy fix if the new plugin breaks your site.

03:14

We have taken the necessary precautions and are now ready to install our new plugin.

After installing the plugin we will also go through the right settings to make sure this plugin does what we want.

(You can download the plugin version we use in this course from your right sidebar.)

03:27

Now it is time to use our new plugin to chunk or optimize our images file sizes in order for our website to perform better and run faster.

Shorter loading times is always better when it comes to our websites!

04:29

In tis lesson we will set the image to our first featured page on our website's home page.

You will also learn how to edit and crop images in WordPress.

02:19

Now we will set featured page images nr. 2 and repeat the editing process to change the image size.

(You can download this image from your right side bar.)

03:12

In this lesson we will set our third and last featured page images, and again change the dimensions of the image to meet our needs.

(You can download the image from your right side bar.)

Section 9: Building & Customizing Our Pages.
03:10

Before we start filling the rest of our pages with content we need to install yet another plugin.
The editing plugin.

In this lesson you will learn what it is and how to use it.

(You can download the plugin version we use in this course from your right sidebar.)

02:43

In this lesson we will add some text to our "about us" page.
You will also learn how to change text font as well as the size of our text.

03:25

Now it is time to make a few changes to our page layout.
ie. changing the side bar etc.


02:42

In this lesson we make a few more changes to our page layout.
Among other things we have a closer look at breadcrumbs and how
we can disable them from showing on our website's pages.

05:50

Next, you will learn how to embed video into your website's pages,
but first we need to install a plugin that will help us with our task.

(You can download the plugin version we use in this course from your right sidebar.)

02:31

Now let's take a closer look at how you can use this pluging to wrap the text around your video, so that it is nicely aligned to the left or right of your text paragraph instead of under or above the text.

04:26

To give our website an extra dimension we are going to install a pluging that helps us customize the background of our pages. This means we will be able to change the background image and set individual backgrounds for every page.

(You can download the plugin version we use in this course from your right sidebar.)

05:27

In this Bonus lesson we will look at a fantastic and free image editing tool online.
This tool can help us with everything from editing our background images to making logos etc.

In this case we are going to use this tool to make our background image into a black & white image so that it contrasts better against our text. (You can download the black & white version from your right sidebar.)

05:35

Now we are going to have a closer look at widgets and how they help us customize our website's sidebars.
This can help us add things like a; Search Bar, Calendar, Image, Social Media Bar and much more..

02:47

In this lesson we will start editing out opening hours page.
The first thing we will do is change the page name as well as the page slug - the page's individual webaddress.

After that we are going to install a plugin that helps us put our webpage's text in more than one column.

(You can download the plugin version we use in this course from your right sidebar.)

04:27

Many WordPress plugins and themes uses short code.
It is basically a shortened string of code that we copy and past into our page where we want a sertain function or design to appear.

In this lesson you will learn to work with short codes and how to structure these to make them easier to spot and work with in the future. You will also learn how to center your text, how to make text bold and how to change the text color.

04:27

Building websites you are sooner or later going to need an icon somewhere.

In in this bonus lesson I will show you exactly how and where you can find a lot of these icons without having to pay a dime. And the best thing is; if you do it right you will find nice icons that you are free to use even for commercial use! (You can download the icon I'm using from your right sidebar)

05:44

Now it is time to edit column 2 of our "Opening Hours" page.

We will add some opening hours and in doing so we are going to look at how you can underline text as well as repeat the process of changing font size, making the text bold etc.

04:31

In this lesson we will keep working with the design of our "Opening Hours" page.

We are going to edit our text some more and you will learn how to indent the text if needed.
Last but not least we are going to set the custom background image for this specific page.

(You can download the background image from your right sidebar.)

04:04

First we need to change our text color so that it looks nice against our background.
Then we will use a simple trick to check our responsive design to make sure our website will look nice
on any device like mobile phones, tablets etc.



03:37

In this lesson we will keep making sure that our website looks good on any device in any format.
That means we need to make some more changes to our page layout.

02:07

Our "Opening Hours" page is almost done.
Now we just need to add some final touches.

04:43

As a business today it is almost crucial to connect to your customers through social media!

In this lesson we are going to install a Facebook fan box to integrate our websites with customers through Facebook. There's many ways to do this and we will look at one of the plugins that does this the best!

(You can download the plugin version we use in this course from your right sidebar.)

04:48

In this lesson we'll play around a little with the Facebook fan box settings and the post feed to get more familiar with this plugin and it's different options.

04:05

Now we are going to play around a little with the header settings
to get an idea of how we can change the look of or Facebook fan box.

02:49

Finally we are looking at some last options and making the last changes to
Our Facebook Fan Box to make sure it looks nice and neat.

We'll also make sure everything looks good in a mobile size format.

02:24

Now it is time to move on and add some content into our "Finding Us" page.
First, of course, we'll start by installing a plugin that will integrate a map into our page.

(You can download the plugin version we use in this course from your right sidebar.)

04:03

In this lesson we will create our location and go through the settings of our map.

04:29

Our plugin is installed and our location is set.
Now all we have to do is use the short code to integrate our map into the "Finding Us" page.

After that we will add a custom page background. (You can download the image from your right sidebar.)

We will also make sure that everything works and looks like we want.

01:29

We are pretty much finished with the "Finding Us" page.
Lastly we want grab an image of our map to use for our front page slider.
In this lesson you will learn exactly how this is done.

05:19

Finally we are going to add our map image to our front page slider and connect it to our "Finding Us" page.

(You can download the image from your right sidebar.)

03:34

Now we are going to start building our "Contact" page!
And again we are starting by installing a new plugin for this pupose.

This is a contact plugin has a lot of options ad we will start by looking at a few of them after setting our plugin up.

(You can download the plugin version we use in this course from your right sidebar.)

04:21

In this lesson we will be looking a bit closer at all our different options with this plugin,
as well as customizing our contact form. ( The logo used can be downloaded from your right sidebar.)

04:14

Finally, of course, it is time to install our customized contact form into our "Contact" page.
After that we'll make some last design changes as well as aat our customized page background image.

(You can fin & download the background image from your right sidebar.)

Section 10: The Blog & Events Part - Engaging Visitors.
03:46

Blog posts can be a great way to interact with your customers!

In this lesson we will start by deleting the dummy post that comes with all WordPress installations.
Then we will create our own post and add a numbered list to it.

04:07

In this lesson we start by looking at adding a part of the most commonly used dummy texts "Lorem Ipsum",
after which we will create a bullet list.

Last but not least you will learn how to add an external link, linking your visitor to any website you want without closing your website.

03:06

Now we are going to add an image to our post.
You will learn how to align images and have your text wrap around them as well as placing your images before or after the text. (You can download the image from your right sidebar as usual.)

03:53

Allowing comments on your posts is of course the best way to really interact with your customers.
It is also a good way to get an insight in what they wish to see or know more of in your business.

In this lesson you will learn how to allow comments on your posts and what settings you need to have.

I'm also going to reveal some parts of the text editor that you really need to know about!

04:54

The "Press This" tool is one of the most useful tools when it comes to charing interesting articles, recipes and othe knowledge with our website's visitors. Also it let's yo blog like a "pro" without having to spend much time on your blog posts!

You will also learn how to fix a common problem that this tool has with some web hosts.

02:27

Now we are going to customize the design of our new "Press This" post by rearranging the image.
After that you will learn how to add your own categories to you posts.

03:41

So, of course in this lesson we are going to start by fixing our broken link.

You are also going to learn how to link an image,
so that when clicked on it takes your visitor to the webpage of your choice.

02:52

Now we are going to add an event calendar to our website. This will help us post upcoming events with event info, price, map and much more...But first, we have to install the right plugin!

(You can download the plugin version we use in this course from your right sidebar.)

02:26

Up until now we have added images to our website by uploading an image file.
Now you are going to learn how you can add an image to your websiite using an external URL.

03:33

It is time too set our event options including time, place, price, organizer of the event etc.
We will also set our event category and event tag.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jens Olof K Engstrom, Web Design & Marketing.

Several years of experience in web design & online marketing.

With a background teaching in school, giving private music lessons and pedagogic work with disabled kids, I changed my career and started working for a small marketing company.

I've since helped small businesses and local companies to build their online presence.

My focus is on building websites in Wordpress, Facebook marketing strategies, affiliate marketing, Google analytics and Google adwords.

I teach trough a hands on, Step by Step approach where you as a student get to watch over my shoulder and follow every step of the way from start to finish in different projects as we set up and learn;

How to make a website. How to set up a Facebook advertising campaign. How to set up a Google Adwords campaign. How to manage Goole Analytics. How to make money with affiliate marketing, and much more..

My aim is to give you the best of my knowledge to the best of my ability and through that help you towards the success and freedom you deserve and desire.

Because:"Knowledge is the only thing of real value in this world!"Jens. E

Ready to start learning?
Take This Course