Divi 3.0 Beskik oor 'n ongelooflike Front End Builder vir u WooCommerce Winkel

Divi is ons WordPress-tema wat gekies word WooCommerce, en die nuwe Divi 3.0 stel 'n volledige nuwe 'visuele bouer' (ook '' redakteur '') voor, wat van die grond af herbou is met behulp van React, 'n moderne JavaScript-biblioteek vir gebruikerskoppelvlakke. Hierdie nuwe bouer stel gebruikers in staat om hul WordPress-bladsye aan die voorkant van hul webwerf te wysig met behulp van eenvoudige en pragtige visuele kontroles. As u die bouer aktiveer, sien u u bladsy presies soos op die voorkant van u webwerf.

Met die bouer aktief, kan die bladsy egter met behulp van Divise groot verskeidenheid inhoudelemente en ontwerpinstellings. U kan in 'n paragraaf klik en begin tik, teks uitlig en die lettertipe, grootte en styl daarvan aanpas, of die instellings vir enige element oopmaak en die inhoud, voorkoms en posisie daarvan verander. Om elemente te sleep, te laat val, te verander, te kopieer, te plak, te verwyder en te dupliseer, is ook maklik.

Die bladsy word lewendig en elke element voel tasbaar omdat u alles op natuurlike en intuïtiewe maniere kan manipuleer. As u 'n ontwerpverandering aanbring of nuwe inhoud op 'n bladsy voeg, verskyn hierdie veranderinge onmiddellik. Dit is omdat die nuwe visuele bouer nie op tradisionele laai staatmaak nie, dus is daar 'n behoefte aan bladsyverfrissings of Ajax-laaibalke gedurende die grootste deel van die bouer-ervaring. Dit is die toekoms van WYSIWYG.

Voeg nuwe inhoud by vanaf Divise 40+ modules

Voeg nuwe inhoud in Divi 3.0 is eenvoudig. Beweeg oor die gewenste plek op die bladsy en klik op die "+" - knoppie om 'n nuwe element by te voeg. U word begroet met 'n lys van DiviDie 40+ inhoudsmodules wat gebruik kan word om bykans enige webwerf te bou. Dit is nie nodig om inhoud vanaf 'n sentrale beskuldigdebank te sleep en neer te sit nie DiviDie inhoudstip is altyd beskikbaar as u dit benodig.

Inline-redakteur-1

Pas alles maklik aan

Die skoonheid van Divi 3.0 word duidelik wanneer u die ontwerp van u inhoud begin aanpas. Alles kan aangepas word en u kan sien dat die veranderinge verskyn in real time:

  • Kies uit dosyne aangepaste lettertipes.
  • Pas tekskleur, -grootte, lynhoogte en letterafstand aan.
  • Voeg pasgemaakte vulling en marges by.
  • Verander kolomstrukture en ryhoogtes.
  • Voeg agtergrondkleure en -prente by.
  • Aktiveer parallax-agtergronde en video-agtergronde.
  • Sleep, laat val, kopieer en plak inhoudelemente.
  • Pas verskillende ontwerpinstellings toe vir elke responsiewe breekpunt.
  • Sleep om ryhoogtes en -wydtes aan te pas.
  • Geniet 'n pragtige inline-bewerkingservaring

Wanneer die nuwe visuele bouer aktief is, kan die teks op die bladsy veranderbaar wees. Dit is nie nodig om die instellings van 'n element oop te maak om die teksinhoud aan te pas nie. Klik eenvoudig in enige paragraaf en begin tik om teks by te voeg, of merk enige teks uit om die lettertipe, grootte, styl en spasiëring aan te pas. Hulle het hul eie gebruikersinterface vir inline-redakteurs geskep wat super glad en wonderlik is om te gebruik. As u ooit gefrustreer was deur die standaard besige TinyMCE-koppelvlak, sal u aangenaam verras wees as u dit gebruik Divi 3.0.

Ervaar ongelooflike spoed

Divi 3.0 se visuele bouer is waarskynlik die vinnigste aanlyn-ervaring van webwerwe wat u ooit gebruik het. Daar is min of geen bladsyopdaterings of Ajax-laaibalke nie. In werklikheid is daar gedurende die grootste deel van die bouproses geen tradisionele laai nie. Dit is omdat JavaScript die bouer van krag voorsien en die bouervaring geheel en al in u blaaier voorkom.

In plaas daarvan om op kommunikasie tussen u blaaier en u bediener staat te maak vir veranderinge, kan die Divi 3.0-bouer hoef net te wag totdat die tyd die aansoek neem om elke verandering te bereken. As u dit met 'n ordentlike rekenaar en 'n moderne blaaier gebruik, sal u byna onmiddellike opdaterings ervaar wanneer u inhoud byvoeg en aanpas. U bedienerbelasting, bedienerspoed en internetsnelheid is nie meer 'n faktor nie.

Die 'onsigbare' en aanpasbare bouvlak-koppelvlak

Aanpas-Interface-2

Hulle het die ontwerp van die nuwe visuele bouer met die kode 'Invisible Interface' genoem. Dit verteenwoordig een van hul kernontwerpfilosofieë, naamlik dat 'goeie ontwerp dikwels ongesiens verbygaan'. Die beste gebruikersinterface is een wat u nie kan belemmer nie, en een wat u voornemens voorspel en oplossings bied. Dit is wat dit beteken dat 'n koppelvlak 'intuïtief' is. Divi 3.0 bombardeer jou nie met onnodige roosters, lyne en knoppies nie. Daar is geen drywende opskrifte of sybalkies om u vaste eiendom of oortrekke te steel om u visie te verduister nie. Wanneer u die bouer die eerste keer laai, weet u miskien nie eers dat dit daar is nie, maar wanneer u die bladsy met u muis begin verken, word die bedieningselemente duidelik.

Divi 3.0 se visuele bouer is die eerste WordPress-bladsybouer wat 'n aanpasbare koppelvlak bied. Dit beteken dat u nie ingeskakel is in sekere UI-konvensies as dit gaan om die bedieningselemente van die bouer nie. U kan kies om hierdie instellings in 'n modale pop-up te laat verskyn, of u kan die pop-up aan die kant van die bladsy klik en in die "sidebar" -modus gaan. U kan aanpas
die pop-up en sybalk se grootte en posisie, sodat u u ruimte kan optimaliseer op grond van die grootte van u skerm of die inhoud op u bladsy.

Catalin Zorzini

Ek is 'n webontwerpblogger en het hierdie projek begin nadat ek 'n paar weke lank gesukkel het om uit te vind wat dit is die beste e-handelsplatform vir myself. Kyk na my stroom top 10 e-handelaars vir e-handelaars.