Register Now


Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Add question


Register Now

Thank you for registering with WPTricks

Become a WordPress Developer: Unlocking Power with Code

Join full 26hr course:

0:0:14 Quick Overview
0:2:06 Detailed Overview
0:12:05 Installing WordPress Locally
0:25:35 First Taste of PHP
0:41:55 Create Theme
0:54:20 Functions
1:09:14 Arrays
1:21:43 The Loop
1:36:10 Header & Footer
1:54:44 Convert HTML/CSS Into Theme
2:14:42 Interior Page Template
2:32:28 Parent / Child Pages
2:49:16 When do we need to echo?
2:58:17 Children Links Menu

Follow me on Twitter for webDev updates and cat pics:

About WPTricks

Comments ( 47 )

  1. I really respected you before starting the video from you sentence " i am here to teach you everything i know", Good luck sir

  2. It's really nice to review your course on Youtube. I just saw your course on Udemey

  3. Amazing course, i was planning to spent thousands on WordPress course, but anyhow i planned to browse YouTube for this purpose. I browse too many times and finally got this course which i felt is really awesome. The method of teaching is awesome, everything detailed in this course is really amazing. I am a beginner of WordPress so i will share my experience with the passage of time.
    Again a bundle of thanks Sir!

  4. I'm game! I hate this darn commercial

  5. More timestamps…:

    18:07 : Installing WordPress
    "Local by Flywheel"
    local DOT getflywheel DOT com
    "VirtualBox", "Host Machine", and "Local Image"
    "PHP 7 DOT 1.7. nginx + Varnish. MySQL 5 DOT 6"
    <en DOT wikipedia DOT org/wiki/Varnish_(software)>
    "Varnish is an HTTP accelerator designed for content-heavy
    dynamic web sites as well as APIs. "
    20:57 : WordPress administrator dashboard
    25:40 : First taste of PHP
    28:00 : Three free text editors:
    Sublime Text
    Visual Studio Code
    29:19 : Hello world content: "This is a test"
    29:30 : Save .php file in apppublic (local file system)
    30:14 : Saved as experiment DOT php
    30:58 : Corresponding URL: amazing-college DOT local/experiment DOT php
    32:40 : First with "<?php ?>":
    <?php echo 2 + 2 ?>
    37:22 : First variable:
    $myname = 'Brad';
    42:01 : Creating a new WordPress theme!
    44:59 : Themes are in '/wp-content/themes' (from the WordPress
    root, e.g. '/public_html/amazing-college')
    45:26 : Create a new folder in the "themes" directory, in this
    case "fictional-university-theme"
    46:44 : Save a new file as "index DOT php"
    So '/wp-content/themes/fictional-university-theme/index DOT php'
    (from the WordPress root, e.g. '/public_html/amazing-college')
    47:20 : New file, "style DOT css"
    48:10 : Add CSS comment, with magic fields:
    Theme Name: XXXXX
    Author: YYYY
    Version: ZZZZ
    50:49 : For preview image:
    screenshot DOT png
    1200 x 900 pixels
    51:39 : Activate theme
    Press a button in the administration interface
    52:38 : Deleting the other themes
    54:25 : "What is a function?"
    1:05:11 : Built-in WordPress function "bloginfo('name')"
    Corresponding to "Settings" -> "General" -> "Site Title"
    Note: This is still in the context of a new theme, file
    '/wp-content/themes/fictional-university-theme/index DOT php'
    1:07:20 : Built-in WordPress function for web site slogan/description:
    Corresponding to "Settings" -> "General" -> "Tagline"
    1:09:20 : Arrays
    Posts and pages.
    1:12:05 : Sample array:
    $names = array('Brad', 'John', 'Jane', 'Meowsalot');
    1:12:40 : Indexing into the array:
    <?php echo $names[2] ?>
    1:15:17 : A 'while' loop:
    $count = 1;
    while ($count < 100)
    echo "<li>$count</li>";
    1:18:18 : Looping through the array:
    $count = 0;
    while ($count < count($names))
    echo "<li>Hi, my name is <?php echo $names[$count] </li>";
    1:21:47 : Section "The Famous WordPress Loop"
    1:24:20 : WordPress functions:
    "the_post()" Prepares / sets up the next WordPress post
    1:26:28 : WordPress function the_title() for the title of
    the current WordPress post
    1:27:00 : WordPress function the_content() for the body of
    the current WordPress post
    1:28:30 : WordPress function the_permalink() for a link to
    the current WordPress post
    1:31:06 : WordPress uses file name conventions:
    "index DOT php" on the home page
    "single DOT php" in the theme folder (and "index DOT php" as fallback)
    For "posts"
    1:32:50 : WordPress "pages" (in contrast to "posts")
    Static pages vs. blog posts.
    Pages: file name convention is "page DOT php"
    1:36:04 : Section "Header & Footer"
    1:39:04 : Use WordPress function "get_header()" to include
    the header file with the magic file name "header DOT php"
    For both "posts" and "pages".
    "header DOT php" has the start of the naked structure
    of an HTML file – "… DOCTYPE", "<html>", and "<body>".
    1:40:32 : Use WordPress function "get_footer()" to include
    the header file with the magic file name "footer DOT php"
    For both "posts" and "pages".
    "footer DOT php" has the end of the naked structure
    of an HTML file – "</body>" and "</html>".
    1:44:00 : In WordPress, for loading CSS, etc., use
    function "wp_head()" instead of <link>.
    For the admin header.
    1:44:50 : File "functions DOT php":
    1:45:35 : WordPress function "add_action()":
    First parameter, for loading files: "wp_enqueue_scripts"
    For JavaScript and CSS files.
    Second parameter: name of a user-defined function,
    "university_files" in this case.
    JavaScript and CSS files can be loaded in "university_files":
    First parameter: nick name, e.g. "university_main_styles"
    Second parameter: file name
    By file name convention "styles DOT css" (?)
    For JavaScript files.
    1:52:10 : Function name in a string, "university_files", not actual
    direct call.
    1:53:35 : In "footer DOT php", before "</body>":
    For loading JavaScript just before "</body>" –
    give WordPress a chance to do it.
    Or add the WordPress black administrator menu bar.
    1:54:37 : Section "Design / Style"
    AKA "Converting static HTML page to WordPress"
    1:55:18 : Not with CSS – the focus is on WordPress, PHP, and
    a little bit of JavaScript.
    Use predefined CSS from the author of the course…:
    <github DOT com/LearnWebCode/university-static>
    <github DOT com/LearnWebCode/university-static DOT git>
    Cloned to:
    Download ZIP
    Folder "university-static-master"
    Forked for fixing indentation index DOT html:
    <github DOT com/PeterMortensen/university-static DOT git>
    <C:temp22019-07-14Forked university-staticuniversity-static>
    1:57:52 : General: Copy-paste stuff into our WordPress theme.
    1:58:22 : Opening the index DOT html file
    <github DOT com/LearnWebCode/university-static/blob/master/index DOT html>
    1:58:36 : The "header" element for the header…
    <header class="site-header">
    1:59:35 : Paste the content of the "header" element (and all
    children) into header DOT php

    Note: For the rest of the timestamps, see the next comment (posted as an answer to this comment).

  6. watch this at speed 1.5

    …thank me later

  7. honestly speaking you have made me to understand programming language now.i like the way you are teaching you are my best teacher on YouTube am subscribing to your channel tell you the truth i do not subscribe to any channel on YouTube but you i can say you are awesome man

  8. Hello, this is great. Love it! I think this + Elementor would be a killer combination

  9. Thanks a lot Brad for your wonderful tutorial. I feel too lucky to have you as my mentor. Your style is in flow and feels so much connected. Hoping for your other tutorials too. Thank you so much. Love from Nepal. Namaste…..

  10. Just brought that from Udemy, can't wait to complete the full course.

  11. Thanks, Brad, you have talent of educator with smooth flow and understanding of student mindset. Great work.

  12. Just bought the full course! Your teaching style is amazing. Thank you

  13. Become a word press developer and find thousands of the job opportunities @

  14. thanks for this tutorial. but the slider doesn't seem to work 🙁 pls help

    i don't quite understand this part here in scripts.js. where are these located?
    “`// 3rd party packages from NPM
    import $ from 'jquery';
    import slick from 'slick-carousel';“`

  15. pretty easy to understand! cool. & i thought wp was complicated. btw, i like how he refers to the html tags as "sandwhich" 😀

  16. Brad, thank you for putting this video up. Based on this I went ahead and purchased the full course. You are a great teacher. Keep up the good work!

  17. This demo site is so much better than the official one my university had

  18. I just watched the whole 3 hours in one run while following the instructions. This was by far one of the best tutorials I have ever watched in my life.

  19. local by flywheel not running in my laptop causing problem

  20. Great tutorial. btw watch at 1.25x speed.

  21. CSS problem – must disable cache in dev tools every time I refresh to see changes. See vid at 1:49:58 – this action is nearly-fatal to my project.

  22. for anyone else who a)Has XAMPP previously installed b)was getting a load error right around 20:00

    You can try going to your C/XAMPP/htdocs and deleting all those files
    if that doesnt work, uninstall XAMPP

  23. very helpful. thank you so much for giving us the knowledge for free. I hope that this channel will last forever. Longlive my friend.

  24. Hi sir how can i buy this -the 26hrs full tutorial- am in kenya i dont credit card noe paypall…we use what is called Mpesa to buy services. please help. my email thnaks

  25. got this error "2019/10/14 03:11:21 [emerg] 68700#65276: bind() to failed (10013: An attempt was made to access a socket in a way forbidden by its access permissions)" any help? seems Local's router wont start

  26. I have mixed feelings about this course. I have to say, it helped a LOT. In the other hand, I cant really decide, who is the main audience for this video. If it is non developers, than they wont understand basic algorithmic structures so easiley. If it is developers, than it is a bit much to explain even how to copy files and how to edit a text file. It is or too much or to small. I personally had to skip half of this (new to wordpress and php), but I think I could not understand it if I didn't had programing and HTML knowledge. But it was of use, so I gave it a like.

  27. Who else is really thankful for this course ?

  28. You are just awesome. Keep going n teach us more.

  29. Hello thank you so much for such a great video. I started watching this yesterday and I've found it extremely useful and the pace is just right.

    A quick question; When I installed the dev environment I got a message asking if I would like to update word press to the latest version. Since I wasn't sure I didn't do anything about it. Any thoughts?

  30. Anyone get this error:
    Error: Maximum function nesting level of '256' reached, aborting!

     when they put this:
    wp_enqueue_scripts('main-university-js', get_theme_file_uri('js/scripts-bundled.js'), NULL, '1.0', true);
    in functions.php?

  31. Awesome is not enough to qualify this teacher and mentor. I want to have the list of courses you have in udemy on web development. I am buying them all. You are tooooooooooo much

  32. At first I thought: man fuck me another 3 hour video. But man what am I enjoying this journey!

  33. You are amazing! This tutorial is amazing! Thanks for the great course Xx

  34. how i can get the remaining part of the course .? please reply kindly??

  35. I used a typewriter and nothing happened ?

  36. its doing nothing like w.hat you are talking about. its shame there is not a message system. i sent a messenger yesterday but no reply. IF PEOPLE CANT GET THIS SHORT COARSE SORTED HOW DO YOU EXPECT THEM TO PAY FOR OTHERS. YOU CLEARLY HAVE TO START WITH A DEGREE IN COMPUTERS, NOT FOR BEGINNERS AT ALL.

  37. Hello, when I try have_posts function i received a

    Fatal error: Uncaught Error: Call to undefined function have_posts() in C:xampphtdocswordpresswp-contentthemestwentynineteenindex.php:5 Stack trace: #0 {main} thrown in C:xampphtdocswordpresswp-contentthemestwentynineteenindex.php on line 5

    also when I tried some of the themes i got an error

    Fatal error: Uncaught Error: Call to undefined function get_header() in C:xampphtdocswordpresswp-contentthemestwentynineteenindex.php:17 Stack trace: #0 {main} thrown in C:xampphtdocswordpresswp-contentthemestwentynineteenindex.php on line 17

    what seems to be the problem?

  38. Dr. Barksalot is sooooo cute!

  39. Hello, if you buy the course on udemy. Can i download the entire course once. Data issues. cant be streaming every portion of the course.

  40. Thank you for this wonderful course.
    But I have met with a problem.

    When I enqueue the scripts: wp_enque_scripts ('main-university-javascripts', get_theme_file_uri ('/js/scrpits-bundled.js'), NULL, '1.0', true);
    I get this error: Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 262144 bytes) in C:xamppfictional-universitywp-includescache.php on line 124.

    Can anyone help please ?

    Thank you .

  41. flywheel fully installs , but it will never open , it says there is a compatibility issue and flywheel and my computer , have any ideas on how I can find the Issue, I have ran the checks the computer tells me to try
    , so much for small victories

Leave a reply