COURSE UPDATE 2017:
I added 90 new videos ( a new complete theme ) that makes this course perfect for the 2017 year in WordPress Theme Development.
We're building a Complete Restaurant Theme, some of the features of this theme are:
Plus many more.. checkout the First Theme Video for free
COURSE UPDATE DECEMBER 2016:
17 New Videos, PHP Basics :) if you want to learn WordPress then you should know at least the basics of PHP, and in this course you will find 17 videos that will teach you PHP the right way!
COURSE UPDATE AUGUST 2016:
35 new Videos had been added to this course where you will learn how to develop a WordPress Theme using Twitter Bootstrap
Start creating your own CUSTOM WordPress Themes from scratch with this 100% practical course.
We will build 4 projects, adding more functionality and complexity:
WordPress powers 25% of the websites in the world, knowing WordPress Theme Development is a key skill this days, you will be able to develop your own themes by the end of this course.
25 Hours of content full of tips, tricks and techniques for WordPress theme development in one course (The same techniques that i use in my , Plus:
In this video you will find the files for the first Theme
Let´s take a look at the very first WordPress Theme that we´re gonna build in this course, hope you´re excited for this one!
Are you excited for this course? let´s review the Photoshop Files for the first theme that we´re gonna build!
The Second theme is a most advanced theme, in this video i´m gonna showcase some functionality that this theme has, so you can start developing this kind of websites when you finish this course!
In this video let´s review the Photoshop Files for our Second Theme
Here's the 3rd Project for this Course, it will be a Theme using Twitter Bootstrap
Let´s see what you will be capable of doing when you finish this course
We need some images for this course, let´s review them. If you have your own images, you can use them!
Here´s the link for some of the images that i will be using in this course, credits to the authors and owners of this images, remember that you can use your own images or download this ones. They all share Creative Commons Attribution 2.0 Generic Licence, so this is the links to the original author.
Checkout this amazing WordPress Development Environment!
Let´s review the tools that you will need for this course, a Local Server, a Code Editor, WordPress and of course Photoshop!
In this video i'm going to show you some of the packages that i recommend for WordPress Development on Atom
Creating variables in PHP is really easy, let's see some examples
Let's make or code smarter with conditionals in PHP
An array is a collection of items, they're really powerful and really easy to create and manage
An Associative Array is more readable than indexed array, let's see some examples!
When working with arrays, var_dump, print_r and pre will be your best friends, let's see some examples
There're 2 styles when writing PHP Code, PHP in HTML or HTML in PHP
Loops are great and they're everywhere in PHP, let's review the 3 most populars for WordPress development, first the For Loop
Loops are great and they're everywhere in PHP, let's review the 3 most populars for WordPress development, let's continue with the foreach loop
Loops are great and they're everywhere in PHP, let's review the 3 most populars for WordPress development, the last one but most popular in WordPress, the While loop
Every language has a lot of built in functions, let's review some of them in PHP
If a function doesn't exist, you can create your own, let's see how you can create a function in PHP and then Call It
Let's see how you can pass arguments into functions to make them more powerful
In WordPress there're a lot of Template Tags, which are functions that print content, they look magical, but let's recreate a small example of what's behind this Template Tags
Let's review the functions that return values
Yeah, not everyone loves math, but let's see some examples of Math, Numbers and PHP!
Let's install WordPress in a local server
WordPress has a really simple file structure, let's review it and create a new file
You only need 2 files to create a WordPress Theme, style.css and index.php
Let's get familiar with the WordPress Theme Hierarchy
Let's create the Pages for this website
Let's create a header and footer.php files
The functions.php is the file that contains all the functionality related to your theme
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
Let's add our logo to the header.php
In this video we're adding the main menu to our Theme
Now that we successfully created the menu, it's time to print it into the header
Yo can create as many menus as you want, in this video we're adding the social menu
Let's print the Social Menu in our website
Let's add some global styles that we will re use in this example
Let's add some CSS to our header
Let's add font awesome to our theme
Let's print our Icons into the social menu
Let's add some CSS to our Main Navigation
Let's make our menu Responsive with some CSS
Let's add jQuery into our Theme
Let's write a small jQuery function that will show and hide the responsive menu
Let's add 2 google fonts into our theme
The loop is really powerful, it will help you to display any content in WordPress
Let's print the featured image
Let's print the featured image as a background
Let's add some CSS to our hero image
Let's add some CSS to the main content
Let's add a theme that will be used for the About Us Page
Let's install Advanced Custom Fields!
Let's register some fields with ACF
Let's populate our fields
Let's print the fields that we created earlier
Let's style the last part of the About Us page
Let's finish the JS code!
Let's give the final touches to the bottom section of our site
Let's start working with the footer of our theme
Let's style the footer
You can name your themes with almost any name (no special characters allowed) so let's create a new template file for the Menu
Let's add some basic information to this page
Let's create a new custom post type (gist included in the files)
Let's register some fields in our new custom post type!
Let's populate our custom post type with some posts
Let's Query the Database with a WP_Query
Let's review what we have learn so far
Let's finish the Loop
Let's create a simple grid for this theme that we can re use for future pages
Let's style the specialties
Let's create a single template for our custom post type
Let's start working with the Blog Template
Let's add some blog posts to display in the blog page
Let's print all the content that we need in the blog page
Let's add some CSS for the blog page
In this video we're creating the sidebar file
Let's create a Widget Zone and Add some Widgets
Let's add some CSS in our sidebar
Let's work with the Single Post Template for this project
Let's print a comment form!
In this video i'm gonna show you how to print the single file
Let's add some CSS to our Comments!
Let's add a Gallery with WordPress
Let's add a jQuery library for our gallery
Let's adjust the size of the thumbnails
Let's add a new template for the reservations or contact page
Let's add some styles to our Form
Let's create a new table in our database for the submissions
Let's write some code to insert data from the form
The users should never be trusted, that's why sanitizing and escaping data is really important
Let's sanitize the input from the users
Let's add a new option page in our backend
Let's add a submenu page!
Let's write a small piece of code that will print the submissions from the users
Let's start working with the front page of this website!
Let's small some small fixes to our hero image in the front page
Let's add a Query that will display 3 random posts from the specialties post type
Let's finish the loop for this section!
Let's add some CSS for the specialties!
Let's continue the homepage, in this video we're building the fresh ingredients section
Let's add some CSS for the ingredients section
Let's print the gallery in the front page
Let's re use the reservation form from the previous code
Let's style the reservation form for the home page
My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
I started a company called CreativaWeb where i design and develop WordPress based websites.
I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and from another countries.
Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.
Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.