Parimad originaalsed WordPressi plokid [Kiire ülevaade]

Toome teile juhendi, kuidas kasutada Gutenbergi WordPressi redaktsiooni ja plokke. Palun lugege uudiseid plokkide muudatuste kohta, mis on tulemas juba järgmises 5.4 versioonis. Oleme välja valinud kõik kõige sagedamini kasutatavad plokid, mida tuleb kasutada igal veebilehel. Kui see on välja antud, avaldame rohkem üksikasju kõigi funktsioonide kohta. [...]

Kui WordPress teatas 2018. aastal uuest Gutenbergi redaktorist, olime sellest väga põnevil. Nüüd, paar aastat hiljem, näeme tohutut paranemist. Gutenbergi WordPressi toimetaja on suurepärane vahend veebilehe loomiseks.

Koos AitThemes CitadelaWP pluginadsaate luua spetsiifilist sisu ettevõtte, ettevõtte, blogi või mittetulundusliku veebisaidi esitluse jaoks. Või isegi alustada uut online-ettevõtet. Veebisaidi kiirus ja veebilehe redigeerimise lihtsus on kõige olulisemad tegurid.

Mis on plokk?

Gutenbergi WordPressi plokid on veebisaidi ehitusüksused. Igal neist on oma eriline koht ja eesmärk. Väga oluline on kasutada teatud tüüpi sisu jaoks õiget WordPressi plokki.

Aga kuidas leida kõige sobivam plokk, mis sobib teie kavatsustega?

Selleks, et aidata teil paremini mõista WordPressi plokke, oleme koostanud selle ülevaate kõige populaarsematest plokkidest.

Teksti sisublokid

On mitmeid plokke, mida saate kasutada tekstisisu sisestamiseks oma veebisaidil. Võite kasutada mitmeid plokke. Alates WordPress 5.4 on uus seade, saate muuta teksti värvi.

• Paragrahv
• Pealkiri
• Tsitaat
• Loetelu
• Pullquote
• Tabel
• Salm
• Eelvormitud

Välja arvatud see, kasutate klassikalist plokki, mis võib olla pikema lõigu puhul käepärasem.

Nupu plokk

WordPressi veenva CTA-nupu loomine on muutunud väga lihtsaks nupublokiga Button block. Sa ei pea sisestama kohandatud CSS-i või mõistma HTML-i. Võite - aga ei pea - sisestada oma lemmikvärvi heksadekomaalset koodi, et nupp näeks välja kena ja pilkupüüdev.

Kus kasutada nupu plokki?

Kui veebikülastaja jõuab teie veebisaidile, tahate teda julgustada tegutsema. Selleks ongi CTA-nupud.

Üldiselt on 3 kohta, kus peaksite kasutama WordPressi nupu plokki:

• Koduleht - täita tegevus, mis viib teie eesmärgi täitmiseni, näiteks tellida uudiskiri, avastada eripakkumine või registreeruda tasuta prooviperioodile.
• Tooteleht - sõltuvalt sellest, kuidas teie tootelehekülg on juhitud, võib seal olla 1 CTA-nupp (OSTA) või mitu nuppu, nt toote üksikasjad, osta, lisa soovinimekirja jne.
• Blogi - CTA-nupud võivad viidata teisele kasulikule artiklile või teie toote/teenuse ostmisele.

Nupubloki seaded

Inspektoris, paremal pool, saate hõlpsasti hallata oma nupu seadeid:

• Stiil
• Taustavärv
• Kirjatüübi värv
• Piiril

CTA-nupu tekst peaks olema lühike ja otsekohene, julgustades külastajat tegutsema.

Uudised tulevad järgmises WordPress 5.4 versioonis (release 31. märts 2020)

Nupu plokk asendatakse uue nupuga Buttons plokk.
Uuest nimest võib eeldada, et ühe plokk-konteinerisse saab luua mitu nuppu ükshaaval. Sageli on vaja luua näiteks kaks CTA-d korraga: Osta kohe ja Loe edasi. Samuti on tulemas mõned uued stiili- ja värvisätted. Valige Fill või Outline stiil ja seejärel taustavärv. Saate valida Solid või Gradient background. Saadaval on mõned eelseadistused lähtepunktina, mis võimaldavad vaevata peenhäälestamist. Hea uudis on see, et kõik olemasolevad nuppude plokid jäävad tööle ja neid ei ole vaja üle viia.

Veergude plokk

Veergude plokk on hämmastav WordPressi plokk, mis avab uksed uutele kujundustele. See annab teile rohkem võimalusi lehekülje elementide paigutamiseks, mille tulemuseks on rohkem kujundusvariante.

Töötamine Columns plokiga on lihtne:

• Ei mingeid lisapluginaid.
• Kodeerimist ei ole vaja.
• Kõik, mida vajate, on natuke mõistust puhas disain.

Võrreldes eelmise hassel sa pidid minema läbi enne vabastamist WordPress plokk toimetaja, see on super lihtne kasutada veerud WordPress plokk.

Kuidas kasutada veergude plokki?

Nagu eespool märgitud, on 2 võimalust, kuidas saab veerude plokki kasutada:

• Et korraldada oma tekstide voolu (blogipostituses või tavalisel lehel).
• Muude plokkide paigutamine veergudeks.

Kui korraldate teksti veergudesse, nt blogipostituse sees, suurendate loetavust ja muudate oma veebilehe läbipaistvamaks ja kasutajasõbralikumaks.

Kui aga kasutate Columns plokki teiste plokkide, näiteks piltide, tekstide ja nuppude paigutamiseks, siis muudate kogu valitud lehe paigutust ja loote uusi kujundusi.

Veergude plokkide seaded

Pärast veerubloki sisestamist lehele valige, mitu veergu soovite. See võib olla 2 kuni 6 veergu. Seejärel võite hakata teksti kirjutama või lisada igasse veergu plokke.

Veergude ploki sisu joondamist saab määrata eraldi nii kogu ploki kui ka üksikute veergude jaoks. Saate isegi valida veeru laiuse proportsiooni. Nii võib üks veerg olla laiem kui teine.

Kaaneplokk

Räägime teie veebisaidi päisest. See on osa, mis määrab esmamulje, kui keegi tuleb teie kodulehele. Üsna oluline, kas pole? Ja kas teadsite, et Cover plokki saab kasutada mis tahes teie lehekülje pealkirjana?

Cover on peamine WordPressi plokkide, mis aitab teil muljet oma veebikülastajatele. Eriti siis, kui seda kasutatakse õigesti, või õigemini öeldes, kui see on kenasti integreeritud teie veebidisaini.

Kus kasutada katteplokki?

Nagu eespool mainitud, saab Cover blocki kasutada ükskõik millisel teie lehel. Lisaks saab seda lisada ükskõik kuhu leheküljele, erinevalt teie veebisaidi päisest, mis on fikseeritud veebisaidi ülaosas.

Kaaneplokki saab kasutada:

• Iga lehe, sealhulgas kodulehe päis.
• Pildi või video ülekirjutamine toote lehel kasutatava tekstiga.
• Sisu eraldaja blogipostituses.

Katteploki seaded

Katteploki seadistamine on väga lihtne. Kõigepealt valige taustaks pilt või video. Selle asemel võite kasutada ka ühte värvi. Kui taust on määratud, lisage pealkiri ja alapealkiri. 

Saate valida ploki joonduse ja muidugi ka teksti joonduse.

Kaaneploki joondamine pakub järgmisi võimalusi:

• Joondage vasakule
• Joondage keskus
• Joondage paremale
• Laius laius
• Täielik laius

Minu isiklik lemmik on inspektoris saadaval olev värvide ülekate - katteploki taustapilti saab toonida mis tahes värvi. Koos kohandatud kirjasuuruse ja -värviga saate luua ilusaid kontraste ja teie kaaneploki lõplik välimus saab olema hämmastav.

Alates WordPress 5.4 saad valida üheainsa tausta asemel gradientse tausta.

Galerii plokk

Näita pilte oma veebisaidil, kasutades galerii plokki. See standardne WordPressi plokk on loodud selleks, et hoida oma pilte ja kuvada neid kenasti teie veebisaidi mis tahes lehel. Sarnaselt teiste WordPressi plokkidega saab Gallery plokki paigutada ükskõik kuhu veebisaidil või blogipostituse sees.

Piltide üleslaadimine toimub failide valimise teel meediaraamatukogust, arvutist või drag&drop-funktsiooni abil.

Kus kasutada galerii plokki?

Sõltuvalt teie veebisaidi tüübist võite luua keerulise fotogalerii või lihtsa pildipresentatsiooni. Võite kasutada galerii plokki:

• Teie koduleht
• Üksikud alamlehed, mis on loodud teie fotogalerii albumitena
• Toote leheküljed
• Blogipostitus

Galerii ploki seaded

Lisaks galerii ploki enda erinevatele joondamisvõimalustele on selles plokis ka paar huvitavat võimalust, näiteks:

• Veergude arv, millesse pildid reastatakse.
• Pildi kärpimine samale suurusele (väikseima pildi).
• Hüperlink, et anda teile võimalus linkida teisele lehele või meediumifailile.

Pildiplokk

Pildiplokk ei ole midagi muud kui plokk, mis kuvab pilti teie veebilehel.

Nii ongi. Kui soovite lihtsalt lisada pildi mis tahes oma leheküljele, siis peaksite kasutama Image WordPressi plokki. See võib olla sarnane teiste esitatud plokkidega, kuid sellel on olulisi erinevusi, mis teevad selle ideaalseks üksikute piltide jaoks.

Millal kasutada pildiblokki?

Pildiblokki tuleks kasutada eriti siis, kui pildil kuvatav objekt on teie veebikülastaja jaoks eriti oluline, mida soovite:

• Püüdke veebikülastaja tähelepanu konkreetse pildiga.
• Kuva kuvamine koos pealkirjaga.
• Näidake infograafikat, mis aitab külastajatel paremini mõista käsitletud teemat.

Pildiploki seaded

Üks suurimaid eeliseid Image WordPressi plokis on selle pildi suuruse valikud. Saate hõlpsasti muuta pildi suurust, tõmmates seda nurgast, valida fikseeritud suuruse pikslites või määrata suuruse protsentides.

Teine oluline võimalus on alternatiivse teksti, pealkirja ja lingi sisestusväljad. Soovitan tungivalt kasutada neid välju, sest neil on oluline roll lehekülje SEO-s.

Meedia ja tekstiplokk

Liigume edasi keerulisemate lehekülje kujunduste juurde, mida saate luua meedia- ja tekstibloki abil. See põhiline WordPressi plokk võimaldab teil kombineerida meedia & teksti kõrvuti, mis on esteetiline ja kontekstipõhine.

Kus kasutada meedia- ja tekstiblokki?

Kuigi Media & tekstiblokk sobib kõige paremini blogipostitustes kasutamiseks, saab seda väikese kujutlusvõime abil kasutada ka mujal. Näiteks saate luua toreda toote või teenuse ülevaate, kasutades pilti ja teksti kõrvuti.

Ärge unustage lisada nupu plokk tekstilõiku Meedia ja tekstiplokk, kui seda kasutatakse toote/teenuse ülevaatena. Nii saate kujundada kena CTA-osa igal lehel.

Meedia- ja tekstiploki eelised

• Kontekstuaalselt kokku sobiva pildi ja teksti ühendamine.
• Vältida pildi valesti paigutamist blogipostituse sees.
• Saidi reageerimisvõime parandamine (kasutage funktsiooni "Stack on mobile").

Meedia- ja tekstibloki seaded

Kui vaatate meedia- ja tekstibloki seadistusi, märkate üsna palju joondamisvõimalusi, millest mõned on unikaalsed, võrreldes enamiku teiste plokkidega.

Selle ploki huvitav ja kasulik seade on taustavärv. Värvides kokku sobiva pildi ja teksti ümbruse, saate visuaalselt rõhutada nende seost.

Sisesta link WordPressi versioonist 5.4 (31.3.2020). Saate valida lingi, meediafaili või manuslehe.

Tabeliplokk

Tabeliplokk on üks näide sellest, kuidas WordPress paranes pärast WordPressi plokkredaktori kasutuselevõttu versioonis 5.0 ja hiljem. Kui enne oli vaja pluginat, et lisada tabel oma WordPressi veebisaidile, siis nüüd saab lihtsalt kasutada Table plokki.

Kus kasutada lauaplokki?

Tabelid mängivad suurt rolli kasuliku sisu pakkumisel hästi korraldatud ja läbipaistval viisil. Kindlasti on enamik veebilehti kasutanud tabeleid. Siin on vaid mõned näited tabelite kasutamisest erinevatel veebisaitidel:

• Andmete võrdlus
• Hinnakujundustabelid
• Toote tehnilised üksikasjad
• Retseptid
• Ülevaade liikmepakettidest

Tabeli ploki olemasolu tasuta WordPressi tuumiku osana on tõesti hämmastav.

Tabeliploki seaded

Kui sisestate tabeliploki lehele, peate määrama oma tabeli veergude ja ridade arvu. Ärge muretsege, see arv ei ole fikseeritud. Te võite igal ajal lisada täiendavaid ridu ja veerge (või eemaldada neid).

Seejärel valige oma laua stiil: vaikimisi või triibud. Liigutage joondamise ja kirjastiili juurde ning lõpuks täitke oma tabel enne viimistlust.

Lisavõimalused hõlmavad:

• Taustavärv
• Fikseeritud laiusega lahtrid
• Pealkiri
• Footer
• Link (tekstikanne tabelis võib viidata teistele lehekülgedele)

Millist plokki sooviksid sa järgmisena näha?

Loodan, et sulle meeldis lugeda meie valikut väga kasulikest WordPressi põhiplokkidest - need on kõigile tasuta kättesaadavad. Palun anna meile teada, millistest plokkidest sooviksid lugeda järgmisena või millised funktsionaalsused sinu arvates WordPressi tuumas veel puuduvad. Täname lugemise eest!