Getwid – Nako-customize na WordPress Blocks para sa Gutenberg

Getwid - Nako-customize na WordPress Blocks para sa Gutenberg

Gutenberg. Ang pagbanggit lamang ng salitang iyon ay maaaring matunaw ang yelo. Karaniwan, maaari mong marinig ang isang pagbagsak ng pin sa katahimikan na nagsisimula pagkatapos mong sumigaw ng “GUTENBERG!” sa ilang mga lugar. Marahil ay hindi ka dapat sumigaw ngunit hindi iyon ang punto. Ito ay isang maligayang araw para sa editor ng Gutenberg, o ito ba?


Nang si Gutenberg ay naging default na editor ng nilalaman para sa WordPress, maraming mga gumagamit – ang mga nagsisimula at mga developer ay magkamukha – ay nag-aalangan. Ito ay isang napakahirap na paglipat sapagkat – magbago. Ang ibig sabihin ng bagong editor ay kailangang matuto at umangkop sa isang bagong paraan ng paglikha ng nilalaman sa WordPress.

Totoo na mahirap ang pagbabago ng mga dating daan, na marahil kung bakit nahaharap sa matigas na pagtutol si Gutenberg. Ngunit ang mga bagay ay nagbago nang labis sa paglipas ng panahon. Habang maraming mga gumagamit ay nalilito sa simula, mabilis na gustung-gusto ng mga tao ang bagong editor, lalo na kung napakadaling gamitin at, mas mahalaga, palawakin ang mga plugin.

Salamat sa mga plugin tulad ng Getwid, ang paksa ng pagsusuri ngayon, maaari kang mag-supercharge ng Gutenberg sa mga paraan na hindi mo naisip na dati. At kung ang momentum ay nagpapanatili (at gagawin ito), ang Gutenberg ay may isang napakagandang kinabukasan. Sa palagay ko, higit pa at mas maraming mga gumagamit ay mahirap na kailangan ng mga tagabuo ng WordPress page upang lumikha ng mga kahanga-hangang mga pahina at post.

Sa pagsusuri ngayon, titingnan namin ang lahat ng mga tampok na gumawa ng Getwid isa sa mga pinakamahusay na plugin ng Gutenberg na makikita mo sa web. Upang maipakita sa iyo kung ano ang aasahan, sinubukan namin ang drive ng plugin at saglit na lumipas ang 30+ mga bloke na dinadala ng Getwid sa isang mayroon nang malakas na editor ng Gutenberg.

Sa preamble na iyon, mayroong isang tonelada na takip, kaya mas mahusay kami kumuha balo ito. Tingnan kung ano ang ginawa ko doon? Haha. Okay, magsimula na tayo.

Ano ang Getwid?

Getwid - Gutenberg Blocks

Unahin ang mga bagay muna, ano ang ano ba ang Getwid? Buweno, ang Getwid ay isang mahusay na plugin na makakatulong sa iyo upang mapalawak ang editor ng Gutenberg nang mga big-time. Simple lang? Sa madaling salita, ito ay isang magandang koleksyon ng 34 mga bloke na nagbibigay-daan sa iyo upang lumikha ng napakatalino na nilalaman sa Gutenberg.

Ayon kay Motopress, ang nag-develop, ang Getwid plugs sa Gutenberg nang walang putol, “… ginagawa ang iyong pangkalahatang paglipat sa Gutenberg na hindi gaanong nakababalisa.” Ang isang maayos na paglipat ay mahalaga lalo na para sa mga first time na gumagamit. Ang pinakamagandang bahagi ay ang plugin ay libre upang i-download sa WordPress.org, nangangahulugang maaari mong pindutin ang ground na tumatakbo kaagad.

Sinusundan ng Getwid ang pinakamahusay Mga pamantayan sa coding ng WordPress, nag-aalok sa iyo ng perpektong solusyon upang pagyamanin ang iyong nilalaman nang hindi naghuhukay sa code. Bukod, ganap itong katugma sa lahat ng mga tema na handa na Gutenberg na WordPress, nangangahulugang hindi ka makakatagpo ng mga hindi pagkakasundo na mga isyu.

Bilang karagdagan, ang Getwid ay katugma sa iba pang mga plugin ng third-party na Gutenberg, na nag-aalok sa iyo ng mas maraming mga tampok upang lumikha ng nakakaakit na nilalaman na nais mo. Gayundin, ang Getwid ay may isang toneladang opsyon na nagbibigay-daan sa iyo upang i-istilo ang bawat bloke upang tumugma sa iyong tatak at kagustuhan.

Madaling Ginamit ang Mga Blocks ng Gutenberg

Bukod dito, ang add-on ay hindi kapani-paniwalang madaling i-set at gamitin, na nangangahulugang hindi mo kailangan ng isang developer na hawakan ang iyong kamay. Hindi mo rin kailangan ang coding kaalaman. Dagdag pa, ang Getwid ay nagtatampok ng pinakabagong mga trick sa pagganap, tulad ng CSS minification, upang makalikha ka ng magagandang nilalaman nang hindi nababahala tungkol sa bilis ng iyong WordPress site.

Nagsasalita ng kamangha-manghang nilalaman, tinutulungan ka ng Getwid na “… lumikha ng mahusay na mga landing page, ipakita ang mga buhay na mga pahina ng serbisyo, bumuo ng mga portfolio ng mata,” magdagdag ng magagandang mga slider, magpapatupad ng mga kamangha-manghang mga heading, mga talahanayan ng pagpapakita ng presyo, at marami pang iba! Nag-aalok ito sa iyo ng lahat ng mga bloke na kailangan mong i-supercharge “… mga website ng negosyo, mga startup, mga proyekto ng malikhaing, at isang pagkakaiba-iba ng iba pang mga niches.”

Listahan ng Getwid ng mga Gutenberg Blocks

Ang Getwid ay may isang mahusay na bilang ng mga bloke ng Gutenberg. Tandaan, gumagana din ito kasama ang mga pangunahing bloke ng Gutenberg, nangangahulugang walang dapat huminto sa iyo sa paglikha ng mga kahanga-hangang nilalaman na gumagana para sa iyong website. Narito ang listahan ng mga bloke ng Gutenberg na magagamit sa Getwid (Babala: Ito ay isang LOOONG):

  • Seksyon
  • Media at Teksto ng Slider
  • Slider ng Imahe
  • Icon
  • Icon Box
  • Banner (oo, kumpleto sa mga animation – woo hoo!)
  • Mga Kumpetisyon
  • Mga Tab
  • Paggulo
  • Larawan ng Stack Gallery
  • mapa ng Google
  • Kamakailang Mga Post
  • Advanced na Pamumuno
  • Image Box
  • Advanced na Spacer
  • Mga Link sa Panlipunan
  • Pangkat ng Button
  • Pagpapatotoo
  • Personal na Kahon
  • Instagram
  • Programa ng Bar
  • Circular Bar ng Pag-unlad
  • Kontra
  • Kahon ng Presyo
  • Form ng Makipag-ugnay
  • Mag-post ng Carousel
  • Mag-post ng Slider
  • Uri ng Pasadyang Post
  • Listahan ng Presyo
  • MailChimp
  • Video Popup
  • Imahe ng Hotspot
  • Pagbilang
  • Timeline ng Nilalaman

Phew, anong listahan? At isipin ang bawat isa sa mga bloke sa itaas ay may maraming mga setting, estilo, at pagpipilian, kaya maaari mong idisenyo ang iyong nilalaman sa paraang gusto mo.

Sa ngayon napakahusay, ang plugin ng Getwid Gutenberg blocks ay mukhang napaka-promed.

Ngayon alam mo na kung ano ang aming pinagtatrabahuhan, ipaalam sa amin na mag-install ng Getwid at pupunta sa iba’t ibang mga bloke. Inaasahan kong masisiyahan ka sa sumusunod na seksyon tulad ng ginawa ko sa pagsubok sa plugin.

Paano i-install ang Getwid Gutenberg Blocks Plugin

Nakakakita na ang Getwid ay magagamit sa opisyal na imbakan ng plugin ng WordPress, hindi namin nasayang ang pag-download ng plugin sa iyong computer. Sa halip, mai-install namin ang plugin nang direkta mula sa loob ng dashboard ng admin ng WordPress.

Nang walang karagdagang ado, mag-login sa iyong dashboard ng admin ng WordPress at mag-navigate sa Mga plugin> Magdagdag ng Bago tulad ng itinuro ko sa screengrab sa ibaba.

kung paano i-install ang bagong plugin ng WordPress

Sa Magdagdag ng Mga Plugin pahina, ipasok ang “Getwid” sa kahon ng paghahanap sa keyword, at pindutin ang I-install Ngayon pindutan, tulad ng ipinapakita sa ibaba.

kung paano i-install ang plugin ng getwid gutenberg block para sa wordpress

Nang walang pag-aaksaya ng isang segundo, i-click ang Isaaktibo pindutan, bilang na-highlight ko sa ibaba upang tapusin ang pag-install.

kung paano i-activate ang plugin ng getwid wordpress

At iyon iyon; Hindi ako nagsisinungaling kapag sinabi ko sa iyo na ang pag-set up ng Getwid ay madali ��

Ngayon, tingnan natin kung ano ang mag-alok ng Getwid sa loob ng editor ng Gutenberg. Upang malaman kung ano ang nasa tindahan, kailangan nating lumikha ng isang bagong pahina o post. Makipagtulungan sa alinman sa iyong magarbong.

Pagdaragdag ng Bagong Pahina

Makikipagtulungan ako sa isang pahina na puro para sa mga layunin ng paglalarawan. At din dahil gumagamit ako ng may resped na Kabuuang tema ng WordPress na may template ng landing page ��

Sa ngayon, marahil ay alam mo na kung paano magdagdag ng isang bagong pahina sa WordPress, ngunit kung ikaw ay isang ganap na nagsisimula, mag-navigate sa Mga pahina> Magdagdag ng Bago, tulad ng nakikita sa ibaba.

pagdaragdag ng isang bagong pahina sa wordpress

Idagdag ang iyong pamagat ng pahina, at piliin ang mga kinakailangang setting. Halimbawa, kung nais mong lumikha ng isang buong-lapad na landing page tulad ng iyong tunay, piliin ang pagpipilian mula sa Mga Katangian ng Pahina seksyon, tulad ng ipinapakita sa ibaba.

mga katangian ng pahina sa gutenberb

Tandaan, maaaring mayroon kang iba’t ibang mga pagpipilian sa Mga Katangian ng Pahina seksyon depende sa iyong tema.

Pagdaragdag ng Getwid Gutenberg Blocks

Ang pagdaragdag ng mga bloke ng Getwid ay pareho sa pagdaragdag ng mga tipikal na mga bloke ng Gutenberg. I-click ang plus (+) pindutan, mag-scroll pababa Getwid Mga bloke, at piliin ang bloke na gusto mo.

Seksyon I-block

Upang magdagdag ng seksyon ng Getwid, halimbawa, idagdag lamang ang Seksyon block, tulad ng ipinakita sa ibaba.

getwid section block

Bilang simpleng bilang A, B, C. Pagkatapos nito, kailangan mong idisenyo / istilo ang iyong seksyon ayon sa inaakala mong akma. Pinapayagan ka ng seksyon ng seksyon na lumikha ng magagandang seksyon ng mga layout ng pahina sa pamamagitan ng seksyon nang walang pag-cod. Maaari kang magdagdag ng mga slider, mga imahe sa background, video, paralaks, animasyon, mga hugis, maraming kulay, atbp sa iyong seksyon nang madali. Upang makita ang isang pahina na nilikha gamit ang mga bloke ng seksyon, suriin ang sumusunod section demo.

Tulad ng ipinapakita sa imahe sa ibaba, maaari kang magdagdag ng anumang bloke sa loob ng seksyon ng bloke. Bukod, maaari mong ipasadya ang seksyon hangga’t gusto mo.

mga setting ng block ng block ng seksyon

Sa kanan ng pahina, nakakakuha ka ng maraming mga pagpipilian upang ipasadya ang seksyon. Dapat naming puntahan ang mga pagpipilian nang maikli mula sa itaas hanggang sa ibaba.

  • Laki – Itakda ang iyong mga sukat ng seksyon dito. Sa oras ng pagsulat, mayroon kang tatlong mga pagpipilian sa lapad, lalo Puno, Buong Lapad, at Pasadyang. Sa itaas nito, maaari kang magtakda ng iba’t ibang mga taas ng seksyon para sa desktop, tablet, at mga mobile device. Panghuli, mayroon kang isang pagpipilian upang tukuyin ang mga gaps sa pagitan ng mga bloke ng nilalaman sa loob ng seksyon ng bloke.
  • Padding – Pinapayagan ka ng pagpipilian na itakda ang padding sa paligid ng iyong seksyon para sa desktop, tablet, at mga mobile device.
  • Margin – Magdagdag ng mga margin sa paligid ng iyong seksyon ng seksyon para sa iba’t ibang mga aparato.
  • Pag-align – Dito, maaari mong tukuyin ang patayo at pahalang ng iyong seksyon para sa iba’t ibang mga aparato.
  • Kulay ng background – Maaari kang magdagdag ng anumang kulay ng background na gusto mo sa mga seksyon.
  • Gradient ng background – Ang pagpipiliang ito ay makakatulong sa iyo upang lumikha ng mga background ng gradients para sa iyong seksyon. Madaling magamit ang pagpipilian kung hindi mo nais na gumamit ng mga solidong background na kulay.
  • Imahe ng background – Dito, maaari kang magdagdag ng isang imahe sa background sa iyong seksyon, sa halip na gumamit ng mga kulay.
  • Slider ng background – Ngayon, maaari kang magdagdag ng mga slider ng background sa iyong mga seksyon ng pahina. Gaano katamis?
  • Video ng background – Naghahanap upang pagyamanin ang iyong seksyon gamit ang isang background video? Kung gayon, ang Getwid ay nasa iyong likuran.
  • Pauna – Magdagdag ng mga foreground effects sa iyong seksyon.
  • Mga Divider – Magdagdag ng mga divider sa pagitan ng iyong mga seksyon
  • Pagpasok Animasyon – Salamat sa Getwid, maaari mong buhayin ang iba’t ibang mga seksyon na gusto mo.
  • Advanced – Dito, maaari kang magdagdag ng isang HTML na angkla at klase ng CSS

Media at Teksto Slider I-block

Upang magdagdag ng isang bloke ng slider ng media at teksto, i-click ang plus (+) icon, mag-scroll sa Mga Bloke ng Getwid at i-click Media at Teksto ng Slider, tulad ng ipinakita sa ibaba.

media ng getwid at text slider block

Kapag idinagdag mo ang block, maaari mong mai-upload ang iyong media at magdagdag ng teksto. Sa itaas ng iyon, maaari mong ipasadya ang bloke mula sa kanang sidebar, tulad ng ipinapakita sa imahe sa ibaba.

mga setting ng text ng slider ng text ng getwid media

Dito, isang pares ng mga tala para sa media at pagpipilian sa block ng teksto sa kanang sidebar tulad ng ipinakita sa itaas:

  • Mga setting – Sa ilalim ng tab ng mga setting, maaari mong tukuyin ang bilang ng mga slide, laki ng imahe, taas ng slider, lapad ng nilalaman, at patayo / pahalang na pagkakahanay.
  • Kulay ng teksto – Pinapayagan ka ng pagpipilian na i-customize ang kulay ng teksto sa iyong slider
  • Kulay ng Overlay – Maaari mong itakda ang overlay na kulay at tukuyin ang overlay opacity
  • Padding – Gamitin ang pagpipiliang ito upang magdagdag ng padding sa paligid ng iyong mga media at mga slider ng teksto nang madali
  • Mga Setting ng Slider – Dito, maaari kang magdagdag ng animation sa iyong slider at paganahin ang slideshow
  • Animasyon ng Teksto – Tukuyin ang teksto sa iyong mga slider
  • Advanced – Magdagdag ng isang pasadyang klase ng CSS upang maaari mong istilahin pa ang iyong mga slider

Narito ang isang mahusay na halimbawa ng media at bloke ng slider ng teksto sa kilos.

Slider ng Imahe

Bukod sa Media & Text Slider, inaalok sa iyo ng Getwid ang Slider ng Imahe i-block din. Upang gawin ito, mag-navigate sa Mga Bloke ng Getwid at i-click ang Slider ng Imahe i-block bilang detalyado ko sa screenshot sa ibaba.

slider ng imahe ng getwid

Kapag nag-upload ka o magdagdag ng mga imahe mula sa library ng media, maaari mong ipasadya ang slider mula sa kanang sidebar, tulad ng ipinakita sa ibaba.

mga setting ng slider ng imahe ng getwid

Mula sa kanang sidebar, mayroon kang ilang mga pagpipilian tulad ng sumusunod:

  • Mga Setting ng Imahe – Mula sa tab na ito, maaari kang pumili ng laki ng imahe, awtomatikong i-crop ang mga imahe, at mai-link ang bawat imahe sa media file o pahina ng attachment. Ito ay lalong kapaki-pakinabang kung ikaw ay isang litratista at gumamit ng mga slider ng imahe upang ipakita ang iyong trabaho.
  • Mga Setting ng Slider – Dito, maaari mong tukuyin ang bilang ng mga slide na maaari mong ipakita sa iba’t ibang mga aparato, desktop ng desktop, laptop, tablet, at mobile.
  • Mga Setting ng Kontrol – Sa ilalim ng tab na ito, maaari mong tukuyin kung saan ipakita ang mga arrow at tuldok sa pag-navigate.
  • Advanced – Magdagdag ng pasadyang klase ng CSS dito

Upang makakuha ng isang mas mahusay na larawan, narito ang isang demo ng slider ng imahe para sa iyong kasiyahan sa pagtingin.

Pinapayagan ka ng isang banner block na mag-advertise sa iyong website ng WordPress tulad ng isang boss. Ang pagdaragdag ng isang bloke ng banner ay pantay na simple. Mag-navigate sa Mga Bloke ng Getwid sa loob ng editor ng Gutenberg at i-click ang Banner block, tulad ng ipinakita sa ibaba.

getwid banner block

Kapag idinagdag mo ang iyong file ng banner media, nakakakuha ka ng isang pagpipilian, tulad ng ipinapakita sa imahe sa ibaba.

mga setting ng block ng block ng bandana

Tulad ng nakikita mo mula sa imahe sa itaas, madali mong magdagdag ng isang link sa iyong banner, at buksan ang link sa isang bagong tab. Sa kanang sidebar, mayroon kang maraming mga pagpipilian upang ipasadya ang iyong mga banner. Dito, maaari mong ipasadya ang laki ng banner, pagkakahanay, mga kulay, at mga animation.

Mayroon kang maraming mga pagpipilian upang lumikha ng kaakit-akit na mga banner para sa iyong website. Huwag mag-atubiling suriin ang mga ito mga demo ng banner para sa isang lasa ng kung ano ang maaari kang lumikha.

Iba pang mga Getwid Gutenberg Blocks

Hindi mahalaga kung paano nakatutukso, hindi ko maaaring masakop ang 30 higit pang mga bloke ng Getwid sa pagsusuri ngayon. Kung gagawin natin iyan, pupunta ka rito buong araw, dahil ang artikulo ay magiging masyadong mahaba upang basahin.

Lahat ng pareho, inaasahan kong maaari mo na ngayong idagdag at ipasadya ang anumang block ng Getwid Gutenberg na gusto mo. Ang kailangan mo lang gawin ay mag-navigate sa Mga Bloke ng Getwid at i-click ang bloke na gusto mo. Pagkatapos nito, idagdag ang iyong nilalaman at ipasadya ang bloke mula sa kanang sidebar tulad ng ginawa namin para sa iba pang mga bloke.

Upang makita ang maraming mga halimbawa ng mga bloke ng Getwid Gutenberg, mangyaring bisitahin ang Plugin ng getwid pahina sa MotoPress. Gayundin, narito ang isang Kilalanin ang post ng Getwid na tumatagal ng isang mas malalim na pagtingin sa kung ano ang inaalok ng plugin.


Ang Getwid ay isang makapangyarihang plugin ng Gutenberg na may magandang suite ng mga bloke. Bilang karagdagan, ang bawat bloke ay may isang natatanging hanay ng mga pagpipilian na nagbibigay-daan sa iyo upang lumikha ng nakakahimok na nilalaman nang hindi sa anumang oras.

Sa itaas ng iyon, ang plugin ay hindi kapani-paniwalang madaling i-set up at gamitin. Hindi mo na kailangan ang kaalaman sa pag-cod o bago karanasan upang magamit ang kapangyarihan ng Getwid upang magmaneho ng pakikipag-ugnayan sa iyong website.

Ang plugin ay 100% libre at bukas na mapagkukunan, ibig sabihin maaari mong gamitin at ipasadya ito nang malawak nang hindi nababahala tungkol sa iyong pitaka o paglilisensya. Ito ang perpektong tool na magkaroon ng iyong WordPress propesyonal na toolkit.

Umaasa ako na maaari mo na ngayong gamitin ang Getwid upang maipalabas ang iyong mga pahina ng WordPress at mga post nang hindi nabasag ang isang pawis. Kung hindi, mangyaring ipahayag ang iyong mga alalahanin at mungkahi sa seksyon ng komento.

Maliban dito, na kung saan ay ang iyong paboritong plugin ng mga bloke ng Gutenberg?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map