Najboljši originalni bloki WordPress [hiter pregled]

Ponujamo vam vodnik o uporabi urejevalnika in blokov Gutenberg v WordPressu. Preberite si novice o spremembah blokov, ki prihajajo v naslednji različici 5.4. Izbrali smo vse najpogosteje uporabljene bloke, ki jih je treba uporabljati na vsaki spletni strani. Ko bodo objavljeni, bomo objavili več podrobnosti o vseh funkcijah.

Ko je WordPress leta 2018 napovedal nov urejevalnik Gutenberg, smo bili nad njim navdušeni. Zdaj, nekaj let pozneje, vidimo veliko izboljšavo. Urejevalnik Gutenberg WordPress je odlično orodje za ustvarjanje spletnega mesta.

S spletno stranjo Vtičniki AitThemes CitadelaWP, lahko ustvarite posebno vsebino za predstavitev podjetja, podjetja, bloga ali neprofitnega spletnega mesta. Lahko pa celo ustanovite novo spletno podjetje. Najpomembnejša dejavnika sta hitrost spletnega mesta in enostavnost urejanja spletnega mesta.

Kaj je blok?

Bloki Gutenberg WordPress so gradbene enote spletnega mesta. Vsak od njih ima svoje posebno mesto in namen. Zelo pomembno je, da za določeno vrsto vsebine uporabite pravi blok WordPress.

Toda kako najti najprimernejši blok, ki ustreza vašim namenom?

Za lažje razumevanje blokov WordPressa smo pripravili ta pregled najbolj priljubljenih blokov.

Bloki besedilne vsebine

Na voljo je več blokov, ki jih lahko uporabite za vstavljanje besedilne vsebine na spletno mesto. Uporabite lahko več blokov. Od različice WordPress 5.4 je na voljo nova nastavitev, s katero lahko spremenite barvo besedila.

• Odstavek
• Naslov
• Citat
• Seznam
• Potegni citat
• Tabela
• Verz
• Predhodno oblikovan

Razen tega uporabljate blok Classic, ki je lahko bolj priročen za dolg odstavek.

Blok gumbov

Ustvarjanje prepričljivega gumba CTA v WordPressu je postalo zelo enostavno z blokom Button. Ni vam treba vnašati CSS po meri ali razumeti HTML. Lahko - vendar vam ni treba - vnesete heksadecimalno kodo svoje najljubše barve, da bo gumb videti lepo in privlačno.

Kje uporabiti blok gumbov?

Ko spletni obiskovalec pride na vašo spletno stran, ga želite spodbuditi k dejanjem. Za to so namenjeni gumbi CTA.

Na splošno obstajajo tri mesta, kjer morate uporabiti blok gumbov WordPress:

• Domača stran - za dokončanje dejanja, ki bo pripeljalo do izpolnitve vašega cilja, na primer prijava na novice, odkrivanje posebne ponudbe ali prijava na brezplačno preskušanje.
• Stran izdelka - odvisno od načina vodenja strani izdelka je na njej lahko en gumb CTA (KUPITI) ali več gumbov, npr. podrobnosti o izdelku, kupiti, dodati na seznam želja itd.
• Blog - gumbi CTA se lahko nanašajo na drug koristen članek ali nakup vašega izdelka/storitve.

Nastavitve bloka gumbov

V Inšpektorju na desni strani lahko preprosto upravljate nastavitve gumba:

• Slog
• Barva ozadja
• Barva pisave
• Meja

Besedilo v gumbu CTA mora biti kratko in neposredno ter spodbujati k dejanju, ki ga želite, da ga obiskovalci spletnega mesta izvedejo.

Novosti, ki prihajajo v naslednji različici WordPress 5.4 (izdaja 31. marec 2020)

Blok gumba bo nadomeščen z novim gumboms blok.
Po novem imenu lahko sklepate, da boste lahko ustvarili več gumbov poleg enega za drugim v enem blokovnem vsebniku. Pogosto se pojavi potreba po ustvarjanju dveh CTA naenkrat, na primer: Kupi zdaj in Preberi več. Prihajajo tudi nekatere nove nastavitve slogov in barv. Izberite slog Izpolnitev ali Obris in nato barvo ozadja. Izberete lahko enobarvno ali gradientno ozadje. Na voljo bo tudi nekaj prednastavitev kot izhodišče za lažje prilagajanje. Dobra novica je, da bodo vsi obstoječi bloki gumbov delovali in jih ne bo treba seliti.

Blok stolpcev

Blok Stolpci je neverjeten blok WordPress, ki odpira vrata novim postavitvam. Omogoča vam več možnosti za razporeditev elementov strani, kar omogoča več možnosti oblikovanja.

Delo z blokom Stolpci je preprosto:

• Brez dodatne namestitve vtičnikov.
• Kodiranje ni potrebno.
• Vse, kar potrebujete, je nekaj občutka za elegantno oblikovanje.

V primerjavi s prejšnjimi težavami, ki ste jih morali opraviti pred izdajo urejevalnika blokov WordPress, je uporaba bloka Stolpci WordPress zelo preprosta.

Kako uporabljati blok Stolpci?

Kot je navedeno zgoraj, lahko blok Stolpci uporabite na dva načina:

• Za urejanje poteka besedil (v prispevku na blogu ali na običajni strani).
• Razporeditev drugih blokov v stolpce.

Z urejanjem besedila v stolpce, npr. v prispevku v spletnem dnevniku, izboljšate berljivost in naredite svoje spletno mesto preglednejše in uporabniku prijaznejše.

Če pa blok Stolpci uporabite za gnezdenje drugih blokov, kot so slike, besedila in gumbi, spremenite celotno postavitev izbrane strani in ustvarite nove zasnove.

Nastavitve blokov stolpcev

Ko blok Stolpci vstavite na stran, izberite, koliko stolpcev želite. To je lahko od 2 do 6 stolpcev. Nato lahko začnete tipkati besedilo ali dodajati bloke v posamezne stolpce.

Poravnavo vsebine bloka stolpcev lahko nastavite ločeno za celoten blok in posamezne stolpce. Izberete lahko celo razmerje širine stolpca. Tako je lahko en stolpec širši od drugega.

Blok za pokrov

Pogovorimo se o glavi vašega spletnega mesta. To je razdelek, ki določa prvi vtis, ko nekdo pride na vašo domačo stran. Zelo pomembno, kajne? In ali ste vedeli, da lahko blok naslovnice uporabite kot glavo na kateri koli svoji strani?

Pokrov je osrednji blok WordPressa, ki vam pomaga narediti vtis na obiskovalce spleta. Še posebej, če je pravilno uporabljen ali bolje rečeno, če je lepo integriran v vašo spletno zasnovo.

Kje uporabiti blok Cover?

Kot smo že omenili, lahko naslovni blok uporabite na vseh svojih straneh. Poleg tega ga lahko dodate kamor koli na stran, za razliko od glave spletnega mesta, ki je pritrjena na vrhu spletnega mesta.

Pokrivni blok se lahko uporablja kot:

• Naslovnica katere koli strani, tudi domače strani.
• Slika ali videoposnetek je prepisana z besedilom, uporabljenim na strani izdelka.
• Ločevalnik vsebine v prispevku na blogu.

Nastavitve pokrivnega bloka

Nastavitev bloka naslovnice je zelo preprosta. Najprej za ozadje izberite sliko ali videoposnetek. Namesto tega lahko uporabite tudi eno barvo. Ko imate nastavljeno ozadje, dodajte naslov in podnaslov. 

Izberete lahko poravnavo bloka in seveda poravnavo besedila v njem.

Uskladitev blokov pokrovov ponuja naslednje možnosti:

• Poravnati v levo
• Center za prilagajanje
• Poravnajte desno
• Široka širina
• V celotni širini

Najljubša mi je barvna prevleka, ki je na voljo v pregledovalniku - sliko ozadja bloka naslovnice lahko obarvate v poljubno barvo. Skupaj s prilagojeno velikostjo in barvo pisave lahko ustvarite čudovite kontraste in končni videz vašega bloka naslovnice bo osupljiv.

Od različice WordPress 5.4 lahko namesto enobarvnega ozadja izberete gradientno ozadje.

Galerijski blok

Predstavite slike na svojem spletnem mestu z blokom Galerija. Ta standardni blok WordPressa je zasnovan tako, da hrani vaše slike in jih lepo prikaže na kateri koli strani vašega spletnega mesta. Podobno kot druge bloke WordPressa lahko tudi blok Galerija postavite kamor koli na spletnem mestu ali v prispevek v blogu.

Slike lahko naložite tako, da izberete datoteke iz medijske knjižnice, iz računalnika ali s funkcijo povleci in spusti.

Kje uporabiti blok Galerije?

Glede na vrsto spletnega mesta boste morda želeli ustvariti kompleksno galerijo fotografij ali preprosto predstavitev slik. Blok Galerija lahko uporabite na:

• Vaša domača stran
• Posamezne podstrani, ustvarjene kot albumi vaše fotogalerije
• Strani z izdelki
• Blogpost

Nastavitve bloka galerije

Poleg različnih možnosti poravnave samega bloka Galerija je v tem bloku še nekaj zanimivih možnosti, kot so:

• Število stolpcev, v katere so razvrščene slike.
• Obrezovanje slik, da se ujemajo z enako velikostjo (najmanjše slike).
• Hiperpovezava, ki omogoča povezavo do druge strani ali medijske datoteke.

Blok slik

Slikovni blok ni nič drugega kot blok za prikaz slike na vašem spletnem mestu.

Tako je. Če želite na katero koli stran dodati sliko, uporabite blok Slika WordPress. Morda je podoben drugim predstavljenim blokom, vendar obstajajo pomembne razlike, zaradi katerih je popoln za posamezne slike.

Kdaj uporabiti blok slik?

Blok slike je treba uporabiti zlasti takrat, ko je predmet, prikazan na sliki, še posebej pomemben za obiskovalca spleta, ki ga želite prikazati:

• Pritegnite pozornost spletnega obiskovalca s posebno sliko.
• Prikaži sliko z napisom.
• Prikažite infografike, ki obiskovalcem pomagajo bolje razumeti obravnavano temo.

Nastavitve bloka slik

Ena največjih prednosti bloka Slike WordPress je možnost izbire velikosti slike. Velikost slike lahko preprosto spremenite tako, da jo potegnete za vogal, izberete fiksno velikost v pikslih ali določite velikost v odstotkih.

Druga pomembna možnost so vnosna polja za alternativno besedilo, napis in povezavo. Močno priporočam uporabo teh polj, saj imajo pomembno vlogo pri SEO na strani.

Mediji in besedilni blok

Nadaljujmo z naprednejšimi postavitvami strani, ki jih lahko ustvarite z blokom Mediji in besedilo. Ta osnovni blok WordPressa vam omogoča, da združite medije in besedilo drug ob drugem na estetski in kontekstualni način.

Kje uporabiti blok Mediji in besedilo?

Čeprav je blok Mediji in besedilo najprimernejši za uporabo v blogovskih objavah, ga lahko z malo domišljije uporabite tudi drugje. Tako lahko na primer ustvarite lep pregled izdelka ali storitve s pomočjo slike in besedila drug ob drugem.

Ne pozabite dodati bloka gumbov v besedilni del bloka Mediji in besedilo, če se uporablja kot pregled izdelka/storitve. Na ta način lahko oblikujete lep razdelek CTA na kateri koli strani.

Prednosti medijev in besedilnega bloka

• Združevanje slike in besedila, ki se kontekstualno ujemata.
• Izogibanje napačnemu umeščanju slike v blogpost.
• Pomoč pri odzivnosti spletnega mesta (uporabite funkcijo "Stack on mobile").

Nastavitve medijev in besedilnih blokov

Pri pregledu nastavitev bloka Mediji in besedilo boste opazili kar nekaj možnosti poravnave, od katerih so nekatere edinstvene v primerjavi z večino drugih blokov.

Zanimiva in uporabna nastavitev tega bloka je barva ozadja. Z barvanjem območja okoli slike in besedila, ki se ujemata, lahko vizualno poudarite njuno povezavo.

Vstavite povezavo iz različice WordPress 5.4 (31.3.2020). Izbirate lahko med povezavo, medijsko datoteko ali stranjo s priponko.

Blok tabele

Blok tabele je eden od primerov, kako se je WordPress izboljšal po uvedbi urejevalnika blokov WordPress v različici 5.0 in naprej. Če ste prej za vstavljanje tabele v spletno mesto WordPress potrebovali vtičnik, lahko zdaj preprosto uporabite blok Tabela.

Kje uporabiti blok tabele?

Tabele imajo veliko vlogo pri zagotavljanju uporabne vsebine na pregleden in pregleden način. Večina spletnih mest zagotovo uporablja tabele. Tukaj je le nekaj primerov uporabe tabel na različnih spletnih mestih:

• Primerjava podatkov
• Tabele s cenami
• Tehnični podatki o izdelku
• Recepti
• Pregled članskih paketov

Ob Tabela blok kot del brezplačno WordPress jedro je res neverjetno.

Nastavitve blokov tabele

Ko na stran vstavite blok Tabela, morate določiti število stolpcev in vrstic tabele. Ne skrbite, to število ni fiksno. Kadar koli lahko dodate več vrstic in stolpcev (ali jih odstranite).

Nato izberite slog mize: privzeti ali črtasti. Nadaljujte s poravnavo in slogom pisave ter na koncu izpolnite tabelo, preden jo dokončno dodelate.

Več možnosti vključuje:

• Barva ozadja
• Celice s fiksno širino
• Naslov
• Stopka
• Povezava (vnos besedila v tabeli lahko vsebuje povezavo do drugih strani).

Kateri blok bi radi videli naslednji?

Upam, da ste uživali v branju o našem izboru zelo uporabnih osnovnih blokov WordPressa, ki so brezplačno na voljo vsem. Sporočite nam, o katerih blokih bi radi brali še naslednjič ali katere funkcionalnosti po vašem mnenju še manjkajo v jedru WordPressa. Hvala za branje!