Getwid: blocs de WordPress personalitzables per a Gutenberg

Getwid: blocs de WordPress personalitzables per a Gutenberg

Gutenberg. El simple esment d’aquesta paraula pot fondre el gel. Normalment, podeu sentir una caiguda en el silenci que es produeix després de cridar “GUTENBERG!” en alguns llocs. Potser no hauríeu de cridar, però aquest no és el punt. És un dia fred per a l’editor de Gutenberg, o és així?


Quan Gutenberg es va convertir en l’editor de contingut predeterminat de WordPress, molts usuaris, tant principiants com desenvolupadors, eren escèptics. Va ser una transició agònica perquè – canvi. El nou editor significava que els usuaris havien d’aprendre i adaptar-se a una nova manera de crear contingut a WordPress.

És cert que canviar velles maneres és difícil, i és possible que Gutenberg enfrontés una resistència dura al principi. Però les coses han canviat enormement amb el pas del temps. Tot i que molts usuaris estaven perplex al començament, la gent adora ràpidament el nou editor, sobretot quan és tan fàcil d’utilitzar i, el que és més important, s’estén amb plugins..

Gràcies a plugins com Getwid, el tema de la revisió d’avui, podeu sobrecarregar Gutenberg de manera que mai no us heu imaginat abans. I si l’impuls es manté (i ho serà), Gutenberg té un futur molt brillant. Segons la meva opinió, cada cop més usuaris no necessitaran creadors de pàgines de WordPress per crear pàgines i publicacions impressionants.

A la revisió actual, fem una ullada a totes les funcions que fan de Getwid un dels millors complements de Gutenberg que mai trobareu al web. Per mostrar-vos què espereu, testem el connector i passem breument a més de 30 blocs que Getwid aporta a un ja potent editor de Gutenberg.

Amb aquest preàmbul, hi ha una tona a cobrir, així que millor aconseguir ample ella Veieu què vaig fer allà? Haha D’acord, comencem.

Què és Getwid?

Getwid - Blocs de Gutenberg

Les primeres coses primer, què és el que és Getwid? Bé, Getwid és un complement excel·lent que us ajuda a estendre l’editor de Gutenberg en gran temps. Senzill molt? És a dir, és una bella col·lecció de 34 blocs que permeten crear contingut brillant a Gutenberg.

Segons Motopressa, el desenvolupador, Getwid es connecta a Gutenberg perfectament, “… fent menys estressant la vostra transició general a Gutenberg”. Una transició més suau és especialment important per als usuaris que utilitzin per primera vegada. La millor part és que el connector és gratuït per descarregar a WordPress.org, és a dir, podeu colpejar el terreny immediatament.

Getwid segueix el millor Estàndards de codificació de WordPress, oferint la solució perfecta per enriquir el contingut sense excavar el codi. A més, és totalment compatible amb tots els temes de WordPress preparats per Gutenberg, el que significa que no trobareu problemes de incompatibilitat.

A més, Getwid és compatible amb altres complements de Gutenberg de tercers, que us ofereixen més funcions per crear el contingut atractiu que desitgeu. A més, Getwid ofereix una gran quantitat d’opcions que us permeten dissenyar un estil per a cada bloc perquè coincideixi amb la vostra marca i preferències.

Fàcil d’utilitzar blocs de Gutenberg

D’altra banda, el complement és molt fàcil de configurar i d’utilitzar, cosa que significa que no necessiteu cap desenvolupador que us tingui la mà. Tampoc necessiteu coneixement de codificació. A més, Getwid ofereix els últims trucs de rendiment, com la minificació CSS, de manera que podeu crear contingut fantàstic sense preocupar-vos de la velocitat del vostre lloc de WordPress..

Parlant de contingut fantàstic, Getwid t’ajuda a “… crear pàgines de destinació eficients, mostrar pàgines de serveis vibrants, crear carteres atractives”, afegir belles lliscadores, implementar títols fantàstics, mostrar taules de preus i molt més! Us ofereix tots els blocs que necessiteu sobrecarregar “… llocs web d’empresa, startups, projectes creatius i una varietat d’altres nínxols.”

Llista Getwid dels blocs de Gutenberg

Getwid arriba amb un bon nombre de blocs de Gutenberg. Recordeu-ho, també funciona amb blocs bàsics de Gutenberg, el que significa que res no us ha d’impedir de crear contingut impressionant que funcioni per al vostre lloc web. Aquí teniu la llista dels blocs de Gutenberg disponibles a Getwid (Avís: és un LOOONG):

  • Secció
  • Control lliscant de suports i textos
  • Control lliscant d’imatges
  • Icona
  • Quadre d’icones
  • Banner (sí, completat amb animacions – woo hoo!)
  • Acordions
  • Pestanyes
  • Commuta
  • Galeria Pila d’Imatges
  • Google Maps
  • Missatges recents
  • Títol avançat
  • Caixa d’imatges
  • Spacer avançat
  • Enllaços socials
  • Grup de botons
  • Testimoni
  • Caixa de persones
  • Instagram
  • Barra de progrés
  • Barra d’avanç circular
  • Comptador
  • Preu
  • Formulari de contacte
  • Post Carrusel
  • Publica el control lliscant
  • Tipus de publicació personalitzat
  • Llistat de preus
  • MailChimp
  • Popup de vídeo
  • Hotspot d’imatge
  • Compte enrere
  • Cronologia del contingut

Phew, quina llista? I pensar que cadascun dels blocs anteriors inclou una gran quantitat de configuracions, estils i opcions, de manera que podeu dissenyar el contingut de la manera que vulgueu.

Fins ara tan bo, el complement de blocs Getwid Gutenberg sembla molt prometedor.

Ara que ja sabeu amb què estem treballant, instal·leu-nos Getwid i passem per sobre dels diversos blocs. Espero que gaudiu de la següent secció tant com ho vaig fer en provar el connector.

Com instal·lar el connector Getwid Gutenberg Blocks

Si veiem que Getwid està disponible al dipòsit oficial de complements de WordPress, no perdrem temps en descarregar el connector a l’ordinador. En canvi, instal·larem el connector directament des del quadre de comandament d’administració de WordPress.

Sense més detalls, inicieu la sessió al vostre tauler d’administració de WordPress i navegueu a Complements> Afegir nou com us indico a la pantalla de sota.

com instal·lar nou complement de wordpress

A la web Afegiu connectors a la pàgina, introduïu “Getwid” al quadre de cerca de paraules clau i feu clic a la secció Instal·leu Ara com es mostra a continuació.

com instal·lar el complement de getwid gutenberg block per wordpress

Sense perdre ni un segon, feu clic a Activa botó, com ressalto a continuació per finalitzar la instal·lació.

com activar el connector getwid wordpress

I ja està; No vaig mentir quan et vaig dir que configurar Getwid és fàcil ��

Ara, vegem què ofereix Getwid dins de l’editor de Gutenberg. Per saber què hi ha a la botiga, hem de crear una pàgina o una publicació nova. Treballa amb el que desitgis.

Addició d’una pàgina nova

Treballaré amb una pàgina amb finalitats il·lustradores. I també perquè faig servir el venerat tema de WordPress que inclou una plantilla de pàgina de destinació ��

Ara per ara, probablement ja sabeu afegir una pàgina nova a WordPress, però si sou un principiant absolut, aneu a Pàgines> Afegir nous, com es veu a continuació.

afegint una pàgina nova a wordpress

Afegiu el títol de la pàgina i trieu la configuració necessària. Per exemple, si voleu crear una pàgina de destinació d’amplada completa com la vostra, seleccioneu l’opció de l’opció Atributs de la pàgina secció, com es mostra a continuació.

atributs de pàgina a gutenberb

Tingueu en compte que és possible que tingueu diferents opcions a Atributs de la pàgina depenent del vostre tema.

Afegint blocs Getwid Gutenberg

Afegir blocs Getwid és el mateix que afegir blocs típics de Gutenberg. Feu clic a la tecla més (+) botó, desplaçar-se cap avall Getwid Blocs, i tria el bloc que vulguis.

Bloc de secció

Per afegir una secció Getwid, per exemple, només cal afegir-hi Secció com es mostra a continuació.

bloc de secció getwid

Tan senzill com A, B, C. Després d’això, heu de dissenyar / dissenyar la secció que considereu adequada. El bloc de seccions us permet crear belles presentacions de pàgines per secció, sense codificar. Podeu afegir lliscants, imatges de fons, vídeos, paralaxis, animacions, formes, diversos colors, etc. a la vostra secció fàcilment. Per veure una pàgina creada amb blocs de secció, mireu les opcions següents secció demostració.

Com es mostra a la imatge següent, podeu afegir qualsevol bloc dins del bloc de secció. A més, podeu personalitzar la secció com vulgueu.

Configuració del bloc de seccions getwid

A la dreta de la pàgina, tens moltes opcions per personalitzar la secció. Repassarem les opcions breument de dalt a baix.

  • Mida – Estableix aquí les dimensions de la secció. En el moment d’escriure, teniu tres opcions d’amplada, concretament En caixa, Amplada completa,Personalitzat. A més, podeu configurar diferents alçades de secció per a dispositius d’escriptori, tauletes i dispositius mòbils. Finalment, teniu l’opció d’especificar els buits entre els blocs de contingut del bloc de secció.
  • Encoixinament – L’opció us permet configurar el rellotge al voltant de la secció per a dispositius d’escriptori, tauletes i dispositius mòbils.
  • Marge – Afegiu marges al bloc de seccions per a diversos dispositius.
  • Alineació – Aquí, podeu especificar la vertical i l’horitzontal de la vostra secció per a diversos dispositius.
  • Color de fons – Podeu afegir qualsevol color de fons que us agradi a les seccions.
  • Gradient de fons – Aquesta opció us ajuda a crear degradats de fons per a la vostra secció. L’opció és útil si no voleu utilitzar fons de color sòlid.
  • Imatge de fons – Aquí, podeu afegir una imatge de fons a la vostra secció, en lloc d’utilitzar colors.
  • Deslizador de fons – Ara, podeu afegir lliscants de fons a les seccions de la vostra pàgina. Què dolç?
  • Vídeo de fons – Voleu enriquir la vostra secció amb un vídeo de fons? Si és així, Getwid té l’esquena.
  • Primer pla – Afegiu efectes de primer pla a la vostra secció.
  • Divididors – Afegiu divisors entre les vostres seccions
  • Animació d’entrada – Gràcies a Getwid, podeu animar diferents seccions com vulgueu.
  • Avançat – Aquí, podeu afegir una àncora HTML i una classe CSS

Bloc lliscant multimèdia i text

Per afegir un bloc lliscant multimèdia i de text, feu clic a més (+) icona, desplaceu-vos cap a Blocs Getwid i feu clic Control lliscant de suports i textos, com es mostra a continuació.

blocs de control lliscant i de text Getwid

Un cop afegiu el bloc, podeu penjar el material multimèdia i afegir text. A més, podeu personalitzar el bloc de la barra lateral dreta, tal com es mostra a la imatge següent.

Configuració del bloc lliscant de text multimèdia getwid

Aquí, un parell de notes per a les opcions de bloc de text i suports de la barra lateral dreta, com es mostra a dalt:

  • Configuració – A la pestanya Configuració, podeu especificar el número de diapositives, la mida de la imatge, l’alçada del control lliscant, l’amplada del contingut i l’alineació vertical / horitzontal..
  • Color del text – L’opció us permet personalitzar el color del text del vostre lliscant
  • Color de superposició – Podeu definir el color de la superposició i especificar l’opacitat de la superposició
  • Encoixinament – Utilitzeu aquesta opció per afegir facilitat per encoixinar als vostres suports i text lliscant
  • Configuració del control lliscant – Aquí, podeu afegir animació al control lliscant i activar la presentació de diapositives
  • Animació de text – Animeu el text de les vostra barra lliscant
  • Avançat – Afegiu una classe CSS personalitzada perquè pugueu dissenyar més els lliscadors

Aquí teniu un exemple excel·lent bloc lliscant multimèdia i text en acció.

Control lliscant d’imatges

A més del control lliscant de suports i missatges de text, Getwid us ofereix el programa Control lliscant d’imatges bloquejar també. Per fer-ho, aneu a Blocs Getwid i feu clic a Control lliscant d’imatges com es detalla a la captura de pantalla de sota.

control lliscant de la imatge getwid

Un cop heu penjat o afegit imatges de la biblioteca de suports, podeu personalitzar el control lliscant des de la barra lateral dreta, tal com es mostra a continuació.

Configuració del control lliscant de la imatge getwid

A la barra lateral dreta teniu un parell d’opcions de la següent manera:

  • Configuració de la imatge – Des d’aquesta pestanya, podeu triar la mida de la imatge, retallar automàticament les imatges i enllaçar cada imatge amb el fitxer multimèdia o la pàgina adjunt. Això és especialment beneficiós si sou fotògraf i feu servir lliscants d’imatges per mostrar el vostre treball.
  • Configuració del control lliscant – Aquí, podeu especificar el nombre de diapositives que podeu mostrar en diversos dispositius, és a dir, a l’escriptori, al portàtil, a la tauleta i al mòbil.
  • Configuració de control – A sota d’aquesta pestanya, podeu especificar on mostrar les fletxes i punts de navegació.
  • Avançat – Afegeix aquí una classe CSS personalitzada

Per obtenir una imatge millor, aquí teniu un demostració de control lliscant d’imatges per al seu plaer de veure.

Bloc Banner

Un bloc de bàner us permet anunciar al vostre lloc web de WordPress com un cap. Afegir un bloc de bàners és igualment senzill. Desplaceu-vos a Blocs Getwid dins de l’editor de Gutenberg i feu clic a Banner com es mostra a continuació.

bloc de banderes getwid

Un cop afegiu el vostre fitxer multimèdia, obteniu un parell d’opcions, tal com es mostra a la imatge següent.

Configuració del bloc de bàner getwid

Com es pot veure a la imatge superior, podeu afegir un enllaç al vostre banner i obrir l’enllaç en una pestanya nova. A la barra lateral dreta, teniu més opcions per personalitzar els vostres banners. Aquí, podeu personalitzar la mida, l’alineació, els colors i les animacions de la pancarta.

Teniu moltes opcions per crear pancartes atractives per al vostre lloc web. No dubteu en veure-les demostracions de pancartes per gaudir del que podeu crear.

Altres blocs Getwid Gutenberg

Per molt que sigui temptador, no puc cobrir 30 blocs Getwid més a la revisió actual. Si ho fem, estareu tot el dia, ja que l’article es farà massa llarg per llegir-lo.

Tot el mateix, espero que ara pugueu afegir i personalitzar qualsevol bloc Getwid Gutenberg que vulgueu. Tot el que heu de fer és navegar cap a Blocs Getwid i feu clic al bloc que vulgueu. Després d’això, afegiu el vostre contingut i personalitzeu el bloc de la barra lateral dreta tal com vam fer per als altres blocs.

Per veure més exemples de blocs Getwid Gutenberg en acció, visiteu la pàgina Complement Getwid pàgina a MotoPress. A més, aquí hi ha un Conegueu la publicació de Getwid us permet aprofundir en el que ofereix el connector.


Getwid és un potent complement de Gutenberg amb una bonica suite de blocs. A més, cada bloc inclou un conjunt únic d’opcions que permeten crear contingut convincent en molt poc temps.

A més, el connector és increïblement fàcil de configurar i utilitzar. No necessiteu coneixements de codificació ni experiència prèvia per aprofitar el poder de Getwid per impulsar la participació al vostre lloc web.

El complement és de codi 100% gratuït i de codi obert, el que significa que podeu utilitzar-lo i personalitzar-lo àmpliament sense preocupar-vos de la vostra cartera o llicències. És l’eina perfecta per tenir al vostre equip d’eines professional de WordPress.

Espero que ara puguis utilitzar Getwid per donar vida a les teves pàgines i publicacions de WordPress sense haver de suar. Si no, expresseu les vostres preocupacions i suggeriments a la secció de comentaris.

A més d’això, que és el vostre complement de blocs preferits de 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