Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks

 

"WordPress" paieškos sistema yra nesėkminga

Nepažįstu nė vieno, kuris naudojasi "WordPress" ir gerai atsiliepia apie jos paieškos sistemą, ir vis dar nesuprantu, kad ji beveik nesikeitė nuo pirmųjų versijų.

Jis ne tik primityviai veikia, bet ir neturi jokios konfigūracijos. Net jos rezultatų puslapio išvaizda yra labai patraukli. Priklausomai nuo naudojamo šablono, jo dizainas gali būti šiek tiek geresnis, tačiau apskritai jis vis dar yra priešistorinis.

Rezultatų išvaizdą galima šiek tiek patobulinti naudojant CSS, o atsakymą - nemokamu įskiepiu (su mokama versija), pavyzdžiui, Relevanssi (nors jis patrigubins jūsų duomenų bazės svorį) arba šiuo įskiepiu, kuris jungiasi prie "Algolia" išorinės paslaugos (nemokamai iki 10 000 paieškos užklausų per mėnesį).

Tačiau našumo klausimą paliksiu kitai dienai, nes vis dar su tuo kovoju ir sprendžiu grynai estetines reformas naudodamas GeneratePress (GP) ir GenerateBlocks (GB).

GeneratePress ir GenerateBlocks

GP ir GB vis dar yra du įrankiai iš jauno projekto su daug patogumo tobulinti, GB nesiūlo tą pačią mokymosi kreivę, kaip jūs galite tikėtis, jei jūs ateinate iš naudojant statybininkai, pavyzdžiui, Elementor ar panašių.

Kaip pamatysime šiame pavyzdyje, kai kurie tam tikrų dalykų kūrimo su GenerateBlocks procesai yra daug ilgesni ir sunkesni, o pirmieji bandymai gali būti šiek tiek beviltiški. Kai pridedame vis daugiau blokų, viskas darosi sudėtingiau.

Savo ruožtu, kai suprasite, kaip jie veikia, ir juos įvaldysite, galėsite daug geriau kontroliuoti kiekvieno elemento išvaizdą.

Sudėtingumą atsveria jo dokumentacija ir nepriekaištinga parama, kurios kūrėjai netgi padeda spręsti konkrečius dizaino klausimus, kurie nepriklauso jų kompetencijai, todėl tai vis dar yra alternatyva, į kurią reikia atsižvelgti, nes jie lieka ištikimi savo filosofijai; sąžiningas, švarus ir lengvas kodas.

Bloko elementai

Blokų elementai, toliau - Elementai, buvo pridėti 2020 m. liepos mėn. į "GeneratePress Premium" versiją 1.11.0. Jį galima naudoti kaip įprastą kabliuką ir įterpti turinį beveik bet kurioje tinklaraščio vietoje, nenaudojant kodo.

Kartu su "GenerateBlocks" ji leidžia naudoti "WordPress" blokų redaktorių ir kurti kabliukus, antraštes, poraštes, šonines juostas, puslapį "Hero", turinio šablonus ir t. t.

Į temą.

Struktūros šablonas

Pirmiausia sukursime vadinamąjį struktūros šabloną. Šis žingsnis neprivalomas, tačiau jį sukurti pravartu, jei norėtume ką nors pakeisti keliais spustelėjimais.

Šį pavadinimą suteikiau todėl, kad jame bus apibrėžti tik struktūriniai aspektai, o ne turinys. Tai yra, jei norime parodyti ar ne antraštę, poraštę ar jos valdiklius, šoninę juostą ar apibrėžti plotį ir t. t., ir todėl mes neturime susipainioti su blokų pavadinimais likusių žingsnių.

Iš pagrindinio meniu Išvaizda / Elementai arba iš viršutinės dalies galime patekti į elementų kūrimo ir valdymo langą.

Elements de GeneratePress- Layout o diseño

Šiuo konkrečiu atveju, kai pridedame naują elementą, pasirenkame Dizainas ir spaudžiame sukurti.

Toliau elementui nurodome, kuriame puslapyje norime, kad jis būtų taikomas. Norėdami tai padaryti, pereiname į skirtuką "Rules to display" (rodyti taisykles) ir pozicijoje iš išskleidžiamajame sąraše pasirenkame "Search results" (paieškos rezultatai).

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks

Elementai suteikia daug pritaikymo galimybių. Kaip matysite, šiame išskleidžiamajame sąraše galite pasirinkti daugumą tinklaraščio pozicijų, kad šie nustatymai būtų taikomi jose.

Taip pat galime nuspręsti, kuriuos elementus norime paslėpti. Mano atveju aš ketinu naudoti tik vieną parinktį, norėdamas apsieiti be šoninės juostos, todėl pasirenku"Turinys (be šoninių juostų)".

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 1

Yra ir kitų būdų paslėpti šoninę juostą, tačiau šis būdas ne tik yra paprasčiausias ir greičiausias, bet ir leidžia mums atšaukti bet kokį pakeitimą tiesiog grįžtant čia arba tiesiogiai "atšaukiant" šio elemento/šablono "juodraščio" būseną, taip grąžinant puslapiui jo pradinę išvaizdą.

Be to, skirtuke"Deaktyvuoti elementus" galite palikti puslapį praktiškai švarų. Galima sakyti, kad tai "Elementor" puslapio šablono "Canvas" atitikmuo, tik šiek tiek patobulintas ir paprastesnis naudoti.

Desactivar Elementos en GeneratePress

Geriausia praktika, kuri taip pat rekomenduojama viename iš konfigūracijos skirtukų, yra dokumentuoti, ką daro kiekvienas elementas, pateikiant vidines pastabas, jei pavadinimas nepakankamai aprašomas arba jei nenorime, kad jis būtų per ilgas.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 3

Įpratau prie visko rašyti pastabas ir komentarus, nes kai darai daug pakeitimų ir laikui bėgant neišvengiamai pamiršti, kur ir (arba) kaip jie buvo padaryti. Taigi, vidinėse pastabose visada turėsite visą informaciją, kurios reikia, kad galėtumėte atsekti savo žingsnius, jei kas nors nepavyks arba jei norėsite atlikti naujus pakeitimus.

Paskelbę šį šabloną jau turėsime pagal savo pageidavimus sukonfigūruotą rezultatų puslapį, tačiau, žinoma, dabar jis bus tuščias, nes reikia sukurti ir paskelbti naują elementą, kuris lems šių paieškų išvaizdą.

Kol kas galite palikti šį šabloną kaip juodraštį ir paskelbti, kai viskas bus paruošta.

Išvaizdos šablonas

Nors tai tik dar vienas elementas, šiame mažame vadove jį vadinu "išvaizdos šablonu", nes tuo metu buvau šiek tiek sutrikęs dėl kiekvieno daikto nomenklatūros ir skirtingų jo naudojimo galimybių.

Čia prasideda tikrasis personalizavimo darbas.

Sukuriame naują elementą, šį kartą bloką, ir suteikiame jam aprašomąjį pavadinimą.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 4

Pridedame GenerateBlocks konteinerį ir į jo vidų įdedame "Query Loop" bloką.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 5

Tai ir pamatysime.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 6

Aš pasirinkau"Pradėti tuščią", kad atkartočiau pirminę rezultatų struktūrą, tačiau galite pasirinkti bet kurį iš šiame bloke siūlomų šablonų.

Geriausia prieš apsisprendžiant juos išbandyti, nes pradėję dirbti su vienu iš jų negalėsite taikyti kito ir, jei norėsite jį pakeisti, turėsite visą procesą pradėti iš naujo (tai turėtų išspręsti GB).

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 7

Pasirinkę šabloną, pasirinkite užklausos ciklo bloką (1) ir dešinėje pamatysite skirtuką "Blokas" ( 2). Spustelėkite jį ir skiltyje "Query parameters" (Užklausos parametrai) pažymėkite parinktį"Inherit query from template" (paveldėti užklausą iš šablono) (3). Galiausiai apačioje, skiltyje "Display Rules"/"Position" (4) ieškome ir nustatome "Search Results" (Paieškos rezultatai) ir išsaugome kaip juodraštį.

Kai išskleisime užklausos ciklą, pamatysime štai ką:

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 8

Pridėkite kitą tinklelio bloką "Query template" (Užklausos šablonas) ir pasirinkite norimą struktūrą.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 9

Šiame pavyzdyje naudosime vieną iš dviejų konteinerių , kurie bus naudojami kaip stulpeliai. Kairiajame stulpelyje bus vieta pagrindiniam paveikslėliui, o dešiniajame stulpelyje bus rodoma įrašo ištrauka (excerpt).

Taip pat galite žaisti su trimis konteineriais ir centrinį konteinerį konfigūruoti kaip erdvę. Primygtinai tvirtinu, kad galimybių yra daug ir geriausia jomis žaisti.

Kaip pastebėjote, beveik nuo nulio kuriame konteinerį su visomis dalimis, kurios sudarys galutinę norimo parodyti objekto išvaizdą. Šiuo atveju tai yra paieškos rezultatai, tačiau tai galima padaryti ir su bet kokiu kitu turiniu.

Dabar atakuojame šiuos du konteinerius.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 10

Pasirenkame pirmąjį konteinerį ir nustatome jo plotį 33 (iš tikrųjų jis yra 33,33), kaip pamatysite, jei slinkdami žemyn pereisite prie dydžio keitimo parinkčių.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 11

Tą patį darome su antruoju konteineriu ir pasirenkame 66 (kuris automatiškai bus nustatytas kaip 66.66). Aišku, svarbiausia, kad visi naudojami konteineriai susidarytų iš 100, kad jie neišeitų už puslapio horizontalios erdvės ribų ir būtų rodomi toje pačioje eilutėje.

Dabar, kai pasirinktas pirmasis konteineris, į jį įtraukiame "GenerateBlocks" vaizdo bloką.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 12

Tuomet atsiras skirtingų vaizdų erdvių. Nepanikuokite, taip yra todėl, kad blokas aptinka kilpą ir atkuria jos elgseną. Jei paieškos sistema parodys dešimt rezultatų, bus rodomi būtent šie tarpai. Tiesiog toliau dirbkite su vaizdo konteineriu, praleisdami didžiąją dalį likusios dalies, kuri yra ne kas kita, kaip rezultatų puslapio peržiūra.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 13

Dar kartą pasirinkite konteinerį, kuriame yra vaizdas (1). Dešinėje pusėje esančio bloko meniu nueiname į "Aktyvinti dinaminius duomenis" ir jį aktyvuojame (2). Fono vaizdo šaltinyje pasirinkite "Featured image" ( 3) ir redaktoriaus ekrane pasirodys vaizdai.

Nuorodos šaltinyje pasirenkame "Individuali nuoroda" (4), kad kiekvienas paveikslėlis būtų susietas su atitinkamu pranešimu, ir vėl išsaugome kaip juodraštį.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 14

Dabar pereikite prie antrojo konteinerio, pasirinkite jį ir pridėkite "Headline" bloką iš GenerateBlocks.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 15

Pasirinkite bloką "Antraštė" ( 1) su įjungtais dinaminiais duomenimis (2) ir pakartokite ankstesnį procesą (3), tačiau šį kartą kaip turinio šaltinį pasirinkite "Antraštė" ( 4) ir atskirą nuorodų šaltinio įrašą ( 5).

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 16

Galiausiai toliau pridėsime dar vieną bloką "Title", kuris bus naudojamas įrašo ištraukai rodyti, atlikdami šiuos veiksmus.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 17

Pridėję vėl pakartokite tą patį procesą. Pasirinkę šį naują bloką (1), aktyvuojame dinaminius duomenis (2) ir kaip duomenų šaltinį (3) dabartinį įrašą bei turinio šaltinį "Ištrauka" (4). Dabar taip pat galite nustatyti išrašo ilgį žodžiais (5).

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 18

Galiausiai pridėsime puslapiavimą, kuris bus rodomas po rezultatais. Norėdami tai padaryti, pasirinkite užklausos ciklo bloką (1) ir spustelėkite mažą + simbolį su taškais, kurį rasite redagavimo juostoje (2).

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 19

Puslapių skirstymas kuriamas naudojant mygtukų bloką, kuriam turėsite suteikti norimą formatą, spalvą ir formą. Visos galimos konfigūracijos, kurių yra nemažai, pateikiamos bloko meniu, kuriame visada turėsite parinkčių, kaip kiekvieną bloką pritaikyti mobiliesiems įrenginiams, planšetiniams kompiuteriams ir darbalaukiui.

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 20

Paliksiu jį čia, kad per daug neišsiplėstų šis įrašas.

Patariu visa tai pirmiausia atlikti bandomojoje aplinkoje, kad pamatytumėte, kaip viskas veikia ne tik redaktoriaus pateiktoje peržiūroje, ir paskelbti, kai būsite tikri, kad viskas rodoma taip, kaip turėtų būti.

Taip pat nepamirškite, kad jei atlikote pradžioje pasiūlytą dizaino bloką, kurį pavadinome struktūros šablonu, kurį palikome juodraštyje, turėsite jį paskelbti.

Tai būtų pradinis taškas, nuo kurio būtų galima toliau pritaikyti rezultatų puslapio išvaizdą, atsižvelgiant į jūsų estetinius pageidavimus.

Daug asmeninio pritaikymo galimybių

Pritaikykite "WordPress" paieškos rezultatų puslapį su "GeneratePress" ir "GenerateBlocks 21

Galite ir toliau pridėti ar redaguoti, ką tik norite, pavyzdžiui, tinklelio bloką su dviem talpyklomis tarp pavadinimo ir ištraukos, į jį įrašyti publikavimo datą, įrašo autoriaus vardą ir pavardę arba ką tik norite.

Jei esate pasiruošę, galite net sukurti kitą šabloną, skirtą tam nykiam numatytojo puslapio šablonui, kai "WordPress" neranda paieškos rezultatų, ir pridėti informacijos langelius ar bet kokį kitą elementą, kuris padės lankytojui rasti tai, ko jis galbūt ieško.

Galite keisti šrifto tipą ir dydį, pagrįsti šriftą į vieną ar kitą pusę, koreguoti elementų tarpus ir matmenis, žaisti su fono spalva pridėdami paveikslėlių ir formų, pridėti piktogramų, apvadų, nuorodų užvedimo efektų, konteinerių šešėlių ir t. t.

Visa tai galite atlikti neišeidami iš redaktoriaus ir nesikišdami į CSS bei neliesdami šablonų failų.

Čia galite išbandyti pagrindinį mano paieškos rezultatų išdėstymą, kurį vis dar turiu patobulinti, pavyzdžiui, pridėti skaitymo laiką ir apsilankymų skaičių, parašyti tuščias ištraukas ir pridėti trūkstamus vaizdus.

Bonusinis kamuoliukas: Jei jums reikia į rezultatus įtraukti tipinę frazę"Showing (number) results for: ( searchword)", čia galite rasti reikiamą kodą ir instrukcijas, kad tai veiktų su jūsų Query Loop bloku, dėka Davido iš GB palaikymo tarnybos.

Suscríbete para recibir los post en tu email sin publicidad

Susiję straipsniai

Este blog se aloja en LucusHost

LucusHost, el mejor hosting