Web Design: Build Professional Sites with WordPress
4.4 (14 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,758 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Design: Build Professional Sites with WordPress to your Wishlist.

Add to Wishlist

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 (14 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,758 students enrolled
Last updated 3/2016
English
Current price: $10 Original price: $40 Discount: 75% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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...
View Curriculum
Requirements
  • No prior knowledge needed.
  • All you need is a computer and an internet connection.
  • Basic computer understanding is a plus but not necessary.
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.
Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 144 Lectures Collapse All 144 Lectures 08:57:56
+
Intruduction.
4 Lectures 13:59

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

Preview 04:13

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.

Preview 03:44

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

Have a look!

Preview 03:12

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.

Preview 02:50
+
Getting Started!
2 Lectures 07:20

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

Preview 03:55

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.

Cpanel - Your Web Host's Control Panel
03:25
+
BONUS!
3 Lectures 15:15

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

BONUS 1 - Creating Your Customized Webmail
02:29

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.


BONUS 2 - Part 1 - Connecting Our Webmail to Gmail
06:35

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

BONUS 2 - Part 2 - Connecting Our Webmail to Gmail
06:11
+
Setting Up WordPress
3 Lectures 10:08

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.)

Installing WordPress.
02:46

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.

Logging into WordPress & Changing Password
02:35

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

WordPress Settings.
04:47
+
Security & Backups!
10 Lectures 36:57

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.)

Installing Our First Plugin - A Security Plugin.
02:38

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

Security Settings.
02:20

It's time to set our user security!

User Security.
05:52

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

File System Security.
04:12

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

Firewall & Brute Force Security Settings.
03:33

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.

Spam, Scanner, Maintanance Mode & Miscellaneous Security Settings.
04:08

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.)

Installing Our Backup Plugin.
02:43

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

Backup Settings.
04:52

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

Baking Up Our Website.
03:11

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.)

Automating Our Backups Using Cron Jobs.
03:28
+
Themes, Pages & Menus
6 Lectures 26:50

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.)

Installing a New Theme.
05:23

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.


Setting Up Our First Page.
04:14

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.

Creating Our Page Framework.
03:33

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.

Blog or Website? - Choosing Our Home Page.
02:30

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.

The Menu Bar.
05:24

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.

Creating Our Custom Menu.
05:46
+
Trying Out Our Backup & Restoring Our Website!
5 Lectures 18:27

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.


Making Sure We Have A Fresh Backup!
03:35

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.

Uninstalling WordPress.
03:00

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

Reinstalling WordPress & Uploading Our Backup.
04:08

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.

Reinstalling our Database.
03:00

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.


Establishing A Database Connection!
04:44
+
Customizing Our Theme.
18 Lectures 01:03:57

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.

Logo & Fonts
04:50

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.

Social Links & Icons
03:08

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.

Making Sure Your Website is Mobile Friendly!
02:36

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

Header Settings.
03:40

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.

Choosing Our Featured Pages.
04:12

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.)

Creating Our Slider!
05:15

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..

Activating Our Custom Slider.
02:45

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.

BONUS 3 - Part 1 - Free Images for Commercial Use.
04:22

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.)

BONUS 3 - Part 2 - Free Images for Commercial Use.
04:07

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.

Adding a Second Image to Our Custom Slider.
03:18

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.

Rearranging Our Custom Slider Images.
04:09

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.


The Last Steps of Creating Our Custom Slider.
02:39

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.

Preparing to Install a New Plugin.
02:15

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.)

Installing The New Plugin.
03:14

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!

Chunking Our Image Files to Speed Up Our Site!
03:27

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.

Setting The Featured Page Images.
04:29

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.)

Setting Featured Page image Nr. 2
02:19

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.)

Setting Featured Page image Nr. 3
03:12
+
Building & Customizing Our Pages.
29 Lectures 01:53:51

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.)

The Editing Plugin!
03:10

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.

The About Us Page.
02:43

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


Customizing Our Layout.
03:25

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.

Page Breadcrumbs.
02:42

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.)

Embedding Video Into our Page.
05:50

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.

Wrapping Text Around Our Video.
02:31

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.)

Customizing Our Page Background!
04:26

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.)

BONUS 4 - A Free Image Editing Tool Online.
05:27

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..

Widgets - Customizing Our Website's Sidebar.
05:35

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.)

The Opening Hours Page.
02:47

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.

Working With Short Code.
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)

BONUS 5 - How To Find Free Icons For Commercial Use.
04:27

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.

Editing Column Two.
05:44

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.)

Adding Our Backgroud Image.
04:31

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.



Responsive Design Check.
04:04

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.

Designed For Mobil Devices..
03:37

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

Some Last Steps to This Page.
02:07

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.)

Integrate Your Facebook Fans!
04:43

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.

Facebook Fan Box Settings.
04:48

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.

Facebook Fan Box Settings 2.
04:05

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.

Facebook Fan Box Settings 3.
02:49

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.)

The Finding Us Page.
02:24

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

Map Settings & Location.
04:03

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.

Integrating Our Map
04: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.

The Snipping & Grab Tool
01:29

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.)

Adding Our Map to Our Slider.
05:19

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.)

Our Contact Page.
03:34

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.)

Customizing Our Contact Form.
04:21

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.)

Installing Our Contact Form to Our Contact Page
04:14
+
The Blog & Events Part - Engaging Visitors.
25 Lectures 01:27:05

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.

Blog Posts.
03:46

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.

Lorem Ipsum & Linking to Other Websites.
04:07

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.)

Placing Images.
03:06

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!

Allowing Comments.
03:53

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.

Press This - The Time Saver!
04:54

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.

Post Categories.
02:27

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.

Fixing Broken Link & Linking Our Image.
03:41

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.)

The Event Calendar Setup.
02:52

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.

Adding Image From URL.
02:26

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.

Event Options.
03:33

Now that our event is created we need to add a custom events bar to our menu.
That also means we have to make a few additional changes.

Adding Events to Menu Bar
02:18

Adding the custom events bar to our menu created a small problem with duplicates.
Now we are going to start sorting this up as well as change some of our event settings.

Event Settings & Correcting Our Menu Bar.
03:04

The "Page Not Found" message means that something has bean disrupted when we have made changes to our page and sooner or later you are going to stumble over this error message. However there is usually an easy fix to this.

In this lesson you are going to learn how to fix the "Page Not Found" error to make sure your website works like it should.


Fixing Page Not Found!
03:45

Pages, posts and events all use featured images.
Now, let's look at adding featured images to our events.

Adding Featured Images to Events.
02:44

In this lesson we are going too take a look at how we can interlink our pages by linking an image
as well as a text link in a new event to one of our blog posts.

Interlinking Pages.
04:20

Now it's time to set our event settings for the second event as well as adding a featured image and a event category.

Second Event Settings.
03:28

Let's have a last look at our events and make sure everything is setup as we want it.
We are also going to have a quick look at the addons to his plugin and what possibilities they give.

A Last Event Check.
02:58

It is time to jump back to our website's front page or home page and edit our featured page excerpts.

Front Page Excerpt - Part 1
03:05

We've fixed one of our front page excerpt. Now let's set the other ones to match this.

Front Page Excerpt - Part 2
02:43

Now let's customize our post layout a bit. We are going to have a closer look at how we can change to post images as well as our post excerpts.

Customizing Our Post layout.
04:24

In this lesson we are going to set our post's featured image.

Setting Our Post's Featured Images
02:56

Let us have a closer look at our post's thumbnail image settings an how we can customize the size of our post thumbnails.

Thumbnail Image Settings.
04:01

All of a sudden we have ended up with duplicate images in one of our posts.
So, let's have a look at why this is and how we can fix it.

Fixing our problem with duplicate images.
03:56

In this lesson we take a look at what post breadcrumbs and metas are,
and then we'll decide if we wish to show these in our posts.

We will also have a qiuck look at our drop cap option.

Post Breadcrumbs & Metas
03:27

As you already know, since the purpose of our posts are to engage visitors and customers it is a good idea to allow comments.

Now let us look closer at our post comments settings, and customize the way it looks when someone leaves a comment at our posts.

Our Post's Comments Settings.
05:11
6 More Sections
About the Instructor
Jens Olof K Engstrom
4.4 Average rating
14 Reviews
1,758 Students
1 Course
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