Simple Advanced WP Blog Training

How to turn a WP Blog into a Simple Website
0.0 (0 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.
77 students enrolled
Instructed by Tom Mayo Design / Web Design
$20
Take This Course
  • Lectures 32
  • Contents Video: 4 hours
  • Skill Level All Levels
  • 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 3/2014 English

Course Description

This course will teach you how to turn a basic WordPress Blog into a simple, stunning website. We will use, must have plugins to be able to create the look and feel for your brand new site. I have included in this course the simple codes, URLs and tools you need so you can copy and paste and become a professional when it comes to editing any WordPress Blog. You don't need to know how to code, we are just making edits to codes.

My simple advanced course is structured for All Levels with simple and clear videos that take you step by step in creating your website from after installation of WordPress to completion of your brand new website. Each video lecture is short and to the point and designed to take you by the hand and help you understand the basics to simple advanced blog training.

Completion of this course is around 4 to 5 hours of video training. Each video is designed to flow right into the next one so you won't miss a beat with my step by step instructions. Always watch each video lecture a couple times to let your new website training sink in. You'll be a professional website builder in no time.

You should take this course if you want real, down to earth website training at a pace that's perfect for learning. WordPress sites are so popular and rank number one at building websites for people with an imagination. The reason WordPress is so popular is because of all the Themes and Plugins available to make your website do things that only a person NOT using WordPress would only dream of. Your imagination can take you wherever you want to go when it comes to building a nice website for the world to see. So I suggest you take my course, get back to the basics and learn some new advanced techniques to become a professional website designer. Thank you and see you on the inside.

What are the requirements?

  • You will need a working web browser preferrably firefox as internet explorer can crash. If you can use what I use in this course, your life will be 10 times easier.

What am I going to get from this course?

  • By the end of this course you will be able to create a simple and nice looking website for the world to see.

What is the target audience?

  • This couse is intended to be simple and easy to follow. Basic computer knowledge is all you need to complete this course as I will teach the advanced part of this course.

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: Advanced WP Blog Training Intro
05:48

Welcome to Advanced WordPress Blog Training intro video. In this course you will learn the basics up to advanced WordPress website training secrets. What type of plugins are necessary for a successful website building experience to editing codes behind the scenes. If you're a beginner or advanced, you'll need to take this course. Easy learning with step by step instructions.

Section 2: Settings Tab
08:08

Go to the Settings Tab, then Go to the "Permalinks" Tab

Check the Button "Custom Structure" and in the box to the right type: /%postname%.html

Then click Save Changes.

04:21

Next we go to The "Appearance" Tab and then go to "Widgets" tab.. Remove the tabs you don't want by dropping and dragging out of the box.

07:38

Next we go to the "Header" Tab For Theme Twenty Eleven

We need a banner image size at least 1000 pixels wide with height of 288 pixels. Browse your computer for your banner image and choose upload, crop & publish.

Next go to the "Background" tab
Choose a background and adjust the position or choose a color.
We also want to make sure we choose scroll or fixed.

Section 3: Posts and Pages
10:21

Next we want to go to the "Posts" Tab and delete Hello World Post, Click Trash, and do the same process for the Pages Tab. Delete The "Sample Page"

07:38

The Next step is to go to the "Plugins" tab and choose Add New. Search for "All in One SEO Pack"
if by some chance the search doesn't work, then go here and download the plugin.
http://wordpress.org/plugins/all-in-one-seo-pack
Install it and activate it.

Now go to your "POSTS" tab and choose "Add new" where it says Enter Title here, type Welcome and make sure the Permalink says welcome, if not choose edit and change it.
Add some text in the Post area and then scroll down and fill in the info for the "All in one SEO".

Add a Category and Some Tags, then we click "Publish" our site

Now we have to create our first PAGE too, so go to the Pages tab and choose Add new. Name your page "ABOUT" and once your done naming it, click anywhere inside the text body area and the Permalink will generate. Now write some text for now in the body area. Fill out your "All in one SEO" pack info at the bottom.
once that's done click "Publish"

Section 4: Editing
11:12

Now if we look at our website, it still has some Blog characteristics...our home page is still showing "Posted On" "Posted In" and "Leave a reply" We want to delete them so how do we do it?
Let's learn how...

Go to Appearance Tab and choose Editor,

Now open up your note pad on your computer, you will need it just in case for copy and pasting.

My suggestion is whenever you have to delete a certain code, is to highlight the code you want removed and right click and choose CUT or COPY & PASTE and then click SAVE on the page, then refresh your website to see changes and if by some chance you messed it up, you can PASTE what you just COPIED or CUT and put the code back into the location where you took the code from.

I always have a Note pad handy on my computer desktop for edits.

While on the editor tab, look over to the
far right side of the site click on content.php.

We want to delete "Leave a Reply" on our website home page.

go to line:
----------------------------------------------------
<span><?php comments_popup_link( '<span>' . __( 'Leave a reply', 'twentyeleven' ) . '</span>', __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
----------------------------------------------------
And DELETE it, then refresh your website and its gone.

Again Still in "Editor" tab and "content.php"

1.REMOVING THE "POSTED ON WITH DATE"

After the Title of your Blog there is some text.
"POSTED ON with DATE"
to remove the "posted on with the date"

scroll down and find <?php twentyeleven_posted_on(); ?>
highlight just that text and right click and delete it.
then click the button that says "Update File"

Its In Between these two tags.

<div class="entry-meta">
<?php twentyeleven_posted_on(); ?>
</div><!-- .entry-meta -->

Refresh your website and its Gone...

Do the same process for "POSTED IN with Category"
while still in edit mode in the Content.php edit window,
scroll down to where you see <span>
just under that text you will see this Group of text.

Delete from <?all this text between here?>

Right Below: <span class="cat-links">

<?php printf( __( '<span>Posted in</span> %2$s', 'twentyeleven' ), 'entry-utility-prep entry-utility-prep-cat-links', $categories_list );
$show_sep = true; ?>

then "Update File"
Refresh your Home page and its gone.

04:46

***Getting rid of the "Comments" Area on your web pages***

You still should be in the Editor tab but this time I want you to

go to Comments.php

scroll all the way to the bottom of the page and delete this LINE:
--------------------------------------
<?php comment_form(); ?>
--------------------------------------
highlight it and delete it.
Then choose "Update file"

***Deleting the Long Search Bar on the home page ***

To get rid of the Long search bar:
go to "HEADER" template and Remove:

---------------------------------------------------
<?php get_search_form(); ?>
----------------------------------------------------

THEN "UPDATE FILE"

07:01

*** To Removing the POP UP Bubble *** or Comment Bubble

go to Content.php template
right after the code <div>

DELETE this code below:
----------------------------------------------------------
<?php comments_popup_link( '<span>' . __('Reply', 'twentyeleven' ) . '</span>', _x( '1', 'comments number', 'twentyeleven' ), _x( '%', 'comments number', 'twentyeleven' ) ); ?>
----------------------------------------------------------
Update file

*** Deleting or changing the footer information ***

Removing or changing the powered by wordpress Text:

Go to the footer.php Template

Remove:
---------------------------------
<?php do_action( 'twentyeleven_credits' ); ?>
<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>" rel="generator"><?php
printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>
----------------------------------
Or change the Info to what we want.

We won't be deleting this line above, for now we are going to change it to what our website is about.

The first line we are going to change is the URL
---------------------------------------------------------
<a href="<?php echo esc_url( __('http://wordpress.org/',
---------------------------------------------------------
Change the URL in between the apostrophes to any website you want or your own website.
The next part of that line we are going to change is
the "Proudly powered by". Change the words only but keep the %s
Keep the apostrophes too, just change the words.
-------------------------------------------
printf( __( 'Proudly powered by %s'
-------------------------------------------
and the last part is we change this line:

---------------------------------
), 'WordPress' ); ?></a>
---------------------------------
We change the "WordPress" word to whatever you want
After you're done making the changes
click Update file and Refresh your web site.
Now you'll notice The footer words have been changed.
Now if you click the footer text, it should take you to the website you entered in.

04:59

TO REMOVE the "HOME" bar on your blog.
Go to HEADER.PHP template and remove:
--------------------------------------------------------------
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
--------------------------------------------------------------
scroll all the way to the bottom, highlight and delete

*** REMOVE TITLE AREA so everything shifts up ***

go to content.php editor

remove the h1 tag:
between these two tags
<?php else : ?>

<?php endif; ?>

DELETE THIS TAG BELOW: <?php else : ?>
--------------------------------------------------------------
<h1><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven'
), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
--------------------------------------------------------------
Update file
Again, make sure you add an H1 tag to your page somewhere later.

07:39

*** REMOVE "TAGGED IN":***

go to content.php editor and remove:
The code is below: <span class="tag-links">
----------------Delete This CODE:
<?php printf( __( '<span>Tagged</span> %2$s', 'twentyeleven' ), 'entry-utility-prep entry-utility-prep-tag-links',
$tags_list );$show_sep = true; ?>
------------------------------------------------------------
update file


*** Removes the title of page but not on the Home Bar ***
go to: content-page.php
and remove below: <header class="entry-header">

DELETE THIS CODE below:
---------------------------------------------------
<h1 class="entry-title"><?php the_title(); ?></h1>
---------------------------------------------------
update file

Section 5: Editing the Menu Bar and Footer
07:10

*** Change The TEXT Size on the Menu BAR ***

Go To Style Sheet (Style.css)

find the: /* =Menu

scroll down to:
#access ul {
font-size: 17px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;

CHANGE THE FONT-SIZE
Click Update file when you're done. Refresh your
webpage to see the changes.

To Make ALL CAPS on The Menu BAR
just Add: text-transform: uppercase;
underneath - padding-left: 0;
so it will look like this below:

#access ul {
font-size: 17px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
text-transform: uppercase;

Then click Update file and it will change to All CAPS
on the Menu Bar.

05:22

*** Change The Color Of The Text On The Menu Bar Tabs ***

Go To Style Sheet (Style.css)
then go to code below and change the color code number
#access a {
color: #9ed686;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;

HERE ARE SOME COLOR CODES
Color Green: #9ed686
Yellow/green: #EDFAA3
grey: #373737
yellow: #FAFF80
Pinkish: #FFA8EB

get a color code here:
http://www.ironspider.ca/format_text/fontcolor.htm

10:40

*** Change the Menu BAR Text Hover Color ***

go to:

#access li:hover > a,
#access a:focus {
background: #f9f9f9; /* Show a solid color for older browsers

*/
background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -o-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from

(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
color: #000000;

CHANGE THE color: #000000


*** Change Footer Color BAR: ***

Go To Style Sheet (Style.css)

/* Site Generator Line */
#site-generator {
background: #FAFF80;
border-top: 1px solid #ddd;
color: #666;
font-size: 12px;
line-height: 2.2em;
padding: 2.2em 0.5em;
text-align: center;

CHANGE THE background: #FAFF80;

*** CHANGE THE PAGE COLOR:***

Go to editor/ Style Sheet (style.css)
Then scroll down and find: /* =Global

then under #page {
background: #fff;
Then change the Background color Number: background: #FFF7D9;

07:59

*** Create an Underline On The Menu Text ***

go to Style.css

Then go to:

#access a {
color: #eee;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: 1;

CHANGE THE text-decoration: from none; to 1

*** Shows a dotted Line In Between tabs on The Menu Bar ***

go to: Style.css

#access ul ul a {
background: #f9f9f9;
border-bottom: 2px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;

CHANGE THE: border-bottom: 2px dotted #ddd;
CHANGE THE 2px to the number you want.
The higher the Number, the thicker the line.
2px looks like a good number.

07:25

*** CHANGE THE MENU BOX COLOR: ***
Stylesheet (style.css)

#access ul ul a {
background: #DBEDEB;
border-bottom: 3px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 12px 12px;
width: 168px;

CHANGE THE background: #DBEDEB;

get color codes here
http://www.ironspider.ca/format_text/fontcolor.htm

** Change The Hover BOX Color **

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;

CHANGE THE BACKGROUND: #efefef;

Section 6: PLUGINS
07:25

** Akismet **
Used by millions, Akismet is quite possibly the best way in the world to
protect your blog from comment and trackback spam. It keeps your site
protected from spam even while you sleep.

$5.00 a month to get a license key and use it on multiple websites. Well worth it.

Get it here: http://akismet.com/?return=true

** All in one Favicon **

All in one Favicon management. Easily add a Favicon to your site and the
WordPress admin pages. Complete with upload functionality. Supports all
three Favicon types (ico,png,gif)

Get it here: http://wordpress.org/plugins/all-in-one-favicon/

***Create a Favicon Here: http://favicon.htmlkit.com/favicon/

18:35

** Auto ThickBox Plus **

Automatically applies ThickBox script that overlays linked image, inline,
iFramed and AJAX content on the page in simple effect.

Auto ThickBox Plus plugin is the improved version of Auto Thickbox plugin,
with some extra features and bug fixes.

By clicking on links, this plugin overlays linked content on the page in
simple & fast effects. It's recommended if you want to pop up thumbnails
easily in its original size.

Get it here: http://wordpress.org/plugins/auto-thickbox-plus/

AUTO THICKBOX CODE Example:

<a class="thickbox" href="http://www.youtube.com/embed/FjHtZYun8JI?rel=0">English Rhymes</a>

<a class="thickbox" href="http://demo1.northcountymedia.com/wp-content/uploads/2014/02/cartoon-man-008.jpg">Cartoon Man</a>

<a class="thickbox" href="ENTER URL HERE">YOUR TEXT HERE</a>

06:45

** Counterize **

Complete counter and statistics plugin for Wordpress with no external libs.

You can send this report to your clients.

Get Plugin Here: http://wordpress.org/plugins/counterize/

09:22

** FONTS FOR WEB **

I love this plugin. Makes creating fonts sizes and colors REAL EASY Choose
some exciting font out of 1000+ available! And that's just the beginning!

Get it here: http://wordpress.org/plugins/font/
More info on the plugin: http://fontsforweb.com/

10:36

FORM MAKER

This plugin is a modern and advanced tool for easy and fast creating of a
WordPress Form. The back end interface is intuitive and user friendly which
allows users far from scripting and programming to create WordPress Forms.

This is the best WordPress Form builder plugin in WordPress Plugin Directory. It allows you to set such parameters as colors and fonts. The size of each element can also be set.

Get it here: http://wordpress.org/plugins/form-maker/

06:32

Google XML Sitemaps

This plugin will generate a special XML sitemap which will help search engines like Google, Yahoo, Bing and Ask.com to better index your site.

Get it here: http://wordpress.org/plugins/google-sitemap-generator/

02:38

** LionScripts: IP Blocker Lite **

LionScripts' IP Blocker for WordPress allows you to stop the Spam Visitors
and malicious IP Addresses. You can block IP addresses by using the manual
method or the Bulk IPs Upload method.

By blocking the Unwanted or Spam IP Addresses, you can save your site's
Bandwidth and hence the cost significantly. The blocked IPs won't be able
to scrape the precious content from your WordPress Site. You can choose to
either display the blocked message or an empty page to the blocked users.

To do so, you can just add the IP Address to the blocking list and anytime
you can delete that IP from the blocking list if you know that it's not
performing malicious activities.

Get it here: http://wordpress.org/plugins/ip-address-blocker/

04:07

SHARE THIS - Plugin

Let your visitors share a post/page with others. Supports e-mail and
posting to social bookmarking sites.

Get it here: http://wordpress.org/plugins/share-this/

06:22

User Admin Simplifier

Lets any Administrator simplify the WordPress Admin interface, on a per-user basis, by turning specific menu/submenu sections off.

Get it here: http://wordpress.org/plugins/user-admin-simplifier/

04:04

** Revolver maps ***
This isn't a plugin, just a code to add to your webpage.

Revolver Maps are real time visitor globes rendered by the Revolver Engine.

Check the widget on the left: Use the buttons or drag to control rotation and zoom.

The Revolver Graphics Engine is a strongly specialized 3D renderer. It's available as a Java version as well as a Flash version.

Get it here: http://www.revolvermaps.com/

Maintain Your Bandwidth - Blocking IP Addresses
05:46
04:16

*** PASSWORD PROTECTED ***

A very simple way to quickly password protect your WordPress site with a
single password.

http://wordpress.org/plugins/password-protected/

12:59

*** CUSTOM LOGIN ***

Use this plugin to customize your login screen,

Make your Login Picture 300px X 150px or whatever size you want.

http://wordpress.org/plugins/custom-login/

09:05

** Hana FLV Player **

Easily embed videos(Flash & HTML5) in your WordPress featuring Flowplayer
(version 2, 3, and 5), OS FLV player, FLV Player Maxi, and MediaElement.j

[hana-flv-player video="http://URL FOR YOUR VIDEO GOES HERE.mp4"
width="700" height="500" description="" player="3" autoload="true"
autoplay="false" loop="false" autorewind="false" clicktarget="_self" skin="functional" /]

http://wordpress.org/plugins/hana-flv-player/

13:20

** Special DISCOUNT CODE Link for Course Members **

Click Here for your discount

Section 7: PINGING and Completion
04:19

** PINGING YOUR WEBSITE **

Now after All the settings are set, The Plugins have been loaded, so now we
need to PING our Website. If you're not familiar with "PINGING" it's
basically for faster indexing of your content in search engines.

go to Settings Tab > then Writing tab, scroll all the way down to the
bottom of the page to see UPDATE SERVICES Box.

When you publish a new post, WordPress automatically notifies the following
site update services

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Tom Mayo, Professional Web Builder

I've been building websites for years but recently went into teaching. I became a website builder expert after years of hard work and training. I know how to get a site listed on the first page of Google. I taught myself how to turn Wordpress Blogs into Beautiful websites. I am also a video expert creating videos for businesses and ranking them on the first page of Youtube. I wanted to teach and be able to give back on what I've learned throughout these years. I've also taught myself software creation to make life just a little easier while working on computers. I'm looking forward to teaching you.

Ready to start learning?
Take This Course