How to Make a Website Without Coding- WordPress & Web Skills

The main things we'll need to do to get a website live on the internet are:

1. Register a Domain Name
2. Set Up Web Hosting
3. Install WordPress

You'll learn about domain names, what to keep in mind when choosing a name, and how to contact the owner if a domain name is already taken.

You'll see step by step how to register a domain name through NameCheap.

You'll learn what web hosting is and why it's necessary.

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

You'll see how to connect your NameCheap domain and HostGator hosting by pointing your domain name to your web host.

You'll see how to install WordPress from the HostGator cPanel.

You're initially given randomly generated passwords for HostGator and WordPress. This lecture shows you how to change those passwords to whatever you'd like.

You'll learn the differences between WordPress[dot]org and WordPress[dot]com and when to use each. Differences such as price, hosting, flexibility, and ease of use.

The dashboard is where you go to make any changes to your website through WordPress. You'll learn how to log in to your dashboard. You'll also learn what the toolbar is and why it's useful.

You'll learn what themes are and how they affect the look and feel of your website.

You'll learn how to find the best themes through WordPress and through Google. Along the way you'll also learn about installing WordPress themes, activating them, live previewing, and demoing them, and getting them for free.

The way you customize a theme varies from theme to theme. You'll learn some of the main ways to customize a theme, see some examples of customizing a theme, and learn what to do if you can't figure out how to customize a certain theme. You'll learn about using a theme's homepage and WordPress support page to help you customize that theme.

Summarizing themes by going through an example of my process for finding and customizing a theme.

You'll learn what cache is, why it's useful to clear your cache, and how to clear it.

You'll learn what plugins are, why they're important, and how to find and install them. Then we'll install a few example plugins and play around with them.

You'll learn what widgets are, why they're important, and how to use them. This includes how to edit them, put them in different locations, and how they relate to the theme you're using. We'll also play around with a few different widgets.

Jetpack is basically a collection of useful plugins. You'll learn how to enable Jetpack and see in action.

A step by step walk-through of creating a WordPress[dot]com account (you need this account to use Jetpack).

What is Mojo Marketplace and how to deactivate it.

You'll learn what pages and posts are, and the main differences between them.

You'll learn how to add new posts and edit them. We'll make an example post to show you how to use the editor. This includes adding a title, body, picture, saving a draft, previewing the draft, and publishing the post.

We'll talk about what a post format is, how they relate to themes, and show you some of the different formats.

You'll learn what post categories are, and see how they are used.

You'll learn what post tags are, and how they are used.

You'll learn how to add new pages and edit them. This will also go over hierarchy of pages and a little bit about how they are displayed on the navigation bar.

You'll learn how to create menus or nav bars, and customize them to show what you'd like. This includes hierarchy, adding pages, posts, categories, tags and custom links. You'll also learn how to use widgets to put your menu in different places on your site like the sidebar.

You'll learn different ways to add and edit different types of media. You'll also learn more advanced options for your media like adding alt text images, galleries, and slideshows.

You'll what users are, the features surrounding them, and how to add and edit them. This includes customizing a user profile, authorship, and user roles/access.

You'll learn about the native WordPress comment system, how to change comment settings, and how to manage comments.

I prefer using Disqus to manage comments over the native WordPress comment system. I'll go over some of the advantages of using Disqus, how to get it set up on WordPress, how to edit Disqus settings, and how to manage comments on Disqus. You'll also see how examples of Disqus in action.

You'll learn what shortcode is by seeing it in action with the Animate It! Plugin.

If you plan on putting images on your site you should know the difference between .png, .jpg, and .gif and when to use each as explained in this video.

You'll learn what the best websites are to get free, commercial-use images and stock photos to use on your website.

Basic introduction to PicMonkey, a free photo editing alternative to Photoshop.

You'll learn how to make an icon-based logo using PicMonkey and IconMonstr. You can get free, commercial-use web icons on IconMonstr, and then add text and create a logo using PicMonkey as an alternative to Adobe Photoshop or Illustrator.

You'll learn how to make an initial or letter based logo using PicMonkey and ColourLovers.

You'll learn what the Chrome developer tools are and how to use them. I'll also go over what HTML and CSS are in very basic terms.

You'll learn what responsive web design is and how to test the responsiveness of your website on any screen.

You'll learn what SEO is, and what the advantages and disadvantages are of investing in SEO.

You'll learn about the two main ways optimize your website for search engines.

You'll learn how to use the Google Keyword Planner to find high traffic and low competition keywords for your site.

You'll learn how to optimize your pages and posts by putting the right keywords in the right places. We'll be using the Yoast WordPres SEO Plugin to do so.

Learn some basic strategies to drive traffic and build real links back to your website.

We'll sign up for Google Analytics and install the Google Analytics by Yoast Plugin to get Google Analytics connected to our website.

You'll learn what Google Webmaster Tools is and how to to get it set up. You'll also learn about XML sitemaps and how to submit one with the WordPress SEO by Yoast Plugin.

We'll take a look at the actual resume/portfolio website that we're going to build so that you can see all of its features.

portfolio.buildwithoutcode.com

You'll see where and how to get the Veecard Theme. Then we'll install and activate it.

You'll learn what the Easy Updates Manager Plugin is, why it's useful, and how to install and configure it.

You'll learn what the Full Screen Background Image Plugin is, why it's useful, and how to install and configure it.

We'll begin customizing the Veecard Theme by going over how to add a logo, favicon, and veecard file.

We'll change the contact info and bio on the homepage. In the process you'll learn a little trick to generate simple html code without writing it.

You'll see where to edit the fonts, colors, and texture of the theme.

We'll add icons that link to your different social media profiles such as Facebook, Twitter, and LinkedIn.

We'll add a meta description and then you'll learn about meta tags.

You'll learn how to edit the footer for this theme through theme options and by editing the actual theme files.

We'll connect our Google Analytics account with the Google Analytics by Yoast Plugin.

We'll go over what a permalink is and change the structure of our permalinks. We'll also create a resume and portfolio page and add each to our custom menu (navigation bar).

We'll customize the resume page by adding a featured image, personal information, work experience, education, and skills.

We'll customize the portfolio page by adding portfolio items, categorizing them, installing a plugin to re-order them, and changing the amount of items displayed per page.

We'll install the WordPress SEO by Yoast Plugin, and optimize the homepage and resume for search engines.

We'll briefly overview our finished website and all of it's features.

We'll take a look at the actual blog website that we're going to build so that you can see all of its features.

classblog.buildwithoutcode.com

We'll install the Sparkling Theme and then install and configure the Easy Updates Manager Plugin.

We'll connect our Google Analytics account with the Google Analytics by Yoast Plugin.

We'll install and configure the NextScripts: Social Networks Auto-Poster Plugin. This plugin will automatically post your new blog posts to your different social networking sites.

We'll customize the footer through the footer section of theme options and by editing the theme footer file.

We'll install the Disqus Comment System Plugin and get everything set up on your Disqus account. We'll also look at the different places to moderate comments.

We'll install the SumoMe plugin that allows us to put a sticky call to action button at the top of our site.

We'll install the List Builder App from the SumoMe Plugin. This enables us to have an email capture form pop-up. After installing, we'll customize this form for our website.

We'll install and look at the Scroll Box by SumoMe as an additional way to collect emails.

We'll add floating share buttons to the site. This will allow users to easily share our content on Facebook, Twitter, Pinterest, etc. no matter where they are on our site.

We'll add Mashable style share buttons to the top of all blog posts through the Mashshare Plugin.

We'll install the SumoMe contact form tab which can be clicked on to open a contact us form.

We'll install the Easy Bootstrap Shortcode Plugin and go over what it is and how to use it.

We'll create a blog post which includes adding headings, links, images, captions, accordions, tags, and categories.

We'll change the permalink structure and improve our on-page SEO with the WordPress SEO by Yoast Plugin.

We'll install and set up the Related Posts by Zemanta Plugin so that similar posts that we've published are suggested at the end of each post.

We'll create a custom menu and add category and custom pages.

For the left sidebar we'll get rid of the widgets we don't want, and add a text box and popular posts widget.

This plugin will allow us to order our blog posts however we'd like and not just by date.

We'll install the Broken Link Checker Plugin to ensure all of our links are working.

We'll put in our the homepage SEO title, meta description, logo.

We'll turn caching back on and delete some unnecessary plugins that came pre-loaded.

We'll briefly overview our finished website and all of it's features.

We'll take a look at the actual business website that we're going to build so that you can see all of its features.

classbusiness.buildwithoutcode.com

We'll turn off the Super Cache Plugin while we are developing the website and delete some unnecessary plugins that came pre-loaded.

We'll install the Zerif Lite Theme.

We'll install and configure the Easy Updates Manager Plugin.

We'll connect our Google Analytics account with the Google Analytics by Yoast Plugin.

We'll install the Full Screen Background Image Plugin and add our own background image.

We'll go over why the site title and tagline aren't needed for this particular theme.

We'll add a logo and customize the footer. Here is the custom css we used for the footer:

.zerif-copyright-box {

display: none;

}

We'll edit the big title section at the top by putting in our own text and call to action.

We'll change the our focus section title and then customize and add the our focus widgets.

I'll show you where to find the flat design icons I used in the our focus section.

We'll ad our content to the about us section and add some happy clients widgets.

We'll add some team member widgets to this section.

We'll add some testimonials widgets to this section.

We'll add two ribbons, each with text and a button.

We'll install the WooCommerce Plugin which will give us eCommerce capabilities so we can sell products on our site.

We'll create a downloadable product for sale with the Woocommerce Plugin. We'll also change the permalink structure and place links to the product in the homepage buttons.

We'll customize all of the WooCommerce settings such as product display, tax, payment gateways, shipping, and emails.

We'll use the WooCommerce Checkout Manager Plugin to pick and choose which billing and shipping fields we want to show on the checkout page. We'll also use some css to get rid of an unnecessary heading. Here is the css:

.woocommerce-shipping-fields {

display: none;

}

We'll create custom menu for the navigation bar.

We'll install and configure the WooCommerce Menu Cart Plugin to add a better looking cart menu item.

We'll add floating share buttons to the site. This will allow users to easily share our content on Facebook, Twitter, Pinterest, etc. no matter where they are on our site.

We'll install the SumoMe contact form tab which can be clicked on to open a contact us form.

We'll install the WordPress SEO by Yoast Plugin, and optimize the product page and homepage for search engines.

We'll go through the entire ordering process from adding an item to cart to checking out in the PayPal payment gateway so you can see what it's like from the customer's perspective.

We'll talk about how you can test the ordering process of a new product by setting your product price to free and $0.01.

We'll go over the different order statuses and how to manage all the orders received through the site.

We'll go over the automated emails sent by WooCommerce and PayPal.

We'll briefly overview our finished website and all of it's features.