WordPress Search Theme Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ก.พ. 2025

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

  • @LearnWebCode
    @LearnWebCode  3 หลายเดือนก่อน

    I can't believe this series is 10 years old. While a lot has changed in WordPress over the years the core concepts remain the same and I hope this series is helpful in your learning journey. For anyone who is curious, my recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my TH-cam channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=109&aff_id=17231

  • @prasadchintala2525
    @prasadchintala2525 10 ปีที่แล้ว

    I think, You are the Master of not only Web Development but also web Designing. Thanks lot.

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

    sir you are just a awesome guy so universal ...will make use of your tutorials to enable reach far ...keep up the good work

  • @miroslavjiriste
    @miroslavjiriste 8 ปีที่แล้ว

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

  • @niruddhaRoy
    @niruddhaRoy 9 ปีที่แล้ว +5

    You are awesome man,I have learned wordpress theme functionality from this valuable tutorial,awesome man...........................

  • @egykurniawansetyo478
    @egykurniawansetyo478 9 ปีที่แล้ว +1

    This is amazing, you have great ability to teach complicated things became simple. Love your tutorial.

  • @padamsubba1973
    @padamsubba1973 8 ปีที่แล้ว

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

  • @isurufernando881
    @isurufernando881 8 ปีที่แล้ว

    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.

  • @maciek2b
    @maciek2b 4 ปีที่แล้ว

    Very well explained. Thanks!

  • @efrainlemus7990
    @efrainlemus7990 6 ปีที่แล้ว

    So excited about that next video! That's what I've been looking for, I started using a theme about a year ago and until like 6 months ago I saw the concept of using templates, of course with a theme it didn't make sense because mine (Uncode) doesn't have that functionality so that's why I'm looking into being able to develop my own theme and become a real developer.

  • @deusdadus
    @deusdadus 9 ปีที่แล้ว

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

  • @codequit9867
    @codequit9867 6 ปีที่แล้ว

    great, i learned a lot from your videos

  • @ZyncInteractive
    @ZyncInteractive 10 ปีที่แล้ว

    Brilliant tutorial. Thank you!

  • @ahmad-ali14
    @ahmad-ali14 5 ปีที่แล้ว

    this is the best toturial

  • @KaleemUllah-zr1yc
    @KaleemUllah-zr1yc 8 ปีที่แล้ว

    fantastic tutorial

  • @WikiAraby
    @WikiAraby 10 ปีที่แล้ว

    ُExcellent
    Please add more lessons
    Thanks very much

  • @vandyvicario8881
    @vandyvicario8881 8 ปีที่แล้ว +1

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

  • @metalicarock
    @metalicarock 10 ปีที่แล้ว

    thank you so much for all your uploads, it really helps me a lot

  • @sayedakbarali5650
    @sayedakbarali5650 10 ปีที่แล้ว

    Thank you so much for enhancing my wp knowledge

  • @soukaynaaroui2693
    @soukaynaaroui2693 5 ปีที่แล้ว

    Thank you so much

  • @poloacustic1
    @poloacustic1 9 ปีที่แล้ว

    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.

  • @fortepiano8559
    @fortepiano8559 6 ปีที่แล้ว

    you are the best, bro !

  • @MrHassanJaved
    @MrHassanJaved 8 ปีที่แล้ว

    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.

  • @chamchoms101
    @chamchoms101 10 ปีที่แล้ว

    Nice video :) learning a lot :) Waiting for the nest video :)

  • @nick_jacob
    @nick_jacob 8 ปีที่แล้ว

    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 ?

    • @LearnWebCode
      @LearnWebCode  8 ปีที่แล้ว +1

      That's called a "tab triggered" snippet. Which text editor are you using? You can Google for "name-of-your-text-editor-here create snippet" to setup any shortcuts you'd like. Sublime and Atom are great text editors.

    • @nick_jacob
      @nick_jacob 8 ปีที่แล้ว

      LearnWebCode Nice, i'll check it out. I use notepad ++. netbeans, eclipse, dreamweaver...depending on what i'm coding.
      thank you. subscribed already!

    • @IonutSultana
      @IonutSultana 8 ปีที่แล้ว

      If you want to recreate the +LearnWebCode snippet I'll drop here an example for Sublime Snippet.
      Hope this helps someone.

      ]]>
      open

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

    Can you please explain why you use
    in form label
    position:absolute;
    left: -9999px;
    you can also use visibility : hidden; or display: none;

  • @IrisFlorentinaA
    @IrisFlorentinaA 8 ปีที่แล้ว

    Another GREAT lesson!!!

  • @jifford8516
    @jifford8516 8 ปีที่แล้ว +1

    Great series!

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

    5:50 - CSS Reset normalize

  • @antikiller497
    @antikiller497 9 ปีที่แล้ว

    Help me out here ,when i search any post whole layout just messed up floated to right ,
    and Nice work man !

  • @ThaRSGeek
    @ThaRSGeek 10 ปีที่แล้ว

    I suppose I can find all this info in the wordpress documentation?

  • @turboromy
    @turboromy 7 ปีที่แล้ว

    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.

  • @munishverma1134
    @munishverma1134 5 ปีที่แล้ว

    Bro, can you help me with thing, am unable to find in youtube. I am using ocean wp theme, when ever i search for product, item EXAMPLE search for belt. There will be a paragraph post first like continue reading. How to fix that. Just want to display the product not the paragraph style. What to do in searchform? Pls provide code or the changes

  • @novinfilm1778
    @novinfilm1778 5 ปีที่แล้ว

    hi would you give the link for all codes ?

  • @ayaan5786
    @ayaan5786 8 ปีที่แล้ว

    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?

  • @MrHassanJaved
    @MrHassanJaved 8 ปีที่แล้ว

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

  • @IrisFlorentinaA
    @IrisFlorentinaA 8 ปีที่แล้ว

    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 ?

    • @ochiorbus
      @ochiorbus 8 ปีที่แล้ว +1

      If its not rendered in the page I guess so, and that's what display:none does.
      By rendering the label, but hiding you shoot two ducks the same time: design, accessibility.

    • @insanecode4954
      @insanecode4954 8 ปีที่แล้ว +1

      skizzo muppet no I use display: none and it works for me

  • @nathonas
    @nathonas 9 ปีที่แล้ว

    Maybe somebody can answer this - is there any reason why you use div.hd-search to target the search bar, instead of just .hd-search?

    • @jedidiha
      @jedidiha 9 ปีที่แล้ว

      +nathonas it's a matter of preference. obviously either of the two syntax is correct.

    • @IrisFlorentinaA
      @IrisFlorentinaA 8 ปีที่แล้ว

      because it s more specific. It targets the partticular element .

  • @thespeakerstaffinformation8503
    @thespeakerstaffinformation8503 9 ปีที่แล้ว

    Could you please show us how to, when no results are available, show "No results found. Search again? [__search box__] ?
    Thanks for the tutorials (again). I have watched these dozens of times over the past half year of learning code.

    • @jedidiha
      @jedidiha 9 ปีที่แล้ว +2

      +Justin Munce you could add a logic in the search.php, if query is found and is not empty, echo results else echo no results found.

  • @math260879
    @math260879 5 ปีที่แล้ว

    @LeamWebCode: When you give a word in your search field for example: opinion, you recieve as title for Results: "Search results for: opinion" Every think is fine but I want to hide "Search results for:" It should only appear: "opinion" as title of my results. Is that possible ? and how can I do that? can I follow you on facebook or e-mail ? can I send you a screenshot? Thanks so much for your nice tutorials.

  • @forrestcarlton3065
    @forrestcarlton3065 7 ปีที่แล้ว +2

    For those having issues with searching categories, as a sibling element, under enter the following code:
    Should give you a dropdown for each category

  • @PiotrWas
    @PiotrWas 8 ปีที่แล้ว

    Well done

  • @MrPoz92
    @MrPoz92 10 ปีที่แล้ว

    Great tutorial! You have learnt me a lot! Thank you!
    I have a question. In HTML5 specification it is said to use "article", "section" etc instead of the "div" element. Isnt it wrong to use only "div" elements?

    • @LearnWebCode
      @LearnWebCode  10 ปีที่แล้ว +2

      Its-me92 Great question. You should still use the "div" element in HTML5 when there is not a semantic option for what you're doing.
      If a piece of content is cohesive / portable and could be syndicated elsewhere then the "article" element is the best bet. If you're dividing up a larger overall piece of content into "chapter-like" chunks, or if you want to create hierarchy / outlines then the "section" element is the best bet.
      But if you're simply creating a generic UI block, or if you only want an extra element for presentational (CSS) reasons than the "div" is still the tool for the job. The "section" element gets misused quite a bit because its name makes us think it can be used interchangeably with "div" even though that is not the case. I like to reference the Mozilla Developer Network whenever I'm uncertain about elements, etc... developer.mozilla.org/en-US/docs/Web/HTML/Element/section
      Having said that, I'm sure I'm guilty of not choosing the most semantically rich elements in this WP series as I sometimes code the HTML portion in a hurry :)
      I'm glad you're finding the series useful - let me know if you have any other questions!

    • @EcommerceDeveloper9811938026
      @EcommerceDeveloper9811938026 10 ปีที่แล้ว

      LearnWebCode
      I want to display search form in the middle of the home page only, how to do it?

    • @IrisFlorentinaA
      @IrisFlorentinaA 8 ปีที่แล้ว

      change the code to this :
      div.hd-search {
      display:block;
      width:250px;
      margin:0 auto;
      }

    • @IrisFlorentinaA
      @IrisFlorentinaA 8 ปีที่แล้ว

      div.hd-search label {
      display:none;
      }

  • @wdtashipaljor2188
    @wdtashipaljor2188 6 ปีที่แล้ว +1

    "No content found!" message displays in the content area when I search with author name or post category: I've watched whole video several times and have done exactly as you did in the tutorial. The result isn't the same. Help!

    • @bmm4050
      @bmm4050 4 ปีที่แล้ว

      you can search with post title.

  • @jellycoding
    @jellycoding 7 ปีที่แล้ว

    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.

  • @zinmoe7545
    @zinmoe7545 8 ปีที่แล้ว

    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.

  • @ruthgiron2745
    @ruthgiron2745 7 ปีที่แล้ว

    I've installed Google Language Translator plugin and if I am in another language I can't search in that language. Search is only working in English language. Do you know what to do?

  • @wasimdar007
    @wasimdar007 8 ปีที่แล้ว

    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?

    • @luyuan0
      @luyuan0 8 ปีที่แล้ว +1

      Clear the cache of your browser and you will see the change.

    • @IrisFlorentinaA
      @IrisFlorentinaA 7 ปีที่แล้ว

      I had the same problem too . not even after restarting my laptop it still didn t work .It seems like we got an answer though :D

    • @successfulpeople
      @successfulpeople 7 ปีที่แล้ว

      The best trick that works for me is this, ctr + f5. It works every every time

  • @shuhanggaming
    @shuhanggaming 7 ปีที่แล้ว

    Having some problem when searching one of categories, it return no content found. stil wondering how should i found my result.

    • @joukenienhuis6888
      @joukenienhuis6888 7 ปีที่แล้ว

      It searches in the content or the title, not in the categories

  • @shuhratxodjakov7605
    @shuhratxodjakov7605 7 ปีที่แล้ว

    best tutorial ever

  • @manumathew88
    @manumathew88 6 ปีที่แล้ว

    how to prevent injection serach form

  • @justm0ryel
    @justm0ryel 9 ปีที่แล้ว

    how to put placeholder in search form?

    • @jedidiha
      @jedidiha 9 ปีที่แล้ว

      +Moriell Pangahin put an attribute "placeholder" in the search input tag.

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

    🗽🗽

  • @JahangirAlams
    @JahangirAlams 9 ปีที่แล้ว

    tutorial is very best
    but
    anything i write 100% same to you but it shows error php error

  • @omgapotatoe
    @omgapotatoe 10 ปีที่แล้ว +6

    My search returns post titles just fine but when searching for categories, it returns nothing.
    puu.sh/akmva/850cbfca74.png
    puu.sh/akmwJ/8454f82dc7.png
    EDIT: Oops I thought that you were finding the posts by category and not title. Nevermind everything works.

    • @IrisFlorentinaA
      @IrisFlorentinaA 7 ปีที่แล้ว

      I literally had the same issue :)))))))

    • @sororbudwiser
      @sororbudwiser 7 ปีที่แล้ว

      Did anyone figure this out?

    • @gattorr
      @gattorr 7 ปีที่แล้ว

      His titles are "Opinion".

  • @muhammadbilalnoor6003
    @muhammadbilalnoor6003 7 ปีที่แล้ว

    SuperB

  • @milanjalic3660
    @milanjalic3660 8 ปีที่แล้ว

    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 :)

    • @AjAllenFijiVacations
      @AjAllenFijiVacations 8 ปีที่แล้ว +1

      You forget what he said.. for accessibility reasons? It remains in the code so that somebody using a screen reader still knows about it, but for those that are not relying on that, they don't see it. It's a pretty standard way of doing this.

  • @lug2990
    @lug2990 10 ปีที่แล้ว

    Can someone answer my question. So basically he's teaching us how to make your theme for WordPress?

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

    The perpetual value peripherally enjoy because thrill serendipitously bruise near a truculent entrance. hurried, brown bibliography

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

    The magical jellyfish genotypically seal because dill nally concern abaft a infamous hole. mean, stimulating pamphlet

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

    The zealous daniel systemically depend because timer perinatally precede till a bloody age. lying, abject care

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

    The tasteful sagittarius namely promise because forecast potentially introduce regarding a cynical cross. supreme, dirty john

  • @unclesam5140
    @unclesam5140 8 ปีที่แล้ว

    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.