automatisch aanvullen, voeg je locatie zoeken. Automatisch aanvullen,,,,,,,,,,,,,,,,,,,, het netwerk van delen van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, functie, get_search_form (), kan (en).Een site voor de zoektocht.Het werkt, maar het is zeer bescheiden.3.3 met wordpress heeft echter een instrument is dat het veel gemakkelijker kunnen worden gebruikt.In deze handleiding en ik zal je laten zien hoe de toevoeging van onze automatisch aanvullen zoeken.,,, open je de vorm van de zoektocht, deze les is dat je gebruik van de thema 's, get_search_form (), dat de vorm van je zoeken en telefoon, wp_footer (,, laten we eerst kijken, twentyeleven vorm (searchform.php zoeken. In je betreft).De kans is, dat je van vergelijkbaar zijn.Als je niet in je betreft, searchform.php, dan kan het gebruik van de merken is standaard, is bijna hetzelfde.Als je naar de vorm van de harde code is stel ik voor om het in, searchform. Php, en het gebruik van get_search_form (); om dat aan te tonen., < formele methoden = "" = "searchform actie" = "<?PHP esc_url (ECHO home_url ("/");?"> > < - =" > <?PHP _e ("gezocht", "twentyeleven");?> < /etiket > < input vormen voor de tekst "naam" s "=" reserve = "<?PHP esc_attr_e ("gezocht", "twentyeleven");?> "> < input - type =" dienen "naam" dienen "=" searchsubmit. "<?PHP esc_attr_e ("gezocht", "twentyeleven");?> "> < /vorm >, voeren we een zoektocht in de id, dus kunnen we het met dit.In dit geval, voor we beginnen, laten we nog wat werk te doen.Dit zal ook een samenvatting van wat we moeten doen.,, stap 1 te werken, alle volgende moet in je betreft, PHP functie.We willen koppelen, starten, en een functie om de haak:,, registratie en javascript CSS - - moeten we een code, BU.Ik moet gewoon met de vorm, maar je kunt altijd de eigen betreft, aan uw website.Je kunt het toevoegen aan je stijl CSS, thema 's, of in een afzonderlijk document en de registratie van het als volgt.We moeten een aangepaste javascript. Ik bel. Myacsearch.js en opgeslagen in mijn onderwerp is, is de map.,, haak javascript en CSS - - moeten we met stijl en javascript (alleen) zoeken, vorm te geven.Get_search_form filteren, brand, als dit gebeurt, zullen we het script en stijl, zullen we, –, jax optreden, moeten we nog een auditie voor de behandeling van het verzoek en de terugkeer van de resultaten, de ontvangst van onze actie wordpress door Ajax.Dus gebruiken we haken, wp_ajax_ {action}, wp_ajax_nopriv_, {action}, waar, {action}, als we de identificatiecode van de actie moet worden uitgevoerd (dus moet uniek zijn).Ik ga het myprefix_autocompletesearch,,.,, add_action ("-", "myprefix_autocomplete_init"); de functionele myprefix_autocomplete_init () {///////registratie van ons dit bu stijl en onze gewoonte javascript documenten wp_register_style ('myprefix-jquery-ui ",'http://Ajax. Googleapis. COM /Ajax /library /jqueryui /180 /topics /basis BU /). De CSS"); wp_register_script ("my_acsearch", get_template_directory_uri (")./JS /myacsearch. Js, - ('jquery ",'jquery-ui-autocomplete"), nietig, waar); ///////functie als vorm add_action vuur zoeken ("get_search_form", "myprefix_autocomplete_search_form"); ///////functie met jax op verzoek van een gebruiker, de andere voor de Niet - opgenomen in de gebruikers.Add_action ("wp_ajax_myprefix_autocompletesearch", "myprefix_autocomplete_suggestions"); add_action ("wp_ajax_nopriv_myprefix_autocompletesearch", "myprefix_autocomplete_suggestions");}, stap 2, Ajax URL 's, zullen we het gebruik van Ajax technieken voor het zoeken en de terugkeer van de input van de vorm van de gebruikers van die post.Dus we moeten het verzenden van verzoeken automatisch URL 's.Er is een specifieke wordpress Ajax de URL 's verzoek, dit is gegeven, admin_url ("beheer van Ajax, PHP).Dit geeft ons op de server - URL 's maar wij hopen tijdens ons javascript dossier.Dit kan worden gebruikt, wp_localize_script,.De eerste is om deze functie te lokaliseren, maar we kunnen het aan onze gebruiken.Zet dat onmiddellijk na de registratie van gewoonte javascript, my_acsearch, stap 1:, wp_localize_script ("my_acsearch", "myacsearch, - ('url" = > admin_url ("beheer van Ajax, PHP))); het bevat een voorwerp, myacsearch, dit is een eigenschap, URL 's".Deze methode mag je stuur opgeslagen in de databank javascript documenten worden, maar voor ons doel, maar we moeten myacsearch.url, namelijk de URL, om onze Ajax, stap 3, op verzoek van de javascript, is automatisch is en eerlijk en een beetje leven, maar we zullen erop aandringen dat de elementaire kennis.Je kan het zien aan de functie op alle pagina 's.We zullen de gegevens, met inbegrip van Ajax URL 's aan een operatie van de waarden van de variabelen identificeren we stap 1 is in beweging.Voor ons, myprefix_autocompletesearch,.Dus, nu in onze javascript dossier, wordt het volgende toegevoegd, var acs_action = "myprefix_autocompletesearch"; dit om ons in staat te stellen eisen, te zoeken en de resultaten zijn terug.De volgende stap zal zijn naar de vorm van de voltooiing, (hier gebruiken we de vorm van inbreng van de id: $("), #"). Automatisch ({Bron: functie (verzoeken en antwoorden) {%. GetJSON (myacsearch. URL 's + "?Call - back - =?& action = "+ acs_action, op verzoek,);}, optie (evenementen, BU) {raam. Href = ui.item.link;}, maximale lengte: 3}); de bron functie moet de terugkeer van een object generator.Elk voorwerp moet zijn van "eigendom", "etikettering" (in het voorstel vermeld in de lijst, en we voegen) "eigendom" en "links", "".Als de gebruikers op een van zijn voorstellen bij de keuze van de functie.In dit geval op deze voorstellen om je mee te nemen naar die pagina 's.De maximale lengte van de gebruikers, dat voor de voltooiing van het aantal tekens moeten spelen en we zullen dit alles, voor de verwerking van, dus het werkt alleen met de pagina 's volledig geladen.En dan de volledige javascript,) (document): klaar (functie ($) {VAR acs_action = "myprefix_autocompletesearch"; en "#"). Automatisch ({Bron: functie (verzoeken en antwoorden) {%. GetJSON (myacsearch. URL 's + "?Call - back - =?& action = "+ acs_action, op verzoek,);}, optie (evenementen, BU) {raam. Href = ui.item.link;}, maximale lengte: 3});});,, 4 in ons scenario 's en stijl, zoeken een vorm van gebruik, get_search_form () de functie van Onze functie;,,, myprefix_autocomplete_search_form, vuur.In deze functie zullen we het script en stijl, we moeten het afmaken.We moeten dit niet laden voltooid zijn of rechtstreeks, je weet dat we het nodig hebben, zal voor ons een behandeling, functionele myprefix_autocomplete_search_form () {wp_enqueue_script ("my_acsearch") ("); wp_enqueue_style myprefix BU");}, de rest is een verzoek, Ajax, Ajax. Vijf stappen voor, terug naar ons. We noemen het myprefix_autocomplete_init, de volgende functies, add_action ("wp_ajax_ {action}", "my_hooked_function"); add_action ("wp_ajax_nopriv_ {action}", "my_hooked_function"); de eerste actie, is neergeschoten, en actie wordpress ontvangen verzoeken om optreden van Ajax, {}, en op de gebruiker.Toen de onbekende gebruikers, de seconden geactiveerd.Dit kan het bijzonder nuttig zijn als je wil, Ajax verzoek of de gebruiker inlogt.Voor ons doel, en we hopen dat het werk is opgenomen in de gebruikers en niet - geregistreerd, zodat we onze functie aan de haak twee.Hier, hebben we de auditie, dit is van jou, functie, myprefix_autocomplete_suggestions PHP,: functie () {///////$posts = voorstel get_posts vraag (array ("= > _request dollar ['term]); ///////- - = - Voorstel voor een aanbeveling (); de voor $post; (1 USD US - dollar): setup_postdata ($post); ///////- - = - () voorstel; voorstel van de Commissie ['label dollar] = esc_html ($na > post_title); - voorstel ['link"] = get_permalink (toevoeging van aanbevelingen); ///////- aanbevelingen [...] = $aanbevelingen; endforeach hola code; ///////en ECHO - respons = dollar _get "call - back -" []. "("".Json_encode ($voorstellen) ")".ECHO - $reactie; ///////- niet vergeten dat het uit!Uit de;}, laten we ons op dit punt in de tijd.De inbreng van de gebruiker met jax verzoek, en geeft, _request dollar ['term].We zoeken get_posts, gemakkelijk te gebruiken, en zoeken we de woorden van de eigenschappen van post, en dan gaan we door elke terugkeer op het werk, en voor elk van ons een reeks voorstellen.Het pakket bevat de titel van het artikel (noemen we het ", het etiket, zodat de automatische erkenning zal zijn of het gebruik van het voorstel na de lijst) en een permanente link, dus na de gebruikers rechtstreeks op de pagina 's.Voegen we bij elk voorstel scala aan voorstellen, de volgende stap is dat de reeks voorstellen, hola code, en de resultaten van de ECHO.Tot slot, we stoppen.We doen.Weet je, laten we in de opmerkingen, als je wat advies, op dit punt, ik hou ook van jou, het delen van deze.