Free Course Image Advanced WordPress theme development

Free online courseAdvanced WordPress theme development

Duration of the online course: 17 hours and 34 minutes

4.43

StarStarStarStarHalf star

(7)

Learn advanced WordPress theme development with Codeytek Academy's comprehensive online course. Master PHP, Bootstrap, Gutenberg, Webpack, and more in web development.

In this free course, learn about

  • Theme Fundamentals and Core Setup
  • Modern PHP and Object-Oriented Theme Architecture
  • Theme Support, Logos, Images and Navigation
  • Posts, Template Hierarchy and The Loop
  • Images, Media, Meta Boxes and Security
  • Single Post Presentation and Content Elements
  • Taxonomies, Pagination and Widgets
  • Build Tools, Webpack, Babel and Performance
  • Gutenberg Editor Support and Block Patterns
  • Custom Gutenberg Blocks and Tooling
  • Custom Sliders, Queries and Search
  • AJAX, Infinite Scroll and Advanced Queries
  • Custom Post Types, Taxonomies and Archives

Course Description

The "Advanced WordPress Theme Development" course is a comprehensive training program designed to elevate your skills in WordPress theme development to the next level. Spanning over 17 hours and 34 minutes, this course is packed with advanced techniques and best practices for developing bespoke WordPress themes. With an average rating of 5.0 out of 5 stars, it stands out as a top-tier course in the Information Technology sector, specifically within the subcategory of Web Development.

From the very outset, the course delves into the complexities of WordPress theme development. The initial modules introduce you to advanced concepts, setting the stage for more intricate subjects. You'll explore the intricacies of directory structures, understand the importance of `get_header` and `get_footer` functions, and delve into the workings of `wp_head`, `wp_footer`, and `wp_body_open`. The course rigorously covers how to enqueue stylesheets and scripts, ensuring that you grasp the fundamentals of managing theme assets effectively.

As you advance, the curriculum guides you through incorporating Bootstrap into your WordPress themes, leveraging the `get_template_part` function to modularize your code. You'll gain proficiency in PHP namespaces, autoloading classes with `spl_autoload_register`, and utilizing traits and the singleton design pattern. The object-oriented programming (OOP) principles are carefully explained and applied, enriching your understanding of how to structure code within WordPress themes.

Beyond foundational PHP and WordPress skills, the course tackles specific theme support features such as adding custom logos and backgrounds, post thumbnails, creating dynamic navigation menus, and enhancing the template hierarchy. You will master the WordPress Loop, learn to manage blog page titles, and create grid layouts using Bootstrap.

The course also dives deep into WordPress customization, covering custom meta boxes, nonce verification, and manipulating post data such as titles, dates, and authors. You’ll learn techniques to customize excerpt lengths and add "Read More" buttons, as well as how to create and manage custom widgets and sidebars.

Further along, the curriculum emphasizes modern development tools and practices. You'll learn to set up Webpack and Babel for theme development and optimize CSS and JavaScript assets. There’s a strong focus on Gutenberg, WordPress’s block editor, where you'll learn to add support, create custom blocks, and use block patterns in theme development.

The latter sections explore advanced functionalities such as AJAX integration for infinite scroll, creating custom shortcodes, and conditional asset enqueuing. There’s an in-depth look at custom post types, taxonomies, and archives, equipping you with the skills to build highly customizable and performance-optimized WordPress themes.

Overall, this Advanced WordPress Theme Development course is an exhaustive yet accessible guide for anyone looking to specialize in WordPress theme development. Each topic is meticulously addressed, offering a well-rounded and deeply informative learning experience.

Course content

  • Video class: #1 Advanced WordPress Theme Development | Wordpress theme development course | Introduction 05m
  • Exercise: _What tools will be used in this tutorial series for Advanced WordPress theme development?
  • Video class: #2 Advanced WordPress Theme Development | Wordpress theme development course | Directory Structure 09m
  • Exercise: What are the minimal files required to create a WordPress theme?
  • Video class: #3 Advanced WordPress Theme Development | Wordpress theme development course | get_header get_footer 10m
  • Exercise: What is the purpose of the functions.php file in a WordPress theme?
  • Video class: #4 Advanced WordPress Theme Development | Wordpress theme development course | wp_head | wp_footer 08m
  • Exercise: What WordPress function helps add dynamic language attributes to HTML?
  • Video class: #5 Advanced WordPress Theme Development | Wordpress theme development course | wp_body_open 05m
  • Exercise: _What is the purpose of the wp body open hook in WordPress?
  • Video class: #6 Advanced WordPress Theme Development | Wordpress theme development course | enqueue stylesheet 10m
  • Exercise: How do you properly enqueue stylesheets in WordPress?
  • Video class: #7 Advanced WordPress Theme Development | Wordpress theme development course | enqueue scripts 08m
  • Exercise: Where should scripts be included for best practice in WordPress?
  • Video class: #8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part 10m
  • Exercise: Why is it important to use the existing WordPress JavaScript libraries?
  • Video class: #9 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part 10m
  • Exercise: _What is the function used in WordPress to include templates and why is it important to break code into smaller chunks?
  • Video class: #10 Advanced WordPress Theme Development | Wordpress theme development course | namespace in php 03m
  • Exercise: What is the purpose of using namespaces in PHP?
  • Video class: #11 Advanced WordPress Theme Development | spl_autoload_register | autoloading classes in php 05m
  • Exercise: What is the purpose of using SPL autoload register in PHP?
  • Video class: #12 Advanced WordPress Theme Development | traits in php | php traits tutorial 07m
  • Exercise: What feature did PHP 5.4 introduce for code reusability?
  • Video class: #13 Advanced WordPress Theme Development | singleton design pattern | singleton php 03m
  • Exercise: _What is the purpose of using singleton in object-oriented programming?
  • Video class: #14 Advanced WordPress Theme Development | singleton design pattern | traits in php 06m
  • Exercise: What is the primary purpose of the 'get instance' method in a trait singleton pattern?
  • Video class: #15 Advanced WordPress Theme Development | Singleton design pattern in WordPress 10m
  • Exercise: What is the purpose of a singleton pattern in programming?
  • Video class: #16 Advanced WordPress Theme Development | Wordpress theme development course | OOP Class 10m
  • Exercise: What pattern is used to ensure a class is instantiated only once?
  • Video class: #17 Advanced WordPress Theme Development | Wordpress theme development course | Enqueue with OOP 11m
  • Exercise: _What is the constant used for getting the directory URI in WordPress theme development?
  • Video class: #18 Advanced WordPress Theme Development | add theme support title tag | add_theme_support 07m
  • Exercise: What is the purpose of the 'add_theme_support' function in WordPress?
  • Video class: #19 Add Theme Support Custom Logo| How to add custom logo in WordPress theme development 05m
  • Exercise: What is the purpose of setting 'Flex Height' and 'Flex Width' to true in a custom logo setup?
  • Video class: #20 Add Theme Support Custom Background | add_theme_support( 'custom-background' 05m
  • Exercise: How can you add a custom background image to a WordPress theme header?
  • Video class: #21 Get the post thumbnail| add_theme_support( 'post-thumbnails' ) | WordPress customizer selective 10m
  • Exercise: _What is the purpose of adding theme support for post thumbnails in WordPress?
  • Video class: #22 Register Nav Menu WordPress Tutorial | how to create dynamic header menu in wordpress | nav_menu 12m
  • Video class: #23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu 08m
  • Video class: #24 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu 15m
  • Video class: #25 WordPress Posts Tutorial | WordPress Posts vs Pages | wordpress posts and pages tutorial 08m
  • Exercise: _What is a post type in WordPress and what are the different post types available?
  • Video class: #26 Template Hierarchy in WordPress | Wordpress Template hierarchy Tutorial | wp template hierarchy 12m
  • Video class: #27 Template Hierarchy in WordPress | Wordpress Template hierarchy Tutorial | wp template hierarchy 13m
  • Video class: #28 Wordpress The Loop | WordPress Posts Tutorial | WordPress Posts Page | wordpress the_post 09m
  • Video class: #29 Get blog page title wordpress | WordPress get page title outside loop | seo page title wordpress 04m
  • Exercise: _What function can be used to determine whether the query is for the blog home page?
  • Video class: #30 Wordpress Loop posts in Bootstrap 3 grid layout | Grid post page on Wordpress with Bootstrap 09m
  • Video class: #31 No content template | WordPress get_search_form | wp_kses examples 14m
  • Video class: #32 How to create dynamic template in WordPress? | wordpress blog post template | get_template_part 05m
  • Video class: #33 Lazy Loading WordPress Without Plugin | Featured image wordpress | default featured image 15m
  • Exercise: _What function do we use to check if a post has a featured image in WordPress?
  • Video class: #34 Add Image Size WordPress | wordpress image gallery plugin | add_image_size wordpress 05m
  • Video class: #35 Custom Meta Box WordPress | Meta box WordPress tutorial | add_meta_box 11m
  • Video class: #36 Save Meta Box Value In WordPress | Meta Box WordPress Tutorial | get_post_meta 07m
  • Video class: #37 WordPress Nonce Example | WordPress Nonce Ajax | wordpress nonce verification | verify_nonce 11m
  • Exercise: _What are WordPress nonces and how do they protect against cross site request forgery (CSRF)?
  • Video class: #38 WordPress get page title | single_post_title | Get post title in loop 08m
  • Video class: #39 Wordpress get post date and time | How to hide wordpress post date | get_the_date 14m
  • Video class: #40 Get Post Author WordPress | wordpress post author display name | post author name wordpress 09m
  • Video class: #41 Change excerpt length WordPress | Customize Excerpt Length WordPress | wp_trim_excerpt | excerpt 16m
  • Exercise: _What is the WordPress function that generates an excerpt from the content if needed and by default returns 55 words with an ellipsis appended if necessary?
  • Video class: #42 How to Add Read More In Wordpress | read more wordpress code | read more button wordpress 05m
  • Video class: #43 Create Single Post Template WordPress | single post wordpress | single post page wordpress 03m
  • Video class: #44 Pagination WordPress Code | wp_link_pages example | Single Post Pagination wordpress 03m
  • Video class: #45 WordPress Taxonomy explained | In depth | WordPress Database Structure 16m
  • Exercise: _What are taxonomies in WordPress?
  • Video class: #46 How to display Taxonomy categories in wordpress | wp_get_post_terms 11m
  • Video class: #47 Post Pagination wordpress with page numbers | paginate_links | next_post_link 11m
  • Video class: #48 Sidebar Widget WordPress | How do I add a sidebar to my WordPress page? | Get the sidebar widget 05m
  • Video class: #49 Register Sidebar In WordPress | sidebar wordpress tutorial 08m
  • Exercise: _What is the function used to register sidebars in WordPress theme development?
  • Video class: #50 How do I show the sidebar in WordPress? | dynamic_sidebar | get_sidebar 12m
  • Video class: #51 WordPress Custom widget development | Custom Widget WordPress code | register_widget 05m
  • Video class: #52 How to Create a Custom WordPress Widget | Custom Widget WordPress code | WP_Widget 25m
  • Video class: #53 Setup Webpack and Babel for WordPress Theme | webpack wordpress theme development | webpack 4 22m
  • Exercise: _What is the purpose of setting up webpack and babel in WordPress theme development?
  • Video class: #54 Setup Webpack rules for WordPress Theme | webpack wordpress theme development | webpack 4 12m
  • Video class: #55 Setup Webpack Plugins for WordPress Theme | webpack wordpress theme development | webpack 4 05m
  • Video class: #56 Setup Webpack Externals for WordPress Theme | cross-env | webpack wordpress theme development 04m
  • Video class: #57 CSS Optimization Webpack WordPress Theme | OptimizeCssAssetsPlugin | UglifyJsPlugin | css-nano 13m
  • Exercise: _What is the purpose of using the optimize css assets plugin and css nano in WordPress theme development?
  • Video class: #58 How to use Babel with WordPress theme? | using webpack in wordpress | @babel/preset-env 04m
  • Video class: How To Host Google Fonts Locally On WordPress 2020 | Font Loading Performance Experiments with FOUT 11m
  • Video class: #60 Using Webpack 4 and SASS with WordPress | node-sass | sass-mq | sass-loader (from scratch) 27m
  • Video class: #61 Importing Fonts in WordPress Theme | Advanced WordPress Theme Development 04m
  • Exercise: _What change did the instructor make to the button element in the template tax and entry con and entry footer?
  • Video class: #62 Adding Gutenberg support to WordPress theme | add_editor_style | Gutenberg Editor WordPress 14m
  • Video class: #63 Remove Gutenberg CSS | Remove the Gutenberg Block Library CSS from WordPress | wp_dequeue_style 02m
  • Video class: #64 How to create Block Patterns | register_block_pattern | The Future of Page Building in WordPress 11m
  • Video class: #65 How To Remove Default Gutenberg Block Patterns | remove_theme_support( 'core-block-patterns' ) 04m
  • Exercise: _What is the function used to remove the default block patterns provided by WordPress in version 5.5?
  • Video class: #66 Add Block Pattern Categories | register_block_pattern_category | WordPress 5.5 | Gutenberg 08m
  • Video class: #67 Block Pattern Templates | register_block_pattern | WordPress 5.5 | Gutenberg 10m
  • Video class: #68 Gutenberg Block Patterns Styles | register_block_pattern | WordPress 5.5 | Gutenberg 19m
  • Video class: #69 Setup Gutenberg | Gutenberg Wordpress Tutorial | @wordpress/create-block 14m
  • Exercise: _What is the recommended way to develop custom blocks in WordPress?
  • Video class: #70 Enqueue Block Editor Assets | enqueue_block_editor_assets | enqueue_editor_assets 15m
  • Video class: #71 Creating Custom Block Categories | block_categories | WordPress Gutenberg Tutorial 10m
  • Video class: #72 My First Gutenberg Block in React | Gutenberg WordPress Tutorial | registerBlocktype 12m
  • Video class: #73 Custom Gutenberg Block React | RichText | registerblocktype WordPress 17m
  • Exercise: _What is an attribute in WordPress theme development?
  • Video class: #74 SVGR CLI | @svgr/cli | Custom Blocks | Gutenberg WordPress Tutorial 28m
  • Video class: #75 Setup ESLint for WordPress | @wordpress/eslint-plugin | eslint-config-wordpress | Theme 04m
  • Video class: #76 Inner Blocks Gutenberg | Nested Blocks: Using InnerBlocks | React Example 31m
  • Video class: #77 Stylelint tutorial | Using Stylelint for WordPress Theme | stylelint-config-wordpress 05m
  • Exercise: _What is the command to install the necessary packages for setting up the style lint config in WordPress?
  • Video class: How to Use Block Variations in WordPress | registerBlockStyle | Gutenberg Block Variations 21m
  • Video class: #79 Unregister Block Style Variation | unregisterBlockStyle | Block Variations Gutenberg 03m
  • Video class: #80 Slick Slider WordPress Without Plugin | WordPress Carousel Slider With Text | Slick Carousel 25m
  • Video class: #81 How To Create Custom Post Type Slider In WordPress Without Plugin | WP_Query Example 16m
  • Exercise: _What is the purpose of using the wp query in WordPress?
  • Video class: #82 Make Carousel Responsive | How to create a responsive carousel | Carousel Responsive CSS 03m
  • Video class: #83 get_search_form | How to Create Custom Search Form in WordPress | Customize search form 07m
  • Video class: Create Custom Search Form in WordPress | get_search_form | Build Your Own Custom WordPress Search 07m
  • Video class: #85 Custom Search Results Page in WordPress | WordPress Custom Search Query | Advanced WordPress 08m
  • Exercise: _What file does WordPress look for to display search results if a search.php file is not present?
  • Video class: #86 Best Way to add SVG | use- SVG | SVG `use` with External Source | WordPress | SVG use Element 13m
  • Video class: #87 Using AJAX With PHP on Your WordPress Site Without a Plugin | Using admin-ajax.php | ajax url 06m
  • Video class: #88 Load More Posts with AJAX in WordPress with no plugins | WordPress Infinite Scroll 11m
  • Video class: #89 Simple infinite scroll for WordPress sites without plugin | WordPress loadmore posts AJAX 13m
  • Exercise: _What is the first step to create a load more or infinite scroll in WordPress theme development?
  • Video class: #90 Load More Posts Ajax Button in WordPress | Load More Posts with no plugins 12m
  • Video class: #91 Intersection Observer API | Intersection Observer tutorial | Infinite Scroll Example | JS 10m
  • Video class: #92 Intersection Observer Infinite scroll | WordPress Infinite Scroll Ajax Load More without Plugin 04m
  • Video class: #93 Create Shortcode WordPress | Wordpress Shortcode Example | Pass variable to shortcode - 12m
  • Exercise: _What are short codes in WordPress?
  • Video class: #94 Conditionally Enqueue a Stylesheet into WordPress | WP Enqueue Style On Specific Page Templates 04m
  • Video class: #95 Infinite Scroll WordPress Single Posts - Ajax Load More | Load More Posts For Single Post 10m
  • Video class: #96 Load More Post Or Infinite Scroll For A Single Post In WordPress | Ajax Load More 07m
  • Video class: #97 Modifying the WHERE Clause in WordPress | How to extend the where clause in WordPress WP_Query 09m
  • Exercise: _What hook is used to modify the WordPress loop after the current single post ID?
  • Video class: #98 WordPress Custom Post Types: The All-In-One Guide | When To Use Custom Post Types What are CPTs? 04m
  • Video class: #99 Registering Custom Post Types | register_post_type() | How to Create Custom Post Types 10m
  • Video class: #100 Create Custom Taxonomies in WordPress | register_taxonomy | wp hasty | Advanced WordPress 08m
  • Video class: #101 Create a Custom Archives Page in WordPress | Advanced WordPress Theme Development | archive.php 10m
  • Exercise: _What is an archive page in WordPress used for?

This free course includes:

17 hours and 34 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at Web Development

Download the App now to have access to + 3300 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 48 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate

+ 9 million
students

Free and Valid
Certificate

60 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video and ebooks