Geriausi originalūs "WordPress" blokai [Greita apžvalga]

Geriausi originalūs "WordPress" blokai [Greita apžvalga]

Pateikiame jums vadovą, kaip naudotis "Gutenberg" "WordPress" redaktoriumi ir blokais. Perskaitykite naujienas apie blokų pakeitimus, kurie įvyks artimiausioje 5.4 versijoje. Atrinkome visus dažniausiai naudojamus blokus, kuriuos būtina naudoti bet kurioje svetainėje. Kai tik bus išleisti, paskelbsime daugiau informacijos apie visas funkcijas.

Kai 2018 m. "WordPress" paskelbė apie naująjį "Gutenberg" redaktorių, mes juo džiaugėmės. Dabar, praėjus porai metų, matome didžiulį patobulinimą. Gutenberg WordPress redaktorius yra puikus įrankis svetainei kurti.

Su AitThemes CitadelaWP įskiepiai, galite sukurti konkretų turinį įmonės, verslo, tinklaraščio ar ne pelno siekiančios svetainės pristatymui. Arba net pradėti naują internetinį verslą. Svetainės greitis ir paprastas svetainės redagavimas yra svarbiausi veiksniai.

Kas yra blokas?

"Gutenberg" "WordPress" blokai yra svetainės blokai. Kiekvienas iš jų turi savo ypatingą vietą ir paskirtį. Labai svarbu naudoti tinkamą "WordPress" bloką tam tikro tipo turiniui.

Tačiau kaip rasti tinkamiausią bloką, kuris atitiktų jūsų ketinimus?

Kad geriau suprastumėte "WordPress" blokus, parengėme šią populiariausių blokų apžvalgą.

Teksto turinio blokai

Yra keletas blokų, kuriuos galite naudoti tekstiniam turiniui svetainėje įterpti. Galite naudoti kelis blokus. Nuo WordPress 5.4 yra naujas nustatymas, galite keisti teksto spalvą.

  • Pastraipa
  • Antraštė
  • Citata
  • Sąrašas
  • Ištraukti citatą
  • Lentelė
  • Eilėraštis
  • Iš anksto suformatuotas
Text Color Format WordPress 5.4

Išskyrus šį atvejį, naudojate "Classic" bloką, kuris gali būti patogesnis rašant ilgą pastraipą.

Mygtukų blokas

Sukurti įtikinamą CTA mygtuką "WordPress" tapo labai paprasta naudojant mygtukų bloką. Jums nereikia įvesti pasirinktinio CSS ar suprasti HTML. Galite, bet neprivalote, įvesti savo mėgstamos spalvos šešioliktainį kodą, kad mygtukas atrodytų gražiai ir trauktų akį.

Button WordPress block

Kur naudoti mygtukų bloką?

Kai lankytojas patenka į jūsų svetainę, norite paskatinti jį imtis veiksmų. Tam ir skirti CTA mygtukai.

Apskritai yra 3 vietos, kuriose turėtumėte naudoti "WordPress" mygtukų bloką:

  • Pagrindinis puslapis - atlikti veiksmą, kuris padės pasiekti tikslą, pavyzdžiui, užsiregistruoti naujienlaiškiui, sužinoti specialų pasiūlymą ar užsiregistruoti nemokamam bandymui.
  • Produkto puslapis - priklausomai nuo to, kaip vedamas jūsų produkto puslapis, jame gali būti 1 CTA mygtukas (PIRKTI) arba daugiau mygtukų, pvz., informacija apie produktą, pirkti, įtraukti į pageidavimų sąrašą ir pan.
  • Tinklaraštis - CTA mygtukai gali nukreipti į kitą naudingą straipsnį arba į jūsų produkto ar paslaugos įsigijimą.

Mygtukų bloko nustatymai

Dešinėje pusėje esančiame Inspektoriaus lange galite lengvai tvarkyti mygtuko nustatymus:

  • Stilius
  • Fono spalva
  • Šrifto spalva
  • Pasienis

CTA mygtuko tekstas turi būti trumpas ir paprastas, skatinantis atlikti veiksmą, kurio norite, kad jūsų svetainės lankytojai imtųsi.

Naujovės, pasirodysiančios kitoje "WordPress 5.4" versijoje (išleista 2020 m. kovo 31 d.)

Mygtuko blokas bus pakeistas nauju mygtukus blokas.
Iš naujojo pavadinimo galima spręsti, kad galėsite sukurti daugiau mygtukų šalia vieno bloko konteinerio. Dažnai prireikia vienu metu sukurti du CTA mygtukus, pvz: Pirkti dabar ir Skaityti daugiau. Taip pat atsiras keletas naujų stiliaus ir spalvų nustatymų. Pasirinkite užpildymo arba kontūro stilių, o tada - fono spalvą. Galite pasirinkti Solid arba Gradient fonas. Bus galima naudoti kai kuriuos išankstinius nustatymus kaip pradinį tašką, kad būtų galima be vargo tiksliau sureguliuoti. Gera žinia ta, kad visi esami mygtukų blokai veiks ir jų migruoti nereikės.

Stulpelių blokas

Stulpelių blokas yra nuostabus "WordPress" blokas, atveriantis duris naujiems išdėstymams. Jis suteikia daugiau puslapio elementų išdėstymo galimybių, todėl atsiranda daugiau dizaino alternatyvų.

Columns WordPress Block

Dirbti su stulpelių bloku paprasta:

  • Nėra papildomo įskiepio diegimo.
  • Nereikia koduoti.
  • Tereikia turėti šiek tiek dizaino pojūčio.

Palyginti su ankstesniais sunkumais, kuriuos teko patirti prieš išleidžiant "WordPress" blokų redaktorių, naudoti "WordPress" bloką "Stulpeliai" labai paprasta.

Kaip naudoti stulpelių bloką?

Kaip nurodyta pirmiau, bloką Columns galima naudoti dviem būdais:

  • teksto srautui organizuoti (tinklaraščio įraše arba įprastame puslapyje).
  • Kitų blokų išdėstymas stulpeliais.

Jei tekstą, pvz., tinklaraščio įrašą, suskirstysite į stulpelius, padidinsite skaitomumą ir padarysite savo svetainę skaidresnę ir patogesnę naudoti.

Tačiau kai naudodami bloką Columns įterpiate kitus blokus, pavyzdžiui, paveikslėlius, tekstus ir mygtukus, keičiate visą pasirinkto puslapio išdėstymą ir kuriate naujus dizainus.

Stulpelių blokų nustatymai

Į puslapį įterpę stulpelių bloką, pasirinkite, kiek stulpelių norite. Tai gali būti bet koks kiekis - nuo 2 iki 6 stulpelių. Tada galite pradėti rašyti tekstą arba į kiekvieną stulpelį dėti blokus.

Stulpelių bloko turinio išlyginimą galima nustatyti atskirai visam blokui ir atskiriems stulpeliams. Galite net pasirinkti stulpelio pločio proporcijas. Taip vienas stulpelis gali būti platesnis už kitą.

Viršelio blokas

Pakalbėkime apie jūsų svetainės antraštę. Tai skyrius, kuris apibrėžia pirmąjį įspūdį, kai kas nors ateina į jūsų pagrindinį puslapį. Tai gana svarbu, ar ne? O ar žinojote, kad "Cover" bloką galima naudoti kaip antraštę bet kuriame jūsų puslapyje?

Cover WordPress block

Viršelis - tai pagrindiniai "WordPress" blokai, padedantys padaryti įspūdį interneto lankytojams. Ypač tada, kai jis tinkamai naudojamas, arba, geriau sakant, kai jis tvarkingai integruotas į jūsų žiniatinklio svetainės dizainą.

Kur naudoti "Cover block"?

Kaip minėta pirmiau, viršelio blokas gali būti naudojamas bet kuriame jūsų puslapyje. Be to, jį galima pridėti bet kurioje puslapio vietoje, kitaip nei svetainės antraštę, kuri yra fiksuota svetainės viršuje.

Viršelio blokas gali būti naudojamas kaip:

  • Bet kurio puslapio antraštė, įskaitant pagrindinį puslapį.
  • Produkto puslapyje naudojamas tekstas perrašytas paveikslėliu arba vaizdo įrašu.
  • Turinio atskyrimas tinklaraščio įraše.

Dangčio bloko nustatymai

Nustatyti "Cover" bloką labai paprasta. Pirmiausia pasirinkite paveikslėlį arba vaizdo įrašą kaip foną. Taip pat galite naudoti vieną spalvą. Nustatę foną, pridėkite pavadinimą ir paantraštę. 

Galite pasirinkti bloko išlyginimą ir, žinoma, jame esančio teksto išlyginimą.

Viršelio bloko derinimas siūlo šias parinktis:

  • Lygiuoti į kairę
  • Suderinti centrą
  • Sulygiuoti į dešinę
  • Platus plotis
  • Viso pločio

Mano asmeniškai mėgstamiausia yra spalvų perdanga, kurią galima rasti inspektoriuje - viršelio bloko fono paveikslėlį galima nuspalvinti bet kokia norima spalva. Kartu su pritaikytu šrifto dydžiu ir spalva galite sukurti gražių kontrastų, o galutinis viršelio bloko vaizdas bus stulbinantis.

Nuo "WordPress 5.4" galite pasirinkti gradientinį foną, o ne vientisą.

Cover block gradient background WordPress 5.4

Galerijos blokas

Demonstruokite vaizdus savo svetainėje naudodami galerijos bloką. Šis standartinis "WordPress" blokas sukurtas taip, kad jame būtų galima saugoti vaizdus ir gražiai juos rodyti bet kuriame svetainės puslapyje. Kaip ir kitus "WordPress" blokus, bloką "Galerija" galima patalpinti bet kurioje svetainės vietoje arba tinklaraščio įraše.

Gallery WordPress block

Nuotraukas galite įkelti pasirinkdami failus iš medijos bibliotekos, iš kompiuterio arba naudodami vilkimo ir nuleidimo funkciją.

Kur naudoti galerijos bloką?

Priklausomai nuo svetainės tipo, galite norėti sukurti sudėtingą nuotraukų galeriją arba paprastą vaizdų pristatymą. Galite naudoti galerijos bloką:

  • Jūsų pagrindinis puslapis
  • Atskiri tinklalapiai, sukurti kaip nuotraukų galerijos albumai
  • Produkto puslapiai
  • Tinklaraščio įrašas

Galerijos bloko nustatymai

Be įvairių paties galerijos bloko lygiavimo parinkčių, šiame bloke yra keletas įdomių parinkčių, pvz:

  • Stulpelių, į kuriuos rikiuojami vaizdai, skaičius.
  • Vaizdo apkarpymas, kad jis atitiktų tą patį dydį (mažiausio vaizdo).
  • Hipersaitas, kad galėtumėte pateikti nuorodą į kitą puslapį arba medijos failą.

Vaizdų blokas

Paveikslėlių blokas yra ne kas kita, o blokas, skirtas paveikslėliui rodyti jūsų svetainėje.

Image WordPress block

Tai tiesa. Jei tiesiog norite pridėti paveikslėlį prie bet kurio savo puslapio, turėtumėte naudoti "WordPress" paveikslėlių bloką. Jis gali būti panašus į kitus pateiktus blokus, tačiau yra reikšmingų skirtumų, dėl kurių jis puikiai tinka pavieniams paveikslėliams.

Kada naudoti vaizdų bloką?

Paveikslėlio blokas turėtų būti naudojamas ypač tada, kai paveikslėlyje rodomas objektas yra ypač svarbus jūsų žiniatinklio lankytojui:

  • Patraukite interneto lankytojų dėmesį konkrečiu vaizdu.
  • Rodyti vaizdą su užrašu.
  • Parodykite infografikų, kurie padeda lankytojams geriau suprasti aptariamą temą.

Vaizdų bloko nustatymai

Vienas didžiausių "WordPress" bloko "Image" privalumų yra vaizdo dydžio parinktys. Galite lengvai keisti paveikslėlio dydį patraukdami jį už kampo, pasirinkti fiksuotą dydį pikseliais arba nustatyti dydį procentais.

Kita svarbi galimybė - alternatyvaus teksto, antraštės ir nuorodos įvesties laukai. Primygtinai rekomenduoju naudoti šiuos laukus, nes jie vaidina svarbų vaidmenį puslapio SEO.

Žiniasklaidos ir teksto blokas

Pereikime prie pažangesnių puslapio maketų, kuriuos galite sukurti naudodami medijos ir teksto bloką. Šis pagrindinis "WordPress" blokas leidžia derinti mediją ir tekstą vieną šalia kito, estetiškai ir kontekstualiai.

Žiniasklaidos ir teksto "WordPress" blokas

Kur naudoti medijos ir teksto bloką?

Nors Žiniasklaidos ir teksto blokas labiausiai tinka naudoti tinklaraščio įrašuose, pasitelkę šiek tiek vaizduotės, galite jį naudoti ir kitur. Pavyzdžiui, galite sukurti gražią produkto ar paslaugos apžvalgą naudodami vaizdą ir tekstą šalia vienas kito.

Nepamirškite pridėti mygtuko bloko prie teksto skyriaus Žiniasklaidos ir teksto blokas, jei jis naudojamas kaip produkto / paslaugos apžvalga. Taip bet kuriame puslapyje galėsite sukurti gražią CTA skiltį.

Žiniasklaidos ir teksto bloko privalumai

  • Sujungti vaizdą ir tekstą, kurie kontekstualiai dera tarpusavyje.
  • Išvengiama netinkamos vaizdo vietos tinklaraščio įraše.
  • Pagalba svetainės reaktyvumui (naudokite funkciją "Stack on mobile").

Žiniasklaidos ir teksto blokų nustatymai

Žvelgdami į Žiniasklaidos ir teksto bloko nustatymus pastebėsite nemažai lygiavimo parinkčių, kai kurios iš jų yra unikalios, palyginti su daugeliu kitų blokų.

Įdomus ir naudingas šio bloko nustatymas yra fono spalva. Nuspalvindami sritį aplink paveikslėlį ir tekstą, kurie dera kartu, galite vizualiai pabrėžti jų ryšį.

Nuorodos įterpimas iš "WordPress" 5.4 versijos (31.3.2020). Galite pasirinkti nuorodą, medijos failą arba prisegtą puslapį.

Stalo blokas

Lentelės blokas yra vienas iš pavyzdžių, kaip "WordPress" patobulėjo įdiegus "WordPress" blokų redaktorių versijoje 5.0 ir vėlesnėse versijose. Anksčiau, norint įterpti lentelę į WordPress svetainę, reikėjo įskiepio, o dabar galite tiesiog naudoti lentelės bloką.

Table WordPress block

Kur naudoti lentelės bloką?

Lentelės vaidina didžiulį vaidmenį pateikiant naudingą turinį aiškiai ir skaidriai. Be abejo, daugumoje svetainių naudojamos lentelės. Štai tik keli lentelių naudojimo įvairiose svetainėse pavyzdžiai:

  • Duomenų palyginimas
  • Kainų lentelės
  • Produkto techninė informacija
  • Receptai
  • Narystės paketų apžvalga

Turėti lentelės bloką kaip nemokamo "WordPress" branduolio dalį yra tikrai nuostabu.

Lentelės bloko nustatymai

Kai į puslapį įterpiate lentelės bloką, turite nustatyti lentelės stulpelių ir eilučių skaičių. Nesijaudinkite, šis skaičius nėra fiksuotas. Bet kada galite pridėti daugiau eilučių ir stulpelių (arba juos pašalinti).

Tada pasirinkite savo stalo stilių: numatytąjį arba su juostelėmis. Pereikite prie išlyginimo ir šrifto stiliaus, o galiausiai užpildykite lentelę, prieš ją užbaigdami.

Daugiau galimybių:

  • Fono spalva
  • Fiksuoto pločio ląstelės
  • Antraštė
  • Kojinė
  • Nuoroda (teksto įrašas lentelėje gali būti nuoroda į kitus puslapius)

Kurį bloką norėtumėte pamatyti toliau?

Tikimės, kad jums patiko skaityti apie mūsų atrinktus labai naudingus "WordPress" pagrindinius blokus, kurie visiems prieinami nemokamai. Praneškite mums, apie kokius blokus norėtumėte skaityti toliau arba kokių funkcijų vis dar trūksta "WordPress" branduolyje. Ačiū, kad skaitote!

9 pagalvojo apie „Best original WordPress blocks [Quick Overview]

    1. Sveiki, Bryan,

      ačiū, kad klausiate. Atsiprašome, "Business Finder+" nėra suderinamas su "Gutenberg" blokais, nes tema paremta senesniu II karkasu, kuris palaiko šiuos įskiepius: https://www.ait-themes.club/wordpress-plugins/#businessfinder

      Geriausi linkėjimai!
      Zlatko
      AIT komanda

  1. Ich habe die Lifetime Membership und jetzt heißt es das Sie meine Fragen nicht beantworten wollen. Deshalb habe ich ja diese Mitgliedschaft gewählt. 1 metų techninė pagalba! Über den Support dauert es oft Tage bis man eine Antwort bekommt. Ich finde die Software gut in manchen Dingen zu kompliziert, aber wenn die Möglichkeit besteht Fragen zu stellen kein Problem. Aber wenn es jetzt heißt ich solle mir einen Programmierer suchen, dann hätte ich dieses Theme ja nicht gebraucht!
    Also ich setze schon ein gewisses Maß an Service voraus!

    1. Sveiki, Thomas,

      ačiū už atsakymą. Dėkojame, kad skyrėte laiko ir papasakojote, kodėl mūsų paslauga nepateisino jūsų lūkesčių.
      Vertiname jūsų verslą ir norėtume kuo greičiau ir teisingiau išspręsti jums rūpimus klausimus.
      Suprantu jūsų nusivylimą ir nuoširdžiai atsiprašau už bet kokius nepatogumus, kuriuos sukėlėme dėl vėlyvų atsakymų, maloniai prašome žinoti, kad mūsų technikai yra pasirengę atsakyti jums kuo efektyviau, net kuo greičiau, kai nuspręsite dėl prioritetinio klausimo (žinoma, per kelias darbo valandas). Klientų aptarnavimas teikiamas darbo dienomis nuo 8 iki 17 val. vidurio Europos laiku.

      Antra,
      Atkreipkite dėmesį, kad siūlome šias paslaugas: https://www.ait-themes.club/services/ ir pritaikymas yra specialus užsakymas, kurio neteikiame dėl pajėgumų ir pan. Kai jums reikės papildomų darbų, susijusių su jūsų svetaine, turėtumėte susisiekti su patirties wordpress kūrėju arba dizaineriu.

      Ačiū už supratimą.

      Geriausi linkėjimai!
      AIT komanda

    1. Sveiki, Tony,

      jūs migt rasti atsakymą kreipiantis į WordPress bendruomenės forumas esu įsitikinęs... bet kokiu atveju, geriausias Wey turėtų būti susisiekti su mūsų palaikymo komanda adresu: https://system.ait-themes.club/support/add-question.
      Mūsų specialistai yra pasirengę atsakyti jums kuo efektyviau ir kuo greičiau, kai sprendžiate prioritetinį klausimą (žinoma, per kelias darbo valandas). Klientų pagalba teikiama darbo dienomis nuo 8 iki 17 val. vidurio Europos laiku.

      Ačiū už supratimą.

      Geriausia!
      Zlatko
      AIT komanda

  2. Turiu darbo wordpress svetainę. Man reikia sukurti pasirinktinę temą. Jei turite pakankamai žinių apie žiniatinklio dizainą, sukurkite išsamų vaizdo įrašą apie tai, kaip sukurti darbo skelbimų lentos wordpress temą. Esu tikrai dėkingas jums už šį gerumo aktą.

    1. Sveiki,

      ačiū, kad rašote ir už įdomią idėją bei atsiliepimus.
      Mūsų pagrindinis darbas yra WordPress CMS pagrindu sukurtų produktų, kaip šablonų, įskiepių, grafikos, ir mūsų didžiausias prioritetas yra nuolat pridėti naujų funkcijų, susijusių su Citadela produktų grupe: http://citadelawp.com

      Bet kokiu atveju apsvarstysime jūsų idėją ir priimsime sprendimą.

      Malonūs linkėjimai!
      Zlatko
      AIT komanda

Komentarai nepriimami.