WordPress is the most popular blogging platform on the internet today, however, it can also be used as a powerful Content Management System. In this course we will use it as a CMS to build a client website.
In this course you will learn to convert an HTML page into a WordPress theme. Actually it’s a lot simpler than you may think. I will provide you with a link to a free HTML5 template page and together we will walk through the steps to convert it into a theme.
First we will spend a couple of minutes reviewing the essential features of a mobile first, responsive, HTML web template page that uses a CSS Preprocessor. hopefully this is a review of what you already know but you may also learn something new.
Next you will learn to build a WordPress theme from scratch. In each video we cover the essential code necessary for the 5 basic php files we will create. I call this the ugly theme as it is fully functional but lacking any design.
Then together you and I will walk through the steps of creating a beautiful WordPress theme by combining the ugly theme we just built and the HTML template I provided you.
But wait, were not finished yet. Now that you have created your own theme, you will get to create several pages in WordPress using cutting edge CSS tricks. During this process, you will learn to wrap text around a circle, align elements at the bottom using flexbox, and implement newspaper style column with lines between them.
When your done, you will have a lightning fast WordPress theme devoid of any extraneous code or unused CSS rules. Actually it's pretty cool and very easy.
In this video we define what WordPress is, discuss the advantages of a custom theme, describe my typical client, and what you should know before starting this course.
In this video, we review the features of the Aspen Dental HTML page that we will be converting to a WordPress theme.
In this video we open the backend and demonstrate how to convert WordPress from a blog into a CMS.
IN this video we show how to setup an FTP connection to the WordPress themes folder using Dreamweaver.
In this video we show how to create a basic (UGLY) header, footer, index, and styles pages for our WordPress site.
In this video we finish the basic (ugly) theme by building the page.php.
In this video, we test our new theme and then register a menu in the functions php file.
In this video we add a dynamic title to the head of our basic theme using a WordPress php call.
In this video we add a filter to our theme that removes the extraneous HTML tags thrown in by Word Press.
In this video we finish the basic theme
In this video we add the HTML from out beautiful theme to the basic theme.
In this video we make the paths to the style sheets and theme images relative to the theme folder.
In this video we fix the mobile phone navigation for our beautiful theme.
In this video we activate the current menu item by connecting it the the correct css class.
In this video we update the theme thumbnail and test our work on mobile devices.
In this video we review the row and column approach to responsive web design as used in most CSS frameworks.
In this video we create the home page with the HTML for a mobile touch friendly slider.
In this video we create another page with text wrapping around a circle
In this video we build a page that uses newspaper style columns for laying out content.
In this video we build a page with columns aligned at the bottom using flex layout.
In this video we create a page with a map in an iframe that is responsive and changes height for small, medium and large screens.
In this video we test our site on many Macintosh and Windows browsers as well as mobile devices.
Paul received his master's degree from Utah State University in Instructional Technology and worked as a civilian for the United States Air Force doing interactive computer-based firefighter training. He and his family then moved to Provo, Utah where he worked at Brigham Young University for five years in the Instructional Technology Center. While there, he was involved in authoring multimedia, digitizing video, training faculty in instructional technology. He then moved with his family to Buena Vista, VA where he joined the faculty at Southern Virginia University. While there he taught digital media courses. Ten years later he returned to Utah where he is now an Assistant Professor at Utah Valley University teaching courses in their Digital Media department in the Internet and Web Technologies degree.