At├│mov├ę bloky – jeden z najlep┼í├şch doplnkov Gutenberg / WordPress?

Gutenberg, vydan├Ż ako nov├Ż predvolen├Ż editor WordPress v decembri 2018, v├ím umo┼ż┼łuje vytv├íra┼ą kr├ísny obsah pomocou blokov obsahu s mo┼żnos┼ąou nadpisov, gal├ęri├ş, st─║pcov, tla─Źidiel, vide├ş a ─Ćal┼í├şch polo┼żiek.

Mili├│ny pou┼ż├şvate─żov programu WordPress nain┼ítalovali klasick├Ż editor, aby mohli na vytv├íranie obsahu na─Ćalej pou┼ż├şva┼ą star├Ż editor. Mnoho majite─żov webov├Żch str├ínok v┼íak za─Ź├şna oce┼łova┼ą, ─Źo m├┤┼że Gutenberg urobi┼ą. Jedn├Żm z d├┤vodov je rast├║ci po─Źet doplnkov kolekcie Gutenberg, ktor├ę ho roz┼íiruj├║ o ─Ćal┼íie bloky obsahu a viac mo┼żnost├ş.

V tomto ─Źl├ínku sa pozrieme na at├│mov├ę bloky – jeden z najlep┼í├şch doplnkov z kolekcie Gutenberg, ktor├Ż je k dispoz├şcii na str├ínkach WordPress.org.

─îo pon├║kaj├║ at├│mov├ę bloky?

At├│mov├ę bloky, ktor├ę p├┤vodne vyvinula Mike McAlister, z├şskala tematick├í spolo─Źnos┼ą WordPress StudioPress a riadila ju hostite─żsk├í spolo─Źnos┼ą WordPress WP Engine (spolu s maticov├Żm tematick├Żm obchodom Mike). K doplnku prispeli aj Marcos Schratzenstaller a John Parris.

At├│mov├ę bloky si m├┤┼żete zadarmo stiahnu┼ą z WordPress.org alebo si ich m├┤┼żete nain┼ítalova┼ą priamo do svojej administrat├şvnej oblasti WordPress.

Po aktiv├ícii doplnku sa zobraz├ş domovsk├í str├ínka. Ni┼ż┼íie je uveden├Ż zoznam dostupn├Żch blokov.

Na tejto str├ínke je uveden├Żch 11 blokov: mrie┼żka pr├şspevkov, kontajner, v├Żzva na akciu, posudok, ozn├ímenie online, ikony zdie─żania, profil autora, akorde├│n, prisp├┤sobite─żn├ę tla─Źidlo, vie─Źko a odde─żova─Ź a odde─żova─Ź.

Bloky obsahu dostupn├ę v at├│mov├Żch blokoch

Na Gutenbergu s├║ k dispoz├şcii ─Ćal┼íie ┼ítyri bloky, ktor├ę nie s├║ uveden├ę na domovskej str├ínke: rozlo┼żenia, roz┼í├şren├ę st─║pce, ceny a informa─Źn├ę let├íky.

Kon┼ítruk─Źn├Ż blok je mo┼żn├ę vybra┼ą aj z vyhraden├ęho kon┼ítruk─Źn├ęho tla─Źidla v hornej ─Źasti str├ínky.

Zoznam at├│mov├Żch blokov

V po─Źiato─Źnej oblasti s├║ uveden├ę aj be┼żn├ę ot├ízky a odpovede t├Żkaj├║ce sa Gutenbergov├Żch a at├│mov├Żch blokov.

Po─Źn├║c at├│mov├Żmi blokmi

V├í┼í k─ż├║─Ź rozhrania API MailChimp je mo┼żn├ę zada┼ą na konfigura─Źnej str├ínke at├│mov├Żch blokov, ktor├í je potrebn├í na pou┼żitie bloku noviniek.

Konfigur├ícia at├│mov├ęho bloku

Je zauj├şmav├ę, ┼że at├│mov├ę bloky podporuj├║ projekt AMP (Google Accelerated Mobile Pages), ktor├Ż bol vytvoren├Ż s cie─żom vylep┼íi┼ą str├ínky pre mobiln├Żch pou┼ż├şvate─żov.

At├│mov├ę bloky s├║ uveden├ę ako doplnok na str├ínke AMP aplik├ície WordPress, preto┼że at├│mov├ę bloky maj├║ v ka┼żdom bloku zabudovan├║ podporu AMP.

Vytvorte n├ívrhy at├│mov├Żch blokov

At├│mov├ę bloky obsahuj├║ preddefinovan├ę sekcie a rozlo┼żenia, ktor├ę pom├íhaj├║ tvarova┼ą va┼íe str├ínky.

V├Żber rozlo┼żenia je mo┼żn├ę zvoli┼ą z tla─Źidla Zoznam blokovania alebo Rozlo┼żenie v hornej ─Źasti ka┼żdej str├ínky a teraz je k dispoz├şcii osem sekci├ş a ┼ítyri rozlo┼żenia.

Existuj├║ oddiely pre hlavi─Źky, slu┼żby (tri a ┼ítyri st─║pce), m├ędi├í a text, zoznam textov a obr├ízkov, ─Źlenov t├şmu, referencie a kontaktn├ę inform├ície na mapu.

Prep├şna─Ź rozlo┼żenia

K dispoz├şcii s├║ dve rozlo┼żenia uvedenia produktu na trh ako rozlo┼żenie. K dispoz├şcii je tie┼ż rozlo┼żenie pre spolo─Źnosti a ─Ćal┼íie rozlo┼żenie pre nez├ívisl├Żch pracovn├şkov.

Dizajn uvedenia produktu na trh

Blok kontajnerov sa d├í pou┼żi┼ą na umiestnenie viacer├Żch jednotliv├Żch blokov do kontajnera, ktor├Ż sa m├┤┼że pou┼żi┼ą na vytv├íranie sekci├ş na va┼íom webe. V tejto ─Źasti m├┤┼żete definova┼ą v├Żpl┼ł, okraje, farby pozadia a obr├ízky.

V┼żdy som zistil, ┼że predvolen├Ż blok st─║pcov Gutenberg je frustruj├║ci, preto┼że v predvolenom nastaven├ş automaticky pou┼ż├şva dva st─║pce a potom mus├şte blok upravi┼ą, aby ste pridali ─Ćal┼íie st─║pce.

At├│mov├ę bloky zvl├ídaj├║ veci lep┼íie: ke─Ć vyberiete blok st─║pcov, m├┤┼żete si vybra┼ą z jedn├ęho a┼ż ┼íiestich st─║pcov, a ak vyberiete dva, tri alebo ┼ítyri st─║pce, pon├║knete v├ím v├Żber rozlo┼żen├ş, ktor├ę ich zobrazuj├║ v r├┤znych ┼í├şrkach.

St─║pce at├│mov├Żch blokov

At├│mov├ę bloky pon├║kaj├║ ove─ża v├Ą─Ź┼íiu kontrolu nad rozlo┼żen├şm ako ┼ítandardn├Ż editor Gutenberg, ale r├íd by som videl, ako v├Żvoj├íri buduj├║ syst├ęm rozmiestnenia a vkladaj├║ viac oddielov, viac rozlo┼żen├ş a ─Ćal┼íie ┼ítrukt├║ry st─║pcov a riadkov.

Bloky obsahu

Ke─Ć prid├íte nov├Ż blok, vo va┼íej oblasti obsahu sa zobrazia bloky rozlo┼żenia, kontajnera a st─║pca.

Dizajnov├ę tla─Źidl├í

Zvy┼ín├Żch 12 blokov sa d├í pou┼żi┼ą na vylep┼íenie v├í┼ího obsahu.

Na sn├şmke obrazovky ni┼ż┼íie n├íjdete pr├şklad vkladac├şch ─Źiapok, posudkov, spacerov a reklamn├Żch jednotiek. V┼íetky s├║ ─żahko pou┼żite─żn├ę a pre ka┼żd├Ż blok existuje dobr├Ż v├Żber mo┼żnost├ş, ktor├ę v├ím pom├┤┼żu upravi┼ą text a farby.

Upravte svoj obsah pomocou at├│mov├Żch blokov

Blok mrie┼żky pr├şspevkov a str├ínok je u┼żito─Źn├Ż a umo┼ż┼łuje v├ím vybra┼ą po─Źet st─║pcov na zobrazenie pr├şspevkov, ktor├ę kateg├│rie pr├şspevkov sa zobrazia a d─║┼żku ├║tr┼żku. Meta inform├ície mo┼żno tie┼ż povoli┼ą alebo zak├íza┼ą.

Publik├ície a mrie┼żka str├ín

Cenn├şk blok je dobr├Ż doplnok. Pre ka┼żd├Ż produkt m├┤┼żete definova┼ą n├ízov, popis, cenu, r├┤zne funkcie a tla─Źidlo K├║pi┼ą. V┼íetko, ─Źo mus├şte urobi┼ą, je klikn├║┼ą na ─Źas┼ą, ktor├║ chcete upravi┼ą.

Pre ka┼żd├║ ─Źas┼ą tabu─żky s├║ k dispoz├şcii sekcie farieb a v├Żpln├ş.

Cenn├şk blok

─Äal┼í├şm u┼żito─Źn├Żm blokom je v├Żzva na akciu. M├┤┼żete ho pou┼żi┼ą na propag├íciu bulletinu alebo na propag├íciu nov├ęho produktu, ktor├Ż pred├ívate.

Prij├şma jednoduch├Ż dizajn: n├ízov, popis a tla─Źidlo. Tla─Źidlo je mo┼żn├ę prepoji┼ą a pod─ża potreby m├┤┼żete upravova┼ą farby a pr├şpadne priradi┼ą obr├ízok na pozad├ş.

Blokova┼ą v├Żzvu na akciu

Celkovo som ohromen├Ż pon├║kan├Żmi blokmi.

Rozlo┼żenie blokov vyzer├í dobre, ─żahko sa pou┼ż├şva a m├í nieko─żko mo┼żnost├ş ┼ít├Żlu.

T├ęma at├│mov├Żch blokov

V├Żvoj├íri at├│mov├Żch blokov tie┼ż vydali bezplatn├║ t├ęmu WordPress s rovnak├Żm n├ízvom, ktor├í je ur─Źen├í na pou┼żitie s doplnkami Gutenberg a Atomic Blocks.

T├ęma at├│mov├Żch blokov m├í minimalistick├Ż dizajn. Existuje nieko─żko mo┼żnost├ş pre t├ęmu v prisp├┤sobite─że t├ęmy WordPress, ale v porovnan├ş s v├Ą─Ź┼íinou ostatn├Żch t├ęm WordPress je to dos┼ą obmedzen├ę.

At├│mov├ę bloky t├ęma

Prostredn├şctvom prisp├┤sobova─Źa m├┤┼żete upravi┼ą ┼í├şrku oblasti obsahu, prida┼ą do vyh─żad├ívacieho panela vyh─żad├ívac├ş panel, vybra┼ą ve─żkos┼ą a ┼ít├Żl p├şsma a zmeni┼ą motto p├Ąty.

T├ęma At├│mov├ę bloky m├┤┼że by┼ą vhodn├í pre t├Żch, ktor├ş chc├║ minim├ílne rozlo┼żenie blogu, ale nerobia dos┼ą na to, aby vynikli z davu.

Z├ívere─Źn├ę my┼ílienky

Mnoho doplnkov z kolekcie Gutenberg n├íjdete na WordPress.org, ale at├│mov├ę bloky sa pova┼żuj├║ za jeden z najlep┼í├şch.

Preddefinovan├ę sekcie a n├ívrhy a v┼íestrann├Ż syst├ęm reproduktorov zlep┼íuj├║ oblas┼ą, v ktorej Gutenberg ch├Żba. Existuje tie┼ż ve─ża r├┤znych blokov t├Żkaj├║cich sa obsahu a v┼íetky pon├║kaj├║ kontrolu nad ┼ít├Żlom.

Odpor├║─Źam v├ím sa pozrie┼ą na at├│mov├ę bloky, aby ste mohli plne oceni┼ą, ─Źo m├┤┼żete urobi┼ą.