nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


WordPress Search: handige plug-ins en fragmenten

WordPress is een krachtige CMS-tool die niet alleen blogs aanstuurt, maar ook talloze forums en persoonlijke webpagina's. Veel van de aangeboden functies zijn behoorlijk geavanceerd voor de markt, maar hun zoektocht lijkt nog steeds achter te blijven. De functies bieden een zeer eenvoudige oplossing voor een uiterst complex probleem - het vinden van de juiste inhoud op uw site!

Hoewel de functies uitstekend zijn voor het zoeken van artikelen op basis van directe overeenkomsten, schiet het systeem tekort bij veel mogelijk gebruik. Meer specifiek het onvermogen om te zoeken tussen alle categorieën, tags of zelfs een specifieke categorie en / of tag. Op dezelfde manier worden alle berichten standaard weergegeven op datum, van nieuwste naar oudste. Dit is een enorme kloof in UX, hoe zit het met gebruikers die misschien op zoek zijn naar populaire artikelen met de meeste weergaven of opmerkingen?

Hieronder heb ik een korte blik gegeven in de zoekfuncties van WordPress en hoe ze binnen het systeem werken. Als u begrijpt hoe alles uit de doos loopt, wordt het manipuleren van zoekopdrachten veel eenvoudiger. Daarnaast heb ik een paar krachtige plug-ins en codefragmenten toegevoegd die wenselijk zijn voor elke WP-website.

De basis van WordPress Search

Bij het uitvoeren van een zoekopdracht via WordPress worden alle resultaten geretourneerd op basis van de publicatietijd. Dit zou pagina's omvatten, wat geweldig zou zijn, als WordPress de mogelijkheid heeft om dit te doen. Twee geweldige plug-ins Zoeken Unleashed en Search Everything bieden oplossingen waarmee gebruikers ook door pagina's en opmerkingen kunnen zoeken. Een groot probleem is hoe WordPress de kracht van trefwoorden binnen zoeken negeert.

Als een artikel een jaar of twee geleden is gepubliceerd, is de kans dat het in een zoekopdracht wordt gevonden, gering. Dit is tenzij de gebruiker de gewenste zoekwoorden invoert in een grotere engine zoals Google of Bing. Wanneer u zoekt naar "webontwerp", zoekt WordPress precies dat. WordPress-ontwikkelaars werken misschien aan updates, maar een dergelijke zoekopdracht levert geen resultaten op met alleen design .

Evenzo, hoe zit het met postcategorieën en tags? Deze kunnen in zoekwoorden worden vergeleken en een hele zoekopdracht uitstellen. De verschillende functies achter de zoekfunctie van WordPress zijn prehistorisch in vergelijking met de meeste, waardoor het systeem gelukkig openlijk kan worden bijgewerkt vanuit de ontwikkelingsgemeenschap.

WordPress Themabestanden

In elke WordPress Themes-map bevindt zich een reeks zoekbestanden. Deze lijken nuttig te zijn voor functionaliteit en krachtige zoekformulieren. In het root-sjabloonbestand search.php vindt u de algemene sjabloon voor zoekresultaten.

Vaak hoor ik ontwikkelaars de fout maken om hun search.php in een ander kernbestand op te nemen, zoals page.php of single.php . Dit is een sterke techniek voor het bouwen van modulaire sjablonen, maar het rechte zoekbestand wordt alleen gebruikt voor het weergeven van paginering en resultaten. De standaard bestandsnaam searchform.php is wat een basis PHP-code zou bevatten voor het aanroepen van zoekvraaggegevens. De rest van het bestand is een rechtstreeks HTML-formulier met één (1) invoerveld en een verzendknop.

Dit bestand wordt vaak opgenomen in het kop- of zijbalkgebied van sjablonen. Het biedt een elegante oplossing om een ​​kant-en-klare vorm op te nemen en gebruikers kunnen profiteren van de vele krachtige zoektechnieken die worden aangeboden in WordPress. Van de vele nieuwe kenmerken in HTML5 is het mogelijk om standaardtekst in het invoerveld aan te bieden, zoals "zoeken ..." of "hier termen invoeren".

Bij het invoeren van gegevens om uw zoekformulier weer te geven, kan de simplistische routine u graag verrassen. Er is een eenvoudige functie get_search_form() geschreven die overal in uw sjablonen kan worden toegevoegd om de inhoud van searchform.php weer te geven . Dit is een interne functie ontwikkeld door WordPress en gebruikt om ontwikkeling voor zoekfunctionaliteit eenvoudig te maken als taart!

WP-queryfunctie

Er is een functie geschreven in de backend van WordPress die kan worden gebruikt voor directe SQL-query's. WP_query() is zowel door WordPress-ontwikkelaars als door thema-ontwerpers gebruikt om aangepaste zoekopdrachten te maken die complexer zijn dan de standaardinstellingen van WordPress.

Als u een ontwikkelaar bent, raad ik u aan de functie-referentiepagina door te lezen voor een beetje inzicht in de methodologie. De documentatie is erg lang en zal waarschijnlijk niet door velen worden gebruikt. Er zijn een aantal echt handige functies, zoals het trekken van specifieke berichten of categorieën op basis van de inhoud die momenteel op de pagina wordt weergegeven.

Met de Query-functie kunt u ook controleren op de huidige pagina-waarde. WordPress geeft automatisch een naam voor elk type pagina op uw site. Blogberichten, pagina's, zoekresultaten en thuis zijn slechts enkele voorbeelden. Hieronder heb ik een korte lijst met veelvoorkomende paginavariabelen geschetst voor diegenen die geïnteresseerd zijn in onderzoek onder de oppervlakte.

  • $is_single - bekijk een enkele $is_single
  • $is_author - het bekijken van een directory-pagina van een auteur
  • $is_search - bekijk een pagina met zoekresultaten
  • $is_category - $is_tag - bekijk een lijst met berichten op categorie of tag
  • $is_404 - bekijk 404 foutpagina

16 plug-ins om zoeken te verbeteren

Hieronder heb ik links naar een paar populaire plug-ins met betrekking tot zoeken en vragen opgenomen. Deze zijn allemaal gratis en aangeboden om te downloaden van de officiële extensielijst van WordPress. Ik zou het sterk aanbevelen om er niet meer dan 2 of 3 tegelijk te installeren - lees de beschrijvingen door en test één voor één om te zien of er iets is dat perfect bij je blog past!

Google Custom Search pluginDe standaard optie voor zoeken in WordPress is niet echt de beste oplossing. Vaak sturen webmasters hun zoekopdrachten liever via Google voor snellere en meer gerichte resultaten. Na installatie zal deze plug-in automatisch het standaard WordPress-zoekformulier herschrijven met een aangepaste Google-zoekopdracht. Keurt onmiddellijk een nieuwe reeks vriendelijke URL's goed!

Verbeterd zoekformulier Standaard is het zoekformulier van WordPress een standaard invoerveld. Dit is geweldig voor standaardvragen met specifieke zoekwoorden, maar voor geavanceerde gebruikers schieten de standaardopties tekort. Verbeterd zoekformulier genereert dynamisch een XHTML-formulier dat nieuwe zoektermen accepteert, zoals Booleaanse AND-instructies.

Search EverythingSearch Everything is nog een geweldige alles-in-één plug-in voor het ondersteunen van uw geavanceerde zoekbehoeften. Een paar van de meest populaire functies zijn zoekmarkering, aangepaste taxonomieën, browsen van goedgekeurde opmerkingen en nog veel meer! Het administratiepaneel is erg eenvoudig en de installatie is eenvoudig.

WordPress Sphinx-zoekfilter De Sphinx-server kan de zware zoekopdrachten van uw server naar andere externe instellingen overbrengen. Na activering ziet u supersnelle snelheden en kunt u resultaten sorteren op basis van versheid en relevantie. Daarnaast is de plug-in in staat om een ​​zijbalk-widget weer te geven van de meest recente en meest gerelateerde zoekwoorden.

Zoeken MeterSearch Meter is een fascinerend idee voor webmasters die geïnteresseerd zijn in trackinganalyses. Elke zoekopdracht wordt opgeslagen en gearchiveerd in het admin-paneel met extra details over zoekanalyses. U krijgt gegevens over hoeveel zoekopdrachten zijn mislukt of geen resultaten hebben opgeleverd, evenals populaire en recente zoektermen. De plug-in zal statistieken genereren die u kunt resetten of exporteren voor onderzoek.

Snelle WordPress SearchFast WordPress Search is een eenvoudige vervangende plug-in voor de standaard engine van WordPress. Hierdoor worden doorgaans meer relevante pagina's geretourneerd en wordt het proces enigszins versneld. Het proces is geschreven om te werken met de uitgebreide bibliotheek met functies van WP om databaseaanvragen te verminderen en snellere resultaten terug te brengen voor intense vragen. De installatie gaat ook gepaard met benchmarkhulpmiddelen om tijden te vergelijken.

Amazon Search Widget Als u werkt met het partnerprogramma van Amazon, zult u dol zijn op deze volgende plug-in. Met een paar eenvoudige stappen en een enkele sjabloonbewerking is het erg handig om een ​​op Flash gebaseerd zoekformulier te implementeren. Hiermee wordt in de Amazon-bibliotheek gezocht naar gegevens over producten en nieuwe releases. Vanaf hier is het een eenvoudig proces om je partner-ID in te voeren om geld te verdienen met je blog-zoekopdrachten!

Looser Search PluginHere we hebben een kleine plugin met hoge verwachtingen direct na installatie. De Looser-zoekplug-in wijzigt reeds ingebouwde processen vanuit WordPress-bibliotheken om zoekwoorden te matchen in plaats van volledige termen. Een intern woordenboek met veel voorkomende Engelse woorden wordt overgeslagen om het zoekproces te versnellen. Als je op zoek bent naar een eenvoudige plug-in om te installeren en de snelste resultaten krijgt, zou ik deze aanraden.

Dave's WordPress Live SearchAls je een fan bent van Microsoft Live Search, zal deze eenvoudige plug-in je blogbeleving versterken. Resultaten van Live Search aanbieden betekent hogere relevantie en snellere laadtijden dan interne verwerking. De plug-in is gemaakt om direct up-to-date resultaten te bieden terwijl de gebruiker typt - allemaal aangedreven achter de schermen met jQuery en enkele standaard CSS-stijlen. Probeer te installeren en kijk of uw blog de pagina kan laden, omdat het een geweldige gebruikerservaring biedt voor zoekresultaten.

Search Tag Cloud Deze plugin biedt u eenvoudig toegang om een ​​eenvoudige tagwolk te ontwikkelen. Dit resulteert in geweldige rankings van Google omdat er meer in-links naar uw blogpagina's leiden. Bovendien wordt de gebruikerservaring drastisch verhoogd als u bedenkt hoeveel berichten u met slechts een paar klikken kunt vinden. De plug-in vereist standaard installatiestappen en is ontwikkeld met SEO in gedachten.

Markeer zoektermen Je hebt deze plugin mogelijk in talloze blogs vandaag de dag gezien. Wanneer een bezoeker uw pagina via een belangrijke zoekmachine (Google, Yahoo !, Bing, Lycos, Ask ...) vindt, worden alle zoekwoorden in uw inhoud gemarkeerd. Hiermee kunnen bezoekers achterhalen waar de pagina-inhoud zich bevindt en in welk referentiekader ze zich bevinden. Standaard zijn er geen CSS-hoofdstijlen, dus u moet deze zelf ontwerpen na activering.

Beter zoeken Beter zoeken, zoals de titel aangeeft, is een standaard plug-in om je WordPress-blog een betere zoekfunctie te geven. Elke resultatenpagina wordt opgesplitst op basis van trefwoordrelevantie en geavanceerde technieken voor het herkennen van metatags, berichttags en categorieën. Bij het typen van het nieuwe zoekscherm worden de populairste zoektermen weergegeven die door uw blog worden doorzocht. Dit wordt regelmatig bijgewerkt op basis van de hoeveelheid verkeer die uw zoekopdrachten genereren!

Zoeklicht Zoals je misschien op veel plaatsen elders hebt gezien, is de update-als-je-type-functionaliteit geëxplodeerd. Sinds de release van Google Instant hebben veel andere zoekmachines vergelijkbare technieken geïmplementeerd. Search Light is een fantastische plug-in die een Ajax-vervolgkeuzelijst gebruikt om dynamische menu's met gerelateerde zoekopdrachten te maken. Het is ook mogelijk om uw postminiatuurlijsten en het totale aantal resultaten in de zoekbalk zelf te koppelen.

WP Instant SearchDeze plug-ins vereisen een aantal externe bibliotheken, hoewel ze dezelfde functionaliteit bieden als het vorige zoeklicht. Als je echt van de Ajax-uitklapmenu's geniet, vind je hier met WP Instant Search veel van dezelfde functies. De plug-in is bijgewerkt naar de meest recente versie van WordPress 3.0.5 en zal controleren op WordPress-tags, berichten, pagina's en categorieën.

WP E-commerce Product Search WidgetDeze plug-in ondersteunt widgetschermen voor een e-commerce oplossing die wordt uitgevoerd via WordPress. Wanneer u artikelen of zelfs software online verkoopt, is het belangrijk dat uw e-commerceoplossing eenvoudig te navigeren is en dat producten gemakkelijk te vinden zijn. Met deze handige plugin kunnen we de oude zoekfunctionaliteit van WordPress vervangen door een nieuwe queryweergave. Resultatenpagina's zullen producten in een lay-out in rasterstijl weergeven en tot de meest recente release compatibel houden.

ThreeWP Ajax SearchEen no-nonsense plugin voor Ajax-zoekopdrachten. Gewoon downloaden en de plug-in installeren om een ​​idee te krijgen van hoe gemakkelijk het proces zich zal ontvouwen! Standaardinstellingen werken perfect met het Twentyten-thema en alle derivaten. Een leuke functie is hoe deze plug-in nog steeds werkt rond de standaardzoekmachine van WordPress. In dit geval verliest u niets van de krachtige bibliotheek van WordPress en krijgt u in plaats daarvan alleen geweldige ervaringseffecten aan de voorzijde. Er zijn veel opties voor aanpassingen, waaronder CSS-stijlen en jQuery-snelheden en -stijlen.

5 Handige zoekfragmenten

1. Sluit post / pagina uit zoekresultaten

Met de volgende functie kunt u berichten van elke categorie of zelfs pagina's uitsluiten van de zoekresultaten. (via wprecipes)

(functions.php)

 function SearchFilter ($ query) {if ($ query-> is_search) {$ query-> set ('cat', '0, 1'); } return $ query; } add_filter ('pre_get_posts', 'SearchFilter'); 

2. Zoeken naar een specifieke categorie

Retourneer zoekresultaten van een specifieke categorie.

(functions.php)

 function SearchFilter ($ query) {if ($ query-> is_search) {// Voeg de specifieke categorieën toe waarnaar u wilt zoeken $ query-> set ('cat', '8, 9, 12'); } return $ query; } add_filter ('pre_get_posts', 'SearchFilter'); 

3. Zoeken naar een specifiek berichttype

Filter alle andere berichttypen en target uw zoekopdracht op een specifiek WordPress-berichttype.

(functions.php)

 function SearchFilter ($ query) {if ($ query-> is_search) {// Voeg het specifieke berichttype in dat u wilt doorzoeken $ query-> set ('post_type', 'feeds'); } return $ query; } // Dit filter springt in de lus en rangschikt onze resultaten voordat ze worden geretourneerd add_filter ('pre_get_posts', 'SearchFilter'); 

4. Markeer WordPress Search Terms (jQuery)

Markeert zoektermen in de WordPress-resultatenpagina. (via weblogtoolscollection)

(functions.php)

 functie hls_set_query () {$ query = attribute_escape (get_search_query ()); if (strlen ($ query)> 0) {echo ' '; }} functie hls_init_jquery () {wp_enqueue_script ('jQuery'); } add_action ('init', 'hls_init_jquery'); add_action ('wp_print_scripts', 'hls_set_query'); 

(header.php), before

5. Toon zoekterm + resultaat (en) tellen

Zoekvragen en aantal resultaten retourneren. Voorbeeld - zoekresultaat voor twitter - 8 artikelen . (via wpbeginner)

Zoekresultaat voor POST_COUNT; _e ( ''); _e (' '); echo $ sleutel; '); _e (' '); _e ('-'); echo $ count. ''; _e ( 'artikelen'); wp_reset_query (); ?>

5 dingen die je kunt doen als iemand je idee steelt

5 dingen die je kunt doen als iemand je idee steelt

Diefstal van ideeën gebeurt de hele tijd in de creatieve industrie. Wanneer je iets nieuws en spannends bedenkt dat de aandacht trekt, is het onvermijdelijk dat je op een gegeven moment wordt opgelicht door anderen die op zoek zijn naar de beste resultaten. En ja, het is rot.In tegenstelling tot wat vaak wordt gedacht, is imitatie niet de hoogste vorm van vleierij - het is gewoon vervelend en maakt dingen die veel moeilijker zijn voor de opkomende ontwerper om zichzelf te onderscheiden van de hordes copycats.

(Technische en ontwerptips)

Hoe vorm je een hartvorm met CSS

Hoe vorm je een hartvorm met CSS

CSS3 verhoogt de haalbaarheid van wat we kunnen bouwen op websites met alleen HTML en CSS. U kunt verbazingwekkende voorbeelden vinden die we eerder hebben genoemd. Maar laten we niet te ver op onszelf lopen, een ingewikkeld ontwerp zal codes nodig hebben die u hoofdpijn kunnen bezorgen.In plaats daarvan gaan we iets eenvoudigs maken om u te helpen om vormen en positionering met CSS eerst te begrijpen, voordat u zich waagt aan geavanceerdere ontwerpen

(Technische en ontwerptips)