What we´re going to build in this course
- What you're going to learn in this course & why learn how to code for WordPress!
- The first project - A website for a Gym
- Tour of the Second Theme - A Restaurant Theme
- Photoshop and Image Files for the Second Project
- A Preview of the Third Theme
- Second Theme - Reviewing the Photoshop Files
- A Preview of the Third Theme
- Third Theme - Reviewing the Photoshop Files
- A Preview of the Fourth Theme
PHP: The Basics - Up And Running with PHP (If you know PHP you can skip this)
- Your First PHP Code
- Printing Values in PHP
- Creating Variables in PHP
- Conditionals in PHP
- Arrays in PHP
- Associative Arrays in PHP and Concatenation
- var_dump, print_r and pre in PHP
- PHP in HTML or HTML in PHP?
- For loop in PHP
- The foreach loop
- The While loop
- PHP Functions - Standard Functions
- PHP Functions - User-defined functions
- PHP Functions - Functions with arguments
- Template Tags in PHP and WordPress - Example
- PHP Functions - Functions that return values
- Math & Numbers in PHP + Some Examples
Our First Project - Gym Website
- What we're building in the next chapters
- The Finished Code & Plugins
- Local by Flywheel
- Creating the WordPress site with Local by Flywheel
- Creating our theme
- The WordPress Template Hierarchy
- The WordPress Loop and Template Tags
Gym Website - Developing the Header and Footer
- First steps with the header (DOWNLOAD FILES FROM HERE)
- Adding the rest of the markup in the header
- How to create a new menu in WordPress
- How to display a menu in WordPress
- Adding a CSS Stylesheet
- Adding Google Fonts into our theme
- How to add the main Stylesheet
- Adding the main CSS tags and selectors
- Adding some CSS to style the Header
- Adding the CSS for the main nav
- Working with the Footer
- Adding the CSS for the Footer
- Creating a responsive navigation
- CSS for the Responsive Nav
Gym Website - The Pages Template
- The Page Template
- Adding some Image Sizes
- Finishing the page template
Gym Website - Building the About Us Page
- Adding a Second Page Template
- CSS for the Main Content and Sidebar
- How to create a Widget Zone
- Adding the sidebar
- Refactoring the Code for the Pages
Gym Website - Building a Plugin for the Classes
- Post Types in WordPress
- Adding the Plugin
- Installing Advanced Custom fields
- Adding the Classes
- Building a Queries file
- Introducing WP_Query to create custom queries from the database
- Displaying the results from the WP_Query
- Displaying the Rest of the Content
- First steps with the CSS
- Finishing the CSS for the classes
- Building the Single Class Template
- Finishing the single classes template
Gym Website - The Widgets API in depth
- Building a Plugin for the Widgets
- Adding WP_Query into our Widget
- Displaying the information
- CSS for the widget
- Advanced functionality in our widget
- Finishing our widget
Gym Website - Building the Gallery
- Disable Gutenberg
- Adding a Gallery Template
- Getting the images from the gallery
- Adding the Logic for the gallery
- Adding a Lightbox effect in our images
- CSS for the gallery
Gym Website - Building the Blog
- Creating the template
- Adding the blog entries
- Displaying extra information in the front end
- CSS for the blog
- Working with the single page
Gym Website - Building the Categories & Author Templates
- Adding the author template
- Refactoring our code
- Printing the Categories
- Adding the Category Template
Gym Website - Working with the Contact Us Section
