WordPressi otsingumootor imeb
Ma ei tea kedagi, kes kasutab WordPressi, kes räägiks selle otsingumootorist hästi ja ma ei saa ikka veel aru, et see on vaevalt arenenud alates esimestest versioonidest.
See ei ole mitte ainult primitiivne, vaid ei paku ka mingeid seadistusi. Isegi selle tulemuste lehekülje välimus jätab palju soovida. Sõltuvalt kasutatavast mallist võib see olla veidi parema disainiga, kuid üldiselt on see siiski eelajalooline.
Tulemuste välimust saab veidi parandada CSS-i abil ja vastamist tasuta pluginaga (tasulise versiooniga) nagu Relevanssi (kuigi see kolmekordistab teie andmebaasi kaalu) või see, mis ühendab Algolia välise teenusega (tasuta kuni 10 000 otsingupäringut kuus).
Aga ma jätan tulemuslikkuse küsimus teise päeva, sest ma olen ikka veel maadlus, et ja tegeleda puhtalt esteetiline reformid kasutades GeneratePress (GP) ja GenerateBlocks (GB).
GeneratePress ja GenerateBlocks
GP ja GB on endiselt kaks tööriista noorest projektist, mille kasutatavust on veel palju parandada, GB ei paku sama õppimiskõverat, mida võite oodata, kui olete pärit selliste ehitajate nagu Elementor vms kasutamisest.
Nagu näeme selles näites, on mõned protsessid teatud asjade loomiseks GenerateBlocksiga palju pikemad ja töömahukamad ning võivad esimestel katsetel olla veidi meeleheitlikud. Kui me lisame üha rohkem ja rohkem plokke, muutuvad asjad keerulisemaks.
Kui te aga mõistate, kuidas nad töötavad, ja saate neid kätte, on teil palju suurem kontroll selle üle, kuidas iga element välja näeb.
Raskusi tasakaalustab selle dokumentatsioon ja laitmatu tugi, milles selle loojad aitavad isegi konkreetsetes disainiprobleemides, mis ei kuulu nende pädevusse, nii et see on ikkagi alternatiiv, mida tuleb arvesse võtta, kuna nad jäävad oma filosoofiale truuks; õiglane, puhas ja kerge kood.
Plokkide elemendid
Blocks Elements, edaspidi Elements, lisati 2020. aasta juulis GeneratePress Premiumi versioonis 1.11.0. Seda saab kasutada tavalise konksuna, et sisestada sisu peaaegu kõikjale oma blogis, ilma et peaks koodiga näpistama.
Koos GenerateBlocksiga võimaldab see kasutada WordPressi plokkide redaktorit konksude, päiste, jaluste, küljepalkide, "kangelase" lehe, sisumallide jne loomiseks.
Asja juurde.
Struktuuri mall
Esimene asi, mida me teeme, on luua see, mida me nimetame "struktuuri malliks". See samm on vabatahtlik, kuid selle loomine on hea mõte juhuks, kui me tahame paari klikiga midagi muuta.
Ma annan sellele selle nime, sest see määratleb ainult struktuurilisi aspekte, mitte selle sisu. See tähendab, et kui me tahame näidata või mitte pealkirja, alumise osa või selle vidinaid, külgriba või määratleda laiust jne, ja nii me ei sega ülejäänud sammude plokkide nimesid.
Peamenüüst Välimus/Elemendid või ülemisest osast pääseme elementide loomisele ja haldamisele.
Konkreetse kasutuse puhul, millega me siinkohal tegeleme, valime uue elemendi lisamisel Design ja vajutame create.
Järgmisena ütleme elemendile, millisel leheküljel me tahame seda rakendada. Selleks läheme vahekaardile "Rules to display" ja positsioonis valime rippmenüüst "search results".
Elemendid pakuvad palju kohandamisvõimalusi. Nagu näete, saate selles rippmenüüst valida enamiku oma blogi positsioonidest, et neid seadeid saaks seal rakendada.
Samuti saame otsustada, milliseid elemente me tahame varjata. Minu puhul kavatsen kasutada ainult ühte valikut, et teha ilma küljepalkideta, seega valin"Sisu (ilma küljepalkideta)".
On ka teisi võimalusi küljeriba peitmiseks, kuid see on kõige lihtsam ja kiirem, kuid lisaks sellele, et see on kõige lihtsam ja kiirem, võimaldab see ka iga muudatuse tagasi võtta, pöördudes lihtsalt siia tagasi või otse "eemaldades" selle elemendi/mudeli "Eelnõu" olekusse, tagastades seega lehe algse välimuse.
Lisaks võimaldab vahekaart"Deaktiveeri elemendid" jätta lehekülje praktiliselt puhtaks. Võiks öelda, et see on samaväärne Elementori "Canvas" lehe malliga, ainult veidi täiustatud ja lihtsamalt kasutatav.
Parim tava, mida soovitatakse ka ühes konfiguratsiooni vahekaardis, on dokumenteerida, mida iga element teeb, sisemiste märkustega, juhul kui pealkiri ei ole piisavalt kirjeldav või me ei taha, et see liiga pikk oleks.
Ma olen harjunud lisama märkusi ja kommentaare kõigele, sest kui teete palju muudatusi ja aja jooksul on paratamatu, et unustate lõpuks, kus ja/või kuidas need tehti. Seega on teil sisemiste märkuste all alati olemas kogu teave, mida vajate oma sammude tagasitöötamiseks, kui midagi läheb valesti või kui soovite teha uusi muudatusi.
Selle malli avaldamisega oleks meil juba tulemuste lehekülg konfigureeritud vastavalt meie soovile, kuid loomulikult oleks see nüüd otsingu tegemisel tühi, sest me peame looma ja avaldama uue elemendi, mis määrab nende otsingute välimuse.
Te võite jätta selle malli esialgseks, kuni me seda teeme, ja avaldada selle, kui kõik on valmis.
Välimuse mall
Kuigi tegemist on lihtsalt ühe teise elemendiga, nimetan seda selle väikese juhendi jaoks "välimuse malliks", sest olin tol ajal veidi segaduses iga asja nomenklatuurist ja selle erinevatest kasutusvõimalustest.
See on koht, kus algab tegelik töö isikupärastamisel.
Loome uue elemendi, seekord ploki, ja anname sellele kirjeldava nime.
Lisame konteineri GenerateBlocks ja selle konteineri sisse paneme ploki "Query Loop".
Ja seda me näeme.
Olen valinud"Start blank", et jäljendada tulemuste loomulikku struktuuri, kuid te võite valida mis tahes selles plokis pakutava malli.
Kõige parem on neid enne otsustamist proovida, sest kui te alustate tööd ühega neist, ei saa te teist rakendada ja peate kogu protsessi nullist alustama, kui soovite seda muuta (mida GB peaks lahendama).
Pärast malli valimist valige päringusilmuse plokk (1) ja paremal näete vahekaarti "Block" ( 2). Klõpsake sellel ja märkige "Query parameters" all valik"Inherit query from template" (3 ). Lõpuks otsime ja määrame allosas "Display Rules"/"Position" (4) "Search Results" ja salvestame eelnõuna.
Kui avame päringusilmuse, näeme seda:
Lisage veel üks ruudustikuplokk "Query template" alla ja valige soovitud struktuur.
Näites kasutame ühte kahest konteinerist , mis toimivad veergudena. Vasakpoolne veerg on koht eelistatud pildile ja parempoolne veerg näitab sissekande väljavõtet (excerpt).
Võite mängida ka kolme konteineriga ja konfigureerida keskse konteineri ruumiks. Ma rõhutan, et võimalusi on palju ja kõige parem on nendega mängida.
Nagu olete ehk märganud, ehitame peaaegu nullist konteinerit, mis koosneb kõigist osadest, mis moodustavad lõpliku välimuse, mida me tahame näidata. Antud juhul otsingutulemused, kuid seda saab teha ka mis tahes muu sisuga.
Nüüd ründame neid kahte konteinerit.
Valime esimese konteineri ja seame selle laiuseks 33 (mis tegelikult on seatud 33,33), nagu näete, kui kerite alla suuruse muutmise valikuid.
Teeme sama ka teise konteineri puhul ja valime 66 (mis määratakse automaatselt 66.66). Ilmselt on asi selles, et kõik kasutatavad konteinerid kokku annaksid 100, et nad ei läheks väljapoole lehe horisontaalset ruumi ja kuvataks ühel ja samal real.
Nüüd, kui esimene konteiner on valitud, lisame selle sisse pildiploki GenerateBlocks.
Siis juhtub, et ilmuvad erinevad pildiruumid. Ärge paanitsege, see tuleneb sellest, et plokk tuvastab Loopi ja taastab selle käitumise. Kui teie otsingumootor näitab kümme tulemust, siis need on need ruumid, mis ilmuvad. Lihtsalt jätkake tööd pildikonteineriga, möödudes paljuski ülejäänud osast, mis ei ole midagi muud kui tulemuste lehekülje eelvaade.
Valige uuesti pilti sisaldav konteiner (1). Paremal asuva ploki menüüs läheme alla "Aktiveeri dünaamilised andmed ja aktiveerime selle (2). Valime taustapildi allikas "Featured image" ( 3) ja pildid ilmuvad redaktorisse.
Lingi allikas valime "Individuaalne link" (4), nii et iga pilt viitab vastavale postitusele ja salvestame uuesti eelnõuna.
Nüüd läheme teise konteinerisse, valime selle ja lisame "Headline" ploki GenerateBlocks'ist.
Valige plokk "Pealkiri" (1) , mille dünaamilised andmed on aktiveeritud (2), ja korrake eelmist protsessi (3), kuid seekord valige sisu allikaks "Pealkiri" (4) ja individuaalne kanne lingi allikas (5).
Lõpuks lisame allpool veel ühe "Pealkiri" ploki, mida kasutatakse sissekande väljavõtte kuvamiseks, järgides järgmisi samme.
Kui see on lisatud, kordame sama protsessi uuesti. Kui see uus plokk on valitud (1), aktiveerime dünaamilised andmed (2) ja andmeallikana (3) praeguse kirje ja sisuallika "Väljavõte" (4). Nüüd saab määrata ka väljavõtte pikkuse sõnades (5).
Lõpuks lisame lehekülje, mis ilmub tulemuste alla. Selleks valige päringusilmuse plokk (1) ja klõpsake väikesel + sümbolil koos punktidega, mille leiate redaktsiooniribalt (2).
Lehtede küljendamine on ehitatud nupublokist, millele tuleb anda soovitud välimusele sobiv formaat, värv ja kuju. Kõik selle võimalikud konfiguratsioonid, mida ei ole vähe, asuvad ploki menüüs, kus teil on alati võimalus iga ploki peenhäälestamiseks mobiilile, tahvelarvutile ja töölauale.
Ma jätan selle siia, et mitte seda postitust liiga palju pikendada.
Soovitan teil teha seda kõike kõigepealt testkeskkonnas, et näha, kuidas see tegelikult töötab väljaspool redaktori pakutavat eelvaadet, ja avaldada see siis, kui olete kindel, et see kuvatakse nii, nagu peaks.
Pidage meeles ka seda, et kui te tegite seda kujundusblokki, mida alguses pakuti välja ja mida me nimetasime struktuurimustriks, mille me jätsime eelnõuks, siis peate selle avaldama.
See oleks lähtepunkt, et kohandada tulemuste lehe välimust vastavalt teie esteetilistele eelistustele.
Palju võimalusi isikupärastamiseks
Võite jätkuvalt lisada või muuta mida iganes soovite, näiteks pealkirja ja väljavõtte vahele kahe konteineriga ruudustikuplokki ja lisada sinna avaldamiskuupäeva, sissekande autori nime või mida iganes soovite.
Kui sa oled valmis, võid isegi luua teise malli selle tühja vaikimisi lehe jaoks, kui WordPress ei leia otsingul tulemusi, ja lisada infokastid või muud elemendid, mis aitavad külastajal leida seda, mida ta võib otsida.
Saate muuta kirjatüüpi ja -suurust, joondada seda ühele või teisele poole, reguleerida elementide vahekaugusi ja mõõtmeid, mängida taustavärviga, lisades pilte ja kujundeid, lisada ikoone, piire, linkide hõljumisefekte, varje konteineritele jne.
Seda kõike ilma redaktorist lahkumata ja ilma, et peaksite CSS-i ümber keerutama või oma mallifaile puudutama.
Siin saate proovida minu otsingutulemuste põhilist kujundust, mida ma pean veel paar asja lihvima, nagu lugemisaja ja külastuste arvu lisamine, tühjade väljavõtete kirjutamine ja puuduvate eelistatud piltide lisamine.
Boonuspall: Kui teil on vaja lisada tulemustele tüüpiline"Showing (number) results for: ( searchword )" fraas, siis siit leiate vajaliku koodi ja juhised, et see töötaks teie Query Loop plokiga, tänu Davidile GB toest.
