Divi 3.0 Har en fantastisk frontendbygger for deg WooCommerce Kjøp

Divi er vårt WordPress-tema som er valgt når det gjelder WooCommerce, og den nye Divi 3.0 introduserer en komplett ny "visuell byggherre" (også referert til som en "front-end editor") som er blitt bygget opp igjen fra grunnen av ved å bruke React, et moderne JavaScript-bibliotek for brukergrensesnitt. Denne nye byggherren lar brukere redigere WordPress-sidene sine på fronten av nettstedet sitt ved å bruke enkle og vakre visuelle kontroller. Når du aktiverer byggherren, ser du siden din nøyaktig slik den ser ut på fronten av nettstedet ditt.

Med byggherren aktiv, blir siden imidlertid redigerbar ved hjelp av Divisitt store utvalg av innholdselementer og designinnstillinger. Du kan klikke deg inn i et avsnitt og begynne å skrive, utheve tekst og justere skrift, størrelse og stil, eller åpne innstillingene for ethvert element og endre innhold, utseende og plassering. Det er også enkelt å dra, slippe, endre størrelse, kopiere, lime inn, slette og duplisere elementer.

Siden blir levende og hvert element føles håndgripelig fordi du er i stand til å manipulere alt på naturlige og intuitive måter. Når du gjør en designendring eller legger til nytt innhold på en side, vises disse endringene umiddelbart. Dette er fordi den nye visuelle byggherren ikke er avhengig av tradisjonell lasting, så det er behov for sideoppdateringer eller Ajax-lastelinjer i løpet av de fleste av byggherreopplevelsene. Dette er fremtiden til WYSIWYG.

Legg til nytt innhold fra Divi40+ moduler

Legger til nytt innhold i Divi 3.0 er enkelt. Hold markøren over ønsket sted på siden og klikk på “+” -knappen for å legge til et nytt element. Du blir møtt med en liste over Divi40+ innholdsmoduler som kan brukes til å bygge omtrent hvilken som helst type nettsted. Det er ikke nødvendig å dra og slippe innhold fra en sentral dock fordi Diviverktøytips for innhold er alltid der når du trenger det.

Inline-Editor-en

Tilpass alt enkelt

Den vakre Divi 3.0 blir tydelig når du begynner å justere innholdets design. Alt kan tilpasses, og du kan se at endringene vises i virkeligheten:

  • Velg mellom dusinvis av tilpassede skrifter.
  • Juster tekstfarge, størrelse, linjehøyde og bokstavavstand.
  • Legg til tilpasset polstring og marginer.
  • Endre kolonnestrukturer og rekkehøyder.
  • Legg til bakgrunnsfarger og bilder.
  • Aktiver parallaksebakgrunner og videobakgrunner.
  • Dra, slipp, kopier og lim inn innholdselementer.
  • Bruk forskjellige designinnstillinger for hvert responsivt brytepunkt.
  • Dra for å justere rekkehøyder og bredder.
  • Nyt en vakker redigeringsopplevelse

Når den nye visuelle byggeren er aktiv, kan all tekst på siden redigeres. Det er ikke nødvendig å åpne innstillingene til et element for å justere tekstinnholdet. Bare klikk inn i et hvilket som helst avsnitt og begynn å skrive for å legge til tekst, eller uthev hvilken som helst tekst for å justere skrift, størrelse, stil og avstand. De har laget sin egen inline editor UI som er super jevn og fantastisk å bruke. Hvis du noen gang har blitt frustrert av det travle TinyMCE-grensesnittet, vil du bli hyggelig overrasket når du bruker det Divi 3.0.

Opplev utrolig fart

Divi 3.0s visual builder er sannsynligvis den raskeste online-bygging-opplevelsen du noen gang har brukt. Det er lite eller ingen sideoppdateringer eller Ajax-lastestenger. Faktisk er det ingen tradisjonell lasting av noe slag under det meste av byggeprosessen. Dette er fordi JavaScript driver byggherren, og byggeopplevelsen skjer helt i nettleseren din.

I stedet for å stole på kommunikasjon mellom nettleseren din og serveren din for at endringer skal skje, vil Divi 3.0-byggmester trenger bare å vente på at tiden tar applikasjonen for å beregne hver endring. Når du bruker den med en anstendig datamaskin og en moderne nettleser, vil du oppleve nesten øyeblikkelige oppdateringer når du legger til og justerer innhold. Serverbelastning, serverhastighet og Internett-hastighet er ikke lenger en faktor.

Det "usynlige" og tilpassbare byggegrensesnittet

Passelig-Interface-2

De kodenavnet den nye visuelle byggherrens design til "Invisible Interface." Dette representerer en av deres kjerne designfilosofier, som er at "god design ofte blir ubemerket." Den beste brukergrensesnittet er en som ikke kommer i veien for deg, og en som forutsier dine intensjoner og tilbyr deg løsninger. Dette er hva det betyr for et grensesnitt å være virkelig "intuitivt." Divi 3.0 bombarderer deg ikke med unødvendige rister, linjer og knapper. Det er ingen flytende overskrifter eller sidefelt for å stjele skjermens eiendom eller overlegg for å skjule visjonen din. Når du først laster inn byggherren, vet du kanskje ikke engang at den er der, men når du begynner å utforske siden med musen, blir kontrollene tydelige.

Divi 3.0s visual builder er den første WordPress-sidebyggeren som tilbyr et tilpassbart grensesnitt. Dette betyr at du ikke blir tatt med i visse UI-konvensjoner når det gjelder hvordan byggherrens kontroller vises. Du kan velge at disse innstillingene skal vises i en modal popup, eller du kan knipse popupen til siden av siden og gå inn i "sidefelt" -modus. Du kan justere
popup og sidefeltets størrelse og plassering slik at du kan optimalisere plassen din basert på størrelsen på skjermen eller innholdet på siden din.

Catalin Zorzini

Jeg er en webdesignblogger og startet dette prosjektet etter å ha brukt noen uker på å slite med å finne ut hvilket den beste e-handelsplattformen for meg selv. Sjekk ut strømmen min topp 10 e-handel byggherrer.