WordPress Web Design Tutorial: Designing Your Top Level Web Page Templates

WordPress Web Design Tutorial: Designing Your Top Level Web Page Templates


Get my blueprint cheat sheet here In this video I’ll cover the main assets to a web page including page navigation, banners, sidebar design, footer, and body page specs. I’ll include things like word count, keyword saturation, video placement, and outbound links as well as links to other videos on similar topics. Don’t forget to share this video with your friends who are struggling with website design!

For every subscriber, YouTube pays me a piece of chicken and a can of beans so PLEASE Subscribe to my channel:

—————————

Video Notes:

************************1. Create templates************************

Now a, a big problem that I see with business owners and like clients that hire me and, and other WordPress web designers is for every page, they’re designing like, a new page. You know, it’s like well, we need to add a new page to our website. It’s like, oh great, I gotta design a whole nother page.

Now it doesn’t work that way, you need to be creating templates and a lot of website, website themes today support a template based system. So what we do is we create a series of templates that you can now export to the rest of your pages. But it’s still important that those templates.

************************2. Top level Navigation************************

First of all, and of course, you know, like you’re, you’re always, this could be your social media links up here. This could be like your phone number, or an email button.

You know, having those, always able to contact me, buttons, I think is a good idea. Up here you’ve got your navigation tabs. Now, when I first started in this, it was kind of like the thinking that you should have seven navigation tabs. I don’t agree with that anymore.

I think that you need to have like four or five, tops, and they need to be very simple. Every single one of them should be directed at converting a viewer to sale. So you don’t need one of these navigation tabs to say home. Right? Cuz typically your logo will lead you home.

You, you need it to say something like, About Us. What we offer. How to work with us. And our blog. Something like that.

WordPress web design tutorial
Designing a top level web page template

************************3. Sidebar and Footer************************

I believe in side bars. Some people are doing like this whole page design, that’s okay. That’s fine. If that’s the, the intent of your site. I like side bars because it enable me to, to engage with the viewer in different ways.

Use related pages for your web design- It might be helpful to have YouTube. You know, YouTube marketing. Landing page videos. Video production. Video bumpers. You know? Maybe even a tag that says, what are you looking for? And then underneath that I have a little circle there. Which I typically use to represent a testimonial. So maybe you’ve got.

A WordPress testimonial widget right in there, where it’s, every time it’s refreshed, a new testimonial pops up, right. So you’re engaging with the viewer that way. You might even have like social media links on, experimenting with an Instagram box. We’ll see how that turns out. Let’s go to your, I’ll come up to the main page last, go to your footer.

Your footer here is a huge resource. I like to have a three or four box footer that maybe has, like, you know, a summary about us, maybe our social links and then, maybe, like, a schedule, like schedule with me, or a work with me, right. And this could be an image.

Maybe it looks like a contact box, but it’s an image, and when you click it. It will go back to that work with us page, see. And then maybe in here you’ve got something you like your blog roll. Right? So your, your latest and greatest blogs. Or maybe it’s like your most popular blogs which you know, you can, you can work that out with some plug ins.

************************4: Main Page************************

In your main page or top level design page, your main body, let’s go back to that. Okay, we said about 400 words. But look at how I have it structured. I have an image up at the top and then I have some text right next to it. Now underneath that I have more text.

Underneath that I have some bullet points. So basically what you have here is you’ve got, you know, everything you really need to convert that viewer. Right up here, right up there. And then you’re gonna say something like let’s dig into that a little bit more because you don’t want them necessarily moving off of your page, right?

—————————

For more information:
WEB:
TW:
FB:

11 Comments

WordPress Tutorial For Beginners – Properly Make A Website With WordPress

WordPress Tutorial For Beginners – Properly Make A Website With WordPress


Free help, tips, & tutorials

In this WordPress Tutorial for Beginners, you will learn not only how to PROPERLY build a website with WordPress, step-by-step, START TO FINISH – you will also learn how to correctly optimize your WordPress website for the search engines AND your site visitors/potential customers, which will help increase your site’s online presence and bring more traffic & customers to your site!

We will use the free Twenty Fourteen theme to build a responsive WordPress website–but this WP tutorial can be used for any WordPress theme.

Free Download: WP Website Creation & Promotion MindMap:

Total beginner or more advanced, follow along and build your own mobile-friendly, responsive, optimized website with the free WordPress Twenty Fourteen theme, in 2014.

Enjoy and please leave your questions and comments below!

————————————————————

Follow me on Google +

****************************************************
HostGator Discount Coupon Codes:

***HostGator 30% Off Discount Code — MIKEsave30

***Paying monthly?–First month for 1 Cent ({videoDescription}.01) — MIKEsave10

(**HostGator recently contacted me so that I can now offer you a 30% discount coupon code!)

I’ve used HostGator for my web hosting for going on 8 years, so when I recommend them, I speak from my own positive experience! I do receive a commission from HostGator if you do use one of my coupon codes, but you won’t be charged extra for this….if you do use one of my discount codes, thank you! πŸ™‚

Here’s my link:

***********************************************
Video Chapters Index – Click on the time stamp links below to go the topic of your choice

0:08 Intro
1:07 Mindmap/video overview
4:29 Mindmap info
5:31 Instant Domain Search
6:42 Hosting
10:04 Connect hosting & domain
11:40 Cpanel – install WordPress
14:13 WordPress profile
16:53 Choosing a WordPress Theme
18:20 Child theme
23:51 Basic setup & settings
27:12 Plugins
39:50 Twenty Fourteen tweaks
41:28 Site content planning
45:50 Related keyword pages/categories
49:36 Home page tweaks
51:08 Create & install header image
1:02:10 Remove comments – bulk edit
1:03:39 Add home page content
1:06:02 Images: find,resize,optimize,edit
1:12:07 Sidebar/Widgets
1:24:11 Contact form
1:31:41 More home page tweaks
1:33:35 Image slider
1:39:45 Custom navigation menus
1:43:45 Left sidebar – widgets
1:51:31 Media library/Featured images
1:57:12 Blog/Featured grid
2:06:06 Changing WordPress themes

*********************************************************

Learn how to make your very own website with WordPress which is optimized and will be a foundation of your business’ online presence. No matter if you are a total WordPress beginner and know absolutely nothing about HTML, etc, you can make a WordPress website!

****************************************************
Make a website with the Twenty Twelve theme, watch my WordPress Tutorial for Beginners:

***********************************************************

Subscribe to my YouTube channel:

Click here —

Thank you…keep smiling, and keep on keepin’ on! πŸ™‚

14 Comments

WordPress Walkthrough Series (3 Of 10) – Creating Pages

WordPress Walkthrough Series (3 Of 10) – Creating Pages


Bluehost is a top recommended host for WordPress! Follow along as we demonstrate how to create a real website using WordPress on your Bluehost hosting account. Learn click-by-click how to create a static page, add a blog, use plugins, upload photo galleries, and much more!

In this video we explain how to create a page for your WordPress website.

If you need more help, just visit or call us at our headquarters 24/7, toll-free: (888) 401-4678

Don’t have a hosting account with us? Start here:

*******************************************************************
This video is apart of our WordPress Walkthrough Series 1-10
=============================================

Chapter 1 – Overview & Installation
Chapter 2 – Login & Admin Area
Chapter 3 – Creating Pages
Chapter 4 – Creating Blog Pages
Chapter 5 – Categories & Tags
Chapter 6 – Using Plugins
Chapter 7 – Customizing Themes
Chapter 8 – Menu & Widgets
Chapter 9 – Creating & Managing Users
Chapter 10 – Marketing Your Website

Full Playlist:

14 Comments

How To Make A WordPress Website And Blog – 2015 – Step By Step

How To Make A WordPress Website And Blog – 2015 – Step By Step


By popular demand, we will show you how to create your own website using WordPress. This website is a simply amazing and easy to setup, even for beginners. Just follow along with what we teach.

MASSIVE HOSTING DISCOUNT HERE — —
Use a discount code on checkout:
EMEDIACOACH (30% to 45% off total!)
1DIRTYCENT (1 cent first month!)

Questions? Ask in the comments and we will help you!

=============================================
Table of Contents:
=======================

Updates:

GET ONLINE:

0:00:47 – Live Demos – Desktop and Mobile!
0:02:56 – Overview / Famous WordPress Users
0:05:48 – Your Own .com and Hosting –
EMEDIACOACH (more than 30% off total)
1DIRTYCENT (1 cent first month)

DESIGN INSTALLATION / INITIAL SETTINGS:

0:14:51 – Install and Log In to WordPress!
0:20:58 – Install and Activate the Website Design:
0:23:55 – Change Password / Other basic settings

HOMEPAGE SETUP:

0:23:03 – Adding a Logo
(Get a custom logo designed for a few dollars:
0:32:59 – Add Your Image Slider
0:39:12 – Setup and Customize your Homepage
1:27:17 – Update Home Panel Links

AND EVERYTHING ELSE:

0:57:52 – Add Unlimited Number of Pages
1:03:33 – DropDown Menu Customization (and changing the Hover Color)
1:12:35 – Content Editor Basics
1:17:24 – Full Width/Sidebar/Custom Page Templates
1:31:49 – Setup a Contact Form!
1:37:28 – Setup your Google Map!
1:41:27 – Setup an Amazing Image Gallery!
1:45:52 – Add Social Media Icons
1:50:26 – Add a Blog to your Site (optional)
1:55:52 – Congratulations. Keep in touch!

WEBSITE NOT LOADING?? Contact us here asap –

===============================================
===============================================

Monthly Giveaway:
Each month we give away 5 new website builds –

===============================================

QUESTIONS: Ask in the comments and I promise I’ll answer!
SUBSCRIBE for more awesome videos:
THUMBS UP and SHARE this video too please!

===============================================

13 Comments

How To Make A WordPress Website 2017 | NEW Divi Theme 3.0 Tutorial – AMAZING!

How To Make A WordPress Website 2017 | NEW Divi Theme 3.0 Tutorial – AMAZING!


GET SSD HOSTING:
Purchase Divi Theme 10% OFF:
GET LOGO HERE: ( LOGOS!):
Learn how to make a wordpress website and master the new divi theme 3.0 for wordpress. You can create or build a website now easily and it doesnt matter if your a beginner. In this wordpress tutorial, we will cover most of the other modules for the divi theme. If you are new to wordpress and want to create an amazing website, than the divi theme is for you.

In this tutorial, you will also receive a free domain!

First, i will show you how to get hosting and install wordpress.
In this wordpress tutorial, I will show you how to create a landing page in seconds with the new visual builder. The new divi 3.0 makes it easy to do this. Next, i will show you how to use the modules such as blurbs and also video slider. The theme supports up to 4k video sliders if you using the correct hosting.

Here is the CSS Script for the BLUE Angles. You can copy and paste this in the before CSS box to achieve those looks

content:””; display: block; height: 100%; position: absolute; top: 0; left: ; width: 107%; background-image: linear-gradient( -18deg, rgba(0, 0, 0, 0) 0%, rgba(00, 0, 0, 0) 55%, rgba(0, 0, 0, 0.7) 55%, rgba(0, 100, 200, 0.5) 55%)

I cover more modules in this wordpress tutorial. Elegant themes has done an amazing job creating this theme. I hope you all learn from this tutorial and lets make something amazing!

For more custom css looks, like arcs or designs, visit this page to help you get started:

For more tutorials like this or to learn how to make a website, feel free to visit my website at

12 Comments

How To Make A WordPress Website 2017 | NEW Divi Theme 3.0 WordPress Tutorial!

How To Make A WordPress Website 2017 | NEW Divi Theme 3.0 WordPress Tutorial!


Learn how to make a wordpress website 2017! Step By Step WordPress Tutorial
Get Hosting:
Purchase Divi Theme:
In this wordpress tutorial, i show you how to make a wordpress website with the divi theme using wordpress! This is a complete wordpress tutorial for beginners. After this wordpress tutorial, you can expect to master wordpress and create your own website from scratch! This is a wordpress tutorial for the divi theme! Just give it a try and master wordpress!

Here Are the IMAGES For This Tutorial:

To Get Your Logo, go here:

Here is the Custom CSS For The Divi Slider And Text:

**Add In Theme First**
.et_pb_slide {
height: 100vh;}

Than Add This In the Divi Slider Module:

Add in main element:
height: 100vh;

Here is the Custom CSS For The Bar Under Text:

Add this in theme FIRST:

.separator.small {
position: relative;
display: block;
margin: 10px auto 20px auto;

Than Add This In The Module:

**MAKE SURE TO ADD BRACKETS LIKE IN TUTORIAL FIRST, YOUTUBE DOESNT ALLOW BRACKETS IN DESCRIPTION, CHECK MY BLOG FOR MORE DETAILS**

div class=”separator small center ” style=”margin-top: 18px; margin-bottom: 24px; background-color: #d21151; height: 1px; width: 50px;”

Good luck on your website. This is one of the best looking websites i have made on youtube. I think you will like your wordpress website.

You can access the blog page for this tutorial here:

Additional Resources For Images And Video Sliders:

Grow Your Website On The Search Engine Here

For more wordpress tutorials like this, or to learn how to make a wordpress website or ecommerce website, feel free to visit my website at

This is a wordpress tutorial for the divi theme. You can build a website from scratch with wordpress using the divi theme pretty easily. Learn how to make a wordpress website with the divi theme! Good luck!

21 Comments

How To Connect Your Domain To Your Web Host

How To Connect Your Domain To Your Web Host


How to Connect Your Domain to Your Web Host – Click here for more FREE WordPress tutorials and tips: A short video that shows you how to quickly find an available domain name and web hosting, then connect them together via DNS name servers.

** If you need web hosting, my HostGator promo code 30% discount- MIKEsave30

**If you prefer to pay monthly, first month for {videoDescription}.01 – MIKEsave10

(I do receive a small commission from HostGator if you purchase using one of my coupon codes-Thank you!)

How to Connect Your Domain to Your Web Host

First thing you need to make a WordPress website is a domain name or web address. Find out if it’s available, then purchase it, then get web hosting – a place to put your website files. I use and recommend HostGator – good company with very good support. Then you’ll need to connect them together via the DNS name servers.

GoDaddy and NameCheap are where I buy most all of my domains for my websites, and clients sites. It’s a simple process connecting your domain to your web host. You will need to go to have your name servers info, then go to your domain registrar and go through the steps. The you can begin installing WordPress on your HostGator account and making a website!

Related terms:
how to connect domain to website
How to Connect a Domain to your Website
Connecting Your Domain Name & Web Hosting
How To Connect Your Domain To Your Web Hosting Service
How to Connect a Domain to your Website
Connecting Your Domain to Your Web Host

After connecting your domain to your host, installing WordPress is a snap. It’s a good idea to keep a text file of all your important info such as Cpanel login info, WP-admin login, etc…that makes things much simpler and more efficient than having to search all around for your passwords and such. So, whether you buy a domain name at Name Cheap or GoDaddy, and get hosting at Host Gator or not, having your important website info easily available will make the process much smoother. Hope you enjoyed learning how to connect your domain to your web host….have fun!

how to connect domain to host, connecting domain to host, how to connect domain name to host, link Godaddy domain to host, host domain, how to link Godaddy domain to host, how to connect a domain name to a host, connect domain to host, connecting domain to hosting, hosting domain, how to connect a domain to a host, connect domain to hosting, connecting your domain to your web host, connect domain to hosting, how to host your domain, how to host domain, how to link domain to host, how to host a domain, how to connect host to domain, how to link domain with host, how to host your own domain name, how to connect a domain to host, linking a domain to a website, connecting domain to your web host

If want more FREE WordPress and website related tutorials and tips, make sure that you subscribe, thank you!

27 Comments

Awesome Photo Gallery In WordPress

Awesome Photo Gallery In WordPress

Learn how to make an awesome photo gallery in wordpress. Learn how to upload, resize, create thumbnails and more in the nextgen gallery.

6 Comments

Web Design – FREE Web Design Tutorial

Web Design – FREE Web Design Tutorial


Web Design – In this FREE Web Design Training Course I show you the web design formula to build websites.

Build your website today using my WordPress Course. This course has everything you need to get started, NO technical skills needed.

The Ultimate WordPress Mastery Course. Build your website today

-~-~~-~~~-~~-~-
Please watch: ” Flywheel hosting: Flywheel Hosting Dashboard Overview”

-~-~~-~~~-~~-~-

How To Make A WordPress Website 2017 – Blog, Portfolio, Ecommerce – Any Website

How To Make A WordPress Website 2017 – Blog, Portfolio, Ecommerce – Any Website


Start here –

If you’re looking for a tutorial on how to make a wordpress website – you’ve come to the right place. It’s 2017 and having a website is becoming increasingly important. Lucky for us, the WordPress platform allows us to make a website in less than 30 minutes and this WordPress tutorial for beginners teaches you how to set everything up step by step.

It doesn’t matter what type of website you wanna make, whether you want to make a WordPress blog, a portfolio website or an ecommerce website – it can all be done in a few simple steps.

If you’re having trouble setting things up or have any other enquiries you can email me or add me on Skype, i’ll be happy to help you. I’m active most of the time πŸ™‚

Email – questions@monetize-anything.com
Skype – questions@monetize-anything.com (Skype uses email addresses as usernames now)

Skip to a specific part of the video:

01:41 – What you’re going to need.
04:12 – Get a domain name and hosting
06:23 – Install WordPress
08:19 – Choose a theme
10:58 – Customize your website

Some questions that i usually get:

– What kind of websites can i build?
There are themes for almost any kind of website. People usually want to make a blog, a portfolio, an ecommerce site, a musician’s site or a business website.

– How to make a blog?
This video is your answer, it’s going to teach you how to make a wordpress blog or any other type of site.

– Will you help me set everything up?
Yes, but you’re going to need to have an idea of what your website is going to look like. Theme and picture choices should also be made by you πŸ™‚

Need theme suggestions? Just tell me what you need and i’ll send you some links!

7 Comments