Applet Orchard

WordPress Search Theme Tutorial

[ad_1]
In this lesson we learn how to add a search form to our theme’s header, and also how to control the output for the relevant search results screen. Check out my “Get a Developer Job” course:

To view a complete list of the WordPress lessons in sequential order visit:

Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review):

Want to share the WordPress website that you’ve been creating on your computer with the world? Learn about the web host I use and how you can get a domain + hosting for $4.95 a month ($60 savings):

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at

Follow LearnWebCode on Twitter for resources and updates:

Posted

in

by

appletorchard

Tags:

Comments

24 responses to “WordPress Search Theme Tutorial”

  1. Shuhrat Xodjakov Avatar
    Shuhrat Xodjakov

    best tutorial ever

    Reply
  2. Romy Kim Avatar
    Romy Kim

    Can you please do a normalize css instruction video !!!! CSS seemed easiest at the beginning, but it might as well be most un-working part of web making at least… to me. I've been searching ways to make styles work reasonably acceptable in older browsers when hand coding.

    Reply
  3. Nano Byte Avatar
    Nano Byte

    @LearnWebCode 3:30 Why can't we simply make label element to Display : none and add aria-* attribute for accessibility reasons ..???

    Reply
  4. jellycoding Avatar
    jellycoding

    Well, when I search for a category that I have on a post I get no results. I have tried with different categories but without any luck.

    Reply
  5. Isuru Fernando Avatar
    Isuru Fernando

    Thank you again for the useful videos! I am following your WordPress lessons, although I am a SAP consultant and new to web development they are very clear and easy to understand. Keep up the good work.

    Reply
  6. Sammy Youm Avatar
    Sammy Youm

    oh fuck… this guy is a coder and developer… i copied a bunch of videos only to find out that this stuff is way over my head 🙂 well, back to the drawing board.

    Reply
  7. Milan Jalic Avatar
    Milan Jalic

    thanks for everything but seriously dude hiding an element with left: -9999px? how about display: none? don't show people things that could mess them up… Great course by the way 🙂

    Reply
  8. Mr Hassan Javed Avatar
    Mr Hassan Javed

    and can you make a video for make own Widget for featured posts or for any part we can add as in mind ? will wait for your reply thanks.

    Reply
  9. Mr Hassan Javed Avatar
    Mr Hassan Javed

    if we want search results by tags, which query will be used?

    Reply
  10. Wasim Dar Avatar
    Wasim Dar

    Hi There, i am facing one issue regarding CSS, it's seem it is not communicating with anything i have to wait at least 10 hours to see the actual change, can u suggest some please?

    Reply
  11. zin moe Avatar
    zin moe

    Hello LearnWebCode!
    Your tutorials are very helpful for me and
    I very appreciate.
    I have one question about my stylesheet doesn't work with the correct code .
    Can you show me why and how to fix it.
    Thank you very much.

    Reply
  12. Nick Wilson Avatar
    Nick Wilson

    Question, at 0:55 seconds roughly you're doing something to create a open div, comment, and close div with comment at the same time. How ?

    Reply
  13. Piotr Wasilewski Avatar
    Piotr Wasilewski

    Well done

    Reply
  14. F Loren Tina Avatar
    F Loren Tina

    one question though : for the div.hd-search label , why tou did not want to use the display:none; ? it would have affected the accesibility ?

    Reply
  15. F Loren Tina Avatar
    F Loren Tina

    Another GREAT lesson!!!

    Reply
  16. Subba Pdm Avatar
    Subba Pdm

    You are the perfect ,, How easily i could learn… Thank you soo much .. i expect further more useful tutorial of wordpress.

    Reply
  17. vandy vicario Avatar
    vandy vicario

    nice tutorial sir, one question. how to create a pagination for search result page?

    Reply
  18. Samiron Barai Avatar
    Samiron Barai

    done

    Reply
  19. Miroslav Jiriste Avatar
    Miroslav Jiriste

    Best WordPress tutorials I've ever seen. Thanks a lot!

    Reply
  20. kaleem ullah Avatar
    kaleem ullah

    fantastic tutorial

    Reply
  21. John Meas Avatar
    John Meas

    Great series!

    Reply
  22. Harpreet Singh Saini Avatar
    Harpreet Singh Saini

    I am not able to search by category or tag name. I have assigned the post to categories in the admin panel. Is their any thing else I need to do to enable category or tag search from search input box?

    Reply
  23. Kelvin Bernardino Avatar
    Kelvin Bernardino

    Great Job Man, awesome tutorials!!! Thank you very much!!!

    Reply
  24. poloacustic1 Avatar
    poloacustic1

    Hi great video, just wondering how to improve the search function of wordpress, since it just evaluates titles and content in posts, i want to add it categories, author, dates.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *