Advanced WordPress Theme Development Course

Overview

Dive into an 18-hour comprehensive course on advanced WordPress theme development. Master core functionalities, from directory structure and enqueuing scripts to creating custom post types and taxonomies. Explore object-oriented programming, design patterns, and autoloading in PHP. Learn to implement Bootstrap, create dynamic menus, and customize the WordPress loop. Discover advanced techniques for meta boxes, pagination, and widgets. Delve into Webpack and Babel setup, optimize CSS, and work with Google Fonts. Gain expertise in Gutenberg blocks, including custom block creation and block patterns. Implement AJAX for features like infinite scroll and load more functionality. Enhance your skills in creating responsive carousels, custom search forms, and utilizing the Intersection Observer API. By the end of this course, you'll have the knowledge to build sophisticated, high-performance WordPress themes.

Syllabus

#1 Advanced WordPress Theme Development | Wordpress theme development course | Introduction.
#2 Advanced WordPress Theme Development | Wordpress theme development course | Directory Structure.
#3 Advanced WordPress Theme Development | Wordpress theme development course | get_header get_footer.
#4 Advanced WordPress Theme Development | Wordpress theme development course | wp_head | wp_footer.
#5 Advanced WordPress Theme Development | Wordpress theme development course | wp_body_open.
#6 Advanced WordPress Theme Development | Wordpress theme development course | enqueue stylesheet.
#7 Advanced WordPress Theme Development | Wordpress theme development course | enqueue scripts.
#8 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part.
#9 Advanced WordPress Theme Development | Bootstrap WordPress Theme | get_template_part.
#10 Advanced WordPress Theme Development | Wordpress theme development course | namespace in php.
#11 Advanced WordPress Theme Development | spl_autoload_register | autoloading classes in php.
#12 Advanced WordPress Theme Development | traits in php | php traits tutorial.
#13 Advanced WordPress Theme Development | singleton design pattern | singleton php.
#14 Advanced WordPress Theme Development | singleton design pattern | traits in php.
#15 Advanced WordPress Theme Development | Singleton design pattern in WordPress.
#16 Advanced WordPress Theme Development | Wordpress theme development course | OOP Class.
#17 Advanced WordPress Theme Development | Wordpress theme development course | Enqueue with OOP.
#18 Advanced WordPress Theme Development | add theme support title tag | add_theme_support.
#19 Add Theme Support Custom Logo| How to add custom logo in WordPress theme development.
#20 Add Theme Support Custom Background | add_theme_support( 'custom-background'.
#21 Get the post thumbnail| add_theme_support( 'post-thumbnails' ) | WordPress customizer selective.
#22 Register Nav Menu WordPress Tutorial | how to create dynamic header menu in wordpress | nav_menu.
#23 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu.
#24 Add custom html to wordpress menu | How to make html menu dynamic in wordpress | wp_nav_menu.
#25 WordPress Posts Tutorial | WordPress Posts vs Pages | wordpress posts and pages tutorial.
#26 Template Hierarchy in WordPress | Wordpress Template hierarchy Tutorial | wp template hierarchy.
#27 Template Hierarchy in WordPress | Wordpress Template hierarchy Tutorial | wp template hierarchy.
#28 Wordpress The Loop | WordPress Posts Tutorial | WordPress Posts Page | wordpress the_post.
#29 Get blog page title wordpress | WordPress get page title outside loop | seo page title wordpress.
#30 Wordpress Loop posts in Bootstrap 3 grid layout | Grid post page on Wordpress with Bootstrap.
#31 No content template | WordPress get_search_form | wp_kses examples.
#32 How to create dynamic template in WordPress? | wordpress blog post template | get_template_part.
#33 Lazy Loading WordPress Without Plugin | Featured image wordpress | default featured image.
#34 Add Image Size WordPress | wordpress image gallery plugin | add_image_size wordpress.
#35 Custom Meta Box WordPress | Meta box WordPress tutorial | add_meta_box.
#36 Save Meta Box Value In WordPress | Meta Box WordPress Tutorial | get_post_meta.
#37 WordPress Nonce Example | WordPress Nonce Ajax | wordpress nonce verification | verify_nonce.
#38 WordPress get page title | single_post_title | Get post title in loop.
#39 Wordpress get post date and time | How to hide wordpress post date | get_the_date.
#40 Get Post Author WordPress | wordpress post author display name | post author name wordpress.
#41 Change excerpt length WordPress | Customize Excerpt Length WordPress | wp_trim_excerpt | excerpt.
#42 How to Add Read More In Wordpress | read more wordpress code | read more button wordpress.
#43 Create Single Post Template WordPress | single post wordpress | single post page wordpress.
#44 Pagination WordPress Code | wp_link_pages example | Single Post Pagination wordpress.
#45 WordPress Taxonomy explained | In depth | WordPress Database Structure.
#46 How to display Taxonomy categories in wordpress | wp_get_post_terms.
#47 Post Pagination wordpress with page numbers | paginate_links | next_post_link.
#48 Sidebar Widget WordPress | How do I add a sidebar to my WordPress page? | Get the sidebar widget.
#49 Register Sidebar In WordPress | sidebar wordpress tutorial.
#50 How do I show the sidebar in WordPress? | dynamic_sidebar | get_sidebar.
#51 WordPress Custom widget development | Custom Widget WordPress code | register_widget.
#52 How to Create a Custom WordPress Widget | Custom Widget WordPress code | WP_Widget.
#53 Setup Webpack and Babel for WordPress Theme | webpack wordpress theme development | webpack 4.
#54 Setup Webpack rules for WordPress Theme | webpack wordpress theme development | webpack 4.
#55 Setup Webpack Plugins for WordPress Theme | webpack wordpress theme development | webpack 4.
#56 Setup Webpack Externals for WordPress Theme | cross-env | webpack wordpress theme development.
#57 CSS Optimization Webpack WordPress Theme | OptimizeCssAssetsPlugin | UglifyJsPlugin | css-nano.
#58 How to use Babel with WordPress theme? | using webpack in wordpress | @babel/preset-env.
How To Host Google Fonts Locally On WordPress 2020 | Font Loading Performance Experiments with FOUT.
#60 Using Webpack 4 and SASS with WordPress | node-sass | sass-mq | sass-loader (from scratch).
#61 Importing Fonts in WordPress Theme | Advanced WordPress Theme Development.
#62 Adding Gutenberg support to WordPress theme | add_editor_style | Gutenberg Editor WordPress.
#63 Remove Gutenberg CSS | Remove the Gutenberg Block Library CSS from WordPress | wp_dequeue_style.
#64 How to create Block Patterns | register_block_pattern | The Future of Page Building in WordPress.
#65 How To Remove Default Gutenberg Block Patterns | remove_theme_support( 'core-block-patterns' ).
#66 Add Block Pattern Categories | register_block_pattern_category | WordPress 5.5 | Gutenberg.
#67 Block Pattern Templates | register_block_pattern | WordPress 5.5 | Gutenberg.
#68 Gutenberg Block Patterns Styles | register_block_pattern | WordPress 5.5 | Gutenberg.
#69 Setup Gutenberg | Gutenberg Wordpress Tutorial | @wordpress/create-block.
#70 Enqueue Block Editor Assets | enqueue_block_editor_assets | enqueue_editor_assets.
#71 Creating Custom Block Categories | block_categories | WordPress Gutenberg Tutorial.
#72 My First Gutenberg Block in React | Gutenberg WordPress Tutorial | registerBlocktype.
#73 Custom Gutenberg Block React | RichText | registerblocktype WordPress.
#74 SVGR CLI | @svgr/cli | Custom Blocks | Gutenberg WordPress Tutorial.
#75 Setup ESLint for WordPress | @wordpress/eslint-plugin | eslint-config-wordpress | Theme.
#76 Inner Blocks Gutenberg | Nested Blocks: Using InnerBlocks | React Example.
#77 Stylelint tutorial | Using Stylelint for WordPress Theme | stylelint-config-wordpress.
How to Use Block Variations in WordPress | registerBlockStyle | Gutenberg Block Variations.
#79 Unregister Block Style Variation | unregisterBlockStyle | Block Variations Gutenberg.
#80 Slick Slider WordPress Without Plugin | WordPress Carousel Slider With Text | Slick Carousel.
#81 How To Create Custom Post Type Slider In WordPress Without Plugin | WP_Query Example.
#82 Make Carousel Responsive | How to create a responsive carousel | Carousel Responsive CSS.
#83 get_search_form | How to Create Custom Search Form in WordPress | Customize search form.
Create Custom Search Form in WordPress | get_search_form | Build Your Own Custom WordPress Search.
#85 Custom Search Results Page in WordPress | WordPress Custom Search Query | Advanced WordPress.
#86 Best Way to add SVG | use- SVG | SVG `use` with External Source | WordPress | SVG use Element.
#87 Using AJAX With PHP on Your WordPress Site Without a Plugin | Using admin-ajax.php | ajax url.
#88 Load More Posts with AJAX in WordPress with no plugins | WordPress Infinite Scroll.
#89 Simple infinite scroll for WordPress sites without plugin | WordPress loadmore posts AJAX.
#90 Load More Posts Ajax Button in WordPress | Load More Posts with no plugins.
#91 Intersection Observer API | Intersection Observer tutorial | Infinite Scroll Example | JS.
#92 Intersection Observer Infinite scroll | WordPress Infinite Scroll Ajax Load More without Plugin.
#93 Create Shortcode WordPress | Wordpress Shortcode Example | Pass variable to shortcode -.
#94 Conditionally Enqueue a Stylesheet into WordPress | WP Enqueue Style On Specific Page Templates.
#95 Infinite Scroll WordPress Single Posts - Ajax Load More | Load More Posts For Single Post.
#96 Load More Post Or Infinite Scroll For A Single Post In WordPress | Ajax Load More.
#97 Modifying the WHERE Clause in WordPress | How to extend the where clause in WordPress WP_Query.
#98 WordPress Custom Post Types: The All-In-One Guide | When To Use Custom Post Types What are CPTs?.
#99 Registering Custom Post Types | register_post_type() | How to Create Custom Post Types.
#100 Create Custom Taxonomies in WordPress | register_taxonomy | wp hasty | Advanced WordPress.
#101 Create a Custom Archives Page in WordPress | Advanced WordPress Theme Development | archive.php.