How to Convert Static HTML Template into WordPress Theme

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024

ความคิดเห็น • 48

  • @rudyls
    @rudyls 3 ปีที่แล้ว +18

    MAN THAT'S AN INJUSTICE: YOU DESERVE MORE LIKES & COMMENTS ! EVERYTHING IS CLEAR, SMOOTH. FOR ABOUT 3 YEARS I'M TRYING TO UNDERSTAND CODING, & WATCHING YOUR VIDEO MAKE ME FEEL LIKE IN ELEMENTARY SCHOOL. PLUS IT, DOESN'T LAST SEVERAL HOURS.THANKS A LOT

  • @cholasimmons
    @cholasimmons 7 หลายเดือนก่อน

    my first ever tutorial on wordpress! such a breeze to understand!
    Neat trick doing the double text editor thing with different themes 👌👌

  • @Inso_87
    @Inso_87 7 หลายเดือนก่อน

    good tutorial at all for a static page, if you wanna edit some text you always have to change the html code thats nothing u want if you work with wordpress.

  • @manyt9739
    @manyt9739 2 ปีที่แล้ว +1

    You are great, your way to explain is easy and calm, we can follow your courses with love willing, you deserve to be a successful teacher.
    I think any one lessen to you, will love that. i give you 5 stars.
    Thanks man

  • @waleedahmed3688
    @waleedahmed3688 11 วันที่ผ่านมา

    Great...!!! OK, Please guide me, after that can we edit this page on Elementor or not???

  • @illanlebumfacil7623
    @illanlebumfacil7623 10 หลายเดือนก่อน

    omg!. you deserve more like and views!! this is gold.. thank you so muchh but im stuck at js integration , the slider doesnt work 😵😵😵😵😵😵

  • @mualoaa
    @mualoaa 6 หลายเดือนก่อน +1

    Hi, on the 10 video, around 6:40, i have a problem. the style.css is missing in the folder i download from your git-hub, i'm kinda lost now, what to do?

  • @plbader3714
    @plbader3714 7 หลายเดือนก่อน

    you are a life saver bro , thanks here you a subscriber

  • @NoelMurphyskidaddle
    @NoelMurphyskidaddle 2 หลายเดือนก่อน

    The style sheet needed in video is not the same in Github. Can you help. Love this video playlist.

  • @keylamusky
    @keylamusky 26 วันที่ผ่านมา

    u r the best

  • @1233farhan
    @1233farhan ปีที่แล้ว

    wow thanks, this is the most to the point tutorial ever

  • @devlife5596
    @devlife5596 ปีที่แล้ว

    Wow, You touched my heart!
    Very clearly to understand, step by step! You got my Subscribed with All Bell + my big Respect! 🙇‍♂

  • @江宇皓-l4p
    @江宇皓-l4p ปีที่แล้ว

    Thanks for your tutorial. I can't find the JS folder in the resources.

  • @КирилКирилл-ю2б
    @КирилКирилл-ю2б 2 ปีที่แล้ว +1

    Thank's for tutorial. But could you develop custom plugins and themes from scratch without already done plugins and themes?

  • @peacebuilder3164
    @peacebuilder3164 2 หลายเดือนก่อน

    hey genius.. subscribed..

  • @charlesluck8921
    @charlesluck8921 8 หลายเดือนก่อน

    Hey MrKnowItAll,
    The resources link above took me to Git which had a different file structure from the content in the video, and I wasn't able to locate the .js file needed to load into the WordPress theme. Can I get some clarity, please?

  • @Sabdel-vn7lq
    @Sabdel-vn7lq ปีที่แล้ว

    thanks for your your explanation what we can do for the css conflict ?

  • @ibhutto109
    @ibhutto109 11 หลายเดือนก่อน

    great one

  • @mahdiali7691
    @mahdiali7691 ปีที่แล้ว

    how did you get the light scheme that is synchronized with wordpress

  • @nurakhtar8332
    @nurakhtar8332 3 ปีที่แล้ว +1

    Thank you for your lesson. I am trying to follow everything to the point. But something has made confusion here. At my end the slider is not working as you and showing an error Uncaught TypeError: document.querySelector(...) is null. Could you please make it clear?

    • @mrknowitallyts
      @mrknowitallyts  3 ปีที่แล้ว

      Add your script tag before the closing body tag.

  • @leonmarienga3293
    @leonmarienga3293 ปีที่แล้ว

    Thank you, God bless you

  • @thetravelbloggersa
    @thetravelbloggersa 2 ปีที่แล้ว

    I watched your video and another but I cannot seem to get it working. I do not know what I am doing wrong.

    • @charge9ja
      @charge9ja ปีที่แล้ว

      I can help you out

  • @charlesmagno28
    @charlesmagno28 ปีที่แล้ว

    is this the same process for 2023?

    • @pheel3322
      @pheel3322 8 หลายเดือนก่อน

      Yesss✨

  • @danielwatson6529
    @danielwatson6529 3 ปีที่แล้ว

    I've been doing so well. got stuck here at the css file bit, can't find it

    • @Eggsec
      @Eggsec 3 ปีที่แล้ว +2

      It's under within the build 📂 It's the style-index

    • @rmroberts76
      @rmroberts76 2 ปีที่แล้ว

      @@Eggsec CSS isn't working for me either. I tried the style-index file - NO JOY. I tried older versions on github - NO JOY. Does anyone have the correct style.css file?

    • @dhananjayadaskon2267
      @dhananjayadaskon2267 ปีที่แล้ว

      @@Eggsec thanks for save me!😘

    • @charge9ja
      @charge9ja ปีที่แล้ว

      @@rmroberts76 Yes

  • @kashkartitsolutions
    @kashkartitsolutions 2 ปีที่แล้ว

    Downloaded the HTML file few days before. I am following but i dont find the .js file or folder. Can you please guide me through . probably the script is updates.

    • @tonofcurses7334
      @tonofcurses7334 2 ปีที่แล้ว +1

      He made many changes on the project in github since April 2020 which is the date of this video, so u need to check the commits of the master branch and go back to the versions of 2020 so u find the folders and files just like in the video

    • @kashkartitsolutions
      @kashkartitsolutions 2 ปีที่แล้ว

      @@tonofcurses7334 Thanks brother, I do understand that, can anyone make me understand about the updated project/ files. TIA

  • @BillWhammers
    @BillWhammers 3 ปีที่แล้ว

    ​ @CodePlusPlus there's quite a few files missing unfortunately. I am looking for the entire js folder. Can you help us out here? by the way, to compile scss into css you need sass .

    • @mrknowitallyts
      @mrknowitallyts  3 ปีที่แล้ว

      github.com/LearnWebCode/university-static
      Js files are in 'src' folder

    • @BillWhammers
      @BillWhammers 3 ปีที่แล้ว

      @@mrknowitallyts yes, i thought that but there is no “scripts-bundled.js” there. what do i enter into line 4? i’m really stuck. I’m sorry if it’s really obvious. maybe there’s something i’m missing.

    • @mrknowitallyts
      @mrknowitallyts  3 ปีที่แล้ว

      Watch this
      th-cam.com/video/su6H3e8KT0U/w-d-xo.html

    • @BillWhammers
      @BillWhammers 3 ปีที่แล้ว

      @@mrknowitallyts thanks, been all the way through it; now managed to get gulp watch up and running, still cannot get the HeroSlider.js to run on the site - what should the functions.php contain? I have brought over the src directory (which contains the modules directory and index.js file ) over to my themes folder directly under "fictional-university-theme" and edited the functions folder to include several variants on "wp_enqueue_script('main-university-js', e.g. get_theme_file_uri('/src/modules/index.js'), NULL, '1.0', true); ", also tried wp_enqueue_script('main-university-js', get_theme_file_uri('/src/modules/HeroSlider.js'), NULL, '1.0', true); and other permutations on this . no luck. can you help?

    • @mrknowitallyts
      @mrknowitallyts  3 ปีที่แล้ว

      @@BillWhammers Rename folder name 'src' to 'js' and then within folder change 'index.js' to 'scripts.js'. Now run your gulp watch again. scripts.js will be bundled into 'scripts-bundled.js'. Now you only need to include this newly bundled js
      wp_enqueue_script('university-main-js', get_theme_file_uri('/js/scripts-bundled.js'), NULL, microtime(), true);

  • @natarajanselvam9259
    @natarajanselvam9259 ปีที่แล้ว

    can you please provide us the wordpress source file

    • @mrknowitallyts
      @mrknowitallyts  ปีที่แล้ว

      github.com/LearnWebCode/university-static

    • @leasbenmaupa3780
      @leasbenmaupa3780 ปีที่แล้ว

      @@mrknowitallyts firstly thank you for this awesome stuck. im now stuck here, i have renamed the src folder to js and the index.js to scripts.js but still the footer slide show is not showing. please assist sir. thanks