Building Professional Mobile Websites with WordPress

A Complete WordPress Training Course That Teaches You How To Build Professional Mobile Websites Using WordPress.
3.7 (7 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.
575 students enrolled
Instructed by Infinite Skills Design / Web Design
$19
$50
62% off
Take This Course
  • Lectures 60
  • Length 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/2013 English

Course Description

Do you want to learn how to create stunning mobile website using WordPress? 

In this training course from Infinite Skills, you will learn how to create websites using WordPress that look great no matter what device or screen size you are viewing them with. Responsive web design allows you to build and maintain one website, but have it respond according to the device that it is being viewed on. This tutorial will show you how to create a responsive website by way of customizing a WordPress template. Some experience and familiarity with WordPress and CSS is suggested in order for you to get the most out of this training.

The core of responsive design lies in media queries, and that is where the course starts you off. You will learn how to setup media queries using CSS to detect what styles to apply to your website, based on the resolution of the device that is accessing the page. The training videos will show you how to create your high, medium and low resolution designs using wireframing, and then how to hand code each of those designs in WordPress, creating a website that responds to all kinds of mobile devices.

By the time you have completed this computer based training course for mobile website design with WordPress, you will have a clear understanding of how to modify WordPress templates to make your site responsive to a wide variety of resolutions and devices. Working files are included, allowing you to follow along with the author throughout the lessons.

What are the requirements?

  • Just A Desire To Learn

What am I going to get from this course?

  • Learn How To Build Mobile Websites Using WordPress

What is the target audience?

  • Web Designers & Developers Of All Skills Levels
  • Anyone Who Whats To Build Mobile Websites

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: Getting Set Up
Working Files - Download These First
Preview
Article
0101 Welcome
Preview
01:13
0102 A Look At What We Will Build
Preview
01:57
Section 2: Responsive Design Basics
0201 A Note About Geoffs Setup
Preview
02:50
0202 Installing An Empty WordPress Theme
Preview
06:21
0203 Creating Pages
03:57
0204 Creating Posts
04:29
0205 Setting Permalinks And Getting Images Organized
02:54
0206 Setting Up The Low Resolution Media Query
05:37
0207 Testing The Low Resolution Media Query
03:39
0208 Setting Up The Medium Resolution Media Query
04:28
0209 Testing The Medium Resolution Media Query
02:48
0210 Setting Up The High Resolution Media Query
02:08
0211 Testing The High Resolution Media Query
02:36
Section 3: Building The HTML Structure
0301 Building The Header Structure - Part One
05:13
0302 Building The Header Structure - Part Two
03:50
0303 Setting The Body Structure
06:21
0304 Adjusting The Loop Structure
05:29
0305 Setting The Footer Structure
03:12
Section 4: Wireframing The High Resolution Layout
0401 Getting Started With The High Resolution Layout
05:37
0402 Applying Formatting To The Master Container
05:29
0403 Setting Properties For The Layout Header
01:51
0404 Formatting The Main Navigation Menu
05:30
0405 Formatting The Slideshow
04:38
0406 Setting Up The Content Boxes
04:03
0407 Applying Formatting To The Loop
03:45
0408 Finishing Off With The Footer
01:31
Section 5: Wireframing The Medium Resolution Layout
0501 Setting Up The Medium Resolution Layout
07:52
0502 Formatting The Header And Navigation Menu - Part One
04:30
0503 Formatting The Header And Navigation Menu - Part Two
03:41
0504 Applying Formatting To The Slideshow
04:05
0505 Setting The Content Box Formatting
04:01
0506 Adjusting The Loop
03:29
0507 Finalizing With The Footer
03:08
Section 6: Wireframing The Low Resolution Layout
0601 Getting Started With The Low Resolution Layout
03:31
0602 Setting Up The Master Container
02:28
0603 Formatting The Layouts Header
02:00
0604 Adjusting The Main Navigation Menu
03:56
0605 Formatting The Content Boxes
04:09
0606 Applying Formatting To The Loop
02:06
0607 Finishing Up With The Footer
03:23
Section 7: Initial High Resolution Formatting
0701 Getting Started With The High Resolution Formatting
03:02
0702 Applying Formatting To The Navigation Menu
04:05
0703 Formatting The Content Box Contents
04:10
0704 Controlling The Loop Headers
04:18
0705 Formatting The Content Boxes
03:43
0706 Formatting The Footer Text
01:52
Section 8: Initial Medium Resolution Formatting
0801 Getting Started With The Navigation Menu
04:10
0802 Formatting The Slideshow
03:25
0803 Formatting The Content Boxes
02:44
0804 Finishing Up With The Blog Loop Formatting
05:03
Section 9: Initial Low Resolution Formatting
0901 Formatting The Main Navigation Menu
03:03
0902 Formatting The Content Boxes
02:44
0903 Formatting The Loop Area
04:43
Section 10: Adding Graphics
1001 Getting Started With The Header
06:20
1002 Setting Up And Adjusting The Slideshow
06:21
1003 Adding A Background Graphic To The Content Boxes
02:51
1004 Adding Content Box Header Graphics
06:17
1005 Adjusting The Low Resolution Header Graphics
02:16
Section 11: Wrapping Up
Thanks For Watching
00:47

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course