Divi 3.0 Nagtatampok ng isang Kamangha-manghang Front End Builder para sa Iyo WooCommerce tindahan

Kung nag-subscribe ka sa isang serbisyo mula sa isang link sa page na ito, maaaring makakuha ng komisyon ang Reeves and Sons Limited. Tingnan ang aming pahayag ng etika.

Divi ang aming tema ng pagpili ng WordPress pagdating sa WooCommerce, at ang bago Divi 3.0 nagpapakilala ng isang kumpletong bagong "visual builder" (na tinukoy din bilang isang "front-end editor") na muling itinayo mula sa ground up gamit ang React, isang modernong library ng JavaScript para sa mga interface ng gumagamit. Pinapayagan ng bagong tagabuo na ito ang mga gumagamit na mai-edit ang kanilang mga pahina sa WordPress sa front-end ng kanilang website gamit ang simple at magandang visual control. Kapag naaktibo mo ang tagabuo, nakikita mo ang iyong pahina nang eksakto sa lilitaw sa harap-dulo ng iyong website.

Gayunpaman, sa aktibo ng tagabuo, maaaring mai-edit ang pahina gamit ang Divimalawak na hanay ng mga elemento ng nilalaman at mga setting ng disenyo. Maaari kang mag-click sa isang talata at simulang mag-type, i-highlight ang teksto at ayusin ang font, laki at istilo nito, o buksan ang mga setting para sa anumang elemento at baguhin ang nilalaman, hitsura at pagpoposisyon nito. Ang pag-drag, pag-drop, pagbabago ng laki, pagkopya, pag-paste, pagtanggal at pagdoble ng mga elemento ay madali din.

Nagiging buhay ang pahina at nararamdaman ng bawat elemento dahil sa kaya mong manipulahin ang lahat sa natural at intuitive na paraan. Kapag gumawa ka ng pagbabago sa disenyo o nagdaragdag ng bagong nilalaman sa isang pahina, lilitaw kaagad ang mga pagbabagong ito. Ito ay dahil ang bagong visual builder ay hindi umaasa sa tradisyunal na paglo-load, kaya kailangan ng mga pag-refresh ng pahina o mga Ajax loading bar sa panahon ng karamihan ng karanasan sa builder. Ito ang kinabukasan ng WYSIWYG.

Magdagdag ng Bagong Nilalaman Mula sa Divi40+ Mga Modyul

Pagdaragdag ng bagong nilalaman sa Divi 3.0 ay simple. Mag-hover sa iyong ninanais na lokasyon sa pahina at i-click ang pindutang "+" upang magdagdag ng isang bagong elemento. Sinalubong ka ng isang listahan ng Divi40+ mga module ng nilalaman na maaaring magamit upang makabuo ng halos anumang uri ng website. Hindi na kailangang i-drag at i-drop ang nilalaman mula sa isang gitnang pantalan dahil DiviAng tooltip ng nilalaman ay laging nandiyan kapag kailangan mo ito.

Inline-Editor-1

Madaling Ipasadya ang Lahat

Ang kagandahan ng Divi Nagiging maliwanag ang 3.0 kapag sinimulan mong ayusin ang disenyo ng iyong nilalaman. Maaaring ipasadya ang lahat at makikita mong lilitaw ang mga pagbabagong iyon sa real time:

  • Pumili mula sa dose-dosenang mga pasadyang mga font.
  • Ayusin ang kulay ng teksto, laki, taas ng linya at spacing ng titik.
  • Magdagdag ng pasadyang padding at mga margin.
  • Baguhin ang mga istruktura ng haligi at taas ng hilera.
  • Magdagdag ng mga kulay sa background at larawan.
  • Paganahin ang mga background na paralaks at mga background ng video.
  • I-drag, i-drop, kopyahin at i-paste ang mga elemento ng nilalaman.
  • Maglapat ng iba't ibang mga setting ng disenyo para sa bawat isa responsive breakpoint.
  • I-drag upang ayusin ang taas at lapad ng hilera.
  • Masiyahan sa Isang Magandang Inline na Karanasan sa Pag-edit

Kapag ang bagong tagabuo ng visual ay aktibo, ang lahat ng teksto sa pahina ay maaaring mai-e-edit. Hindi na kailangang buksan ang mga setting ng isang elemento upang ayusin ang nilalaman ng teksto. Mag-click lamang sa anumang talata at simulang mag-type upang magdagdag ng teksto, o i-highlight ang anumang teksto upang ayusin ang font, laki, istilo at spacing nito. Lumikha sila ng kanilang sariling inline editor UI na napakakinis at kamangha-manghang gamitin. Kung sakaling nabigo ka ng karaniwang abala na interface ng TinyMCE, ikaw ay magiging sorpresa na magulat kapag gumamit ka Divi 3.0.

Karanasan ang Hindi Kapani-paniwalang Bilis

Divi Ang tagabuo ng visual ng 3.0 ay marahil ang pinakamabilis na karanasan sa pagbuo ng online website na iyong ginamit. Mayroong kaunti sa walang pag-refresh ng pahina o mga pag-load ng bar ng Ajax. Sa katunayan, walang tradisyunal na paglo-load ng anumang uri sa panahon ng karamihan sa proseso ng pagbuo. Ito ay sapagkat pinapagana ng JavaScript ang tagabuo at ang karanasan sa pagbuo ay ganap na nangyayari sa iyong browser.

Sa halip na umasa sa komunikasyon sa pagitan ng iyong browser at ng iyong server para sa mga pagbabago na magaganap, ang Divi Ang 3.0 builder ay kailangan lamang maghintay para sa oras sa tumatagal ng application upang makalkula ang bawat pagbabago. Kapag ginamit sa isang disenteng computer at isang modernong browser, makakaranas ka ng halos instant na mga pag-update habang nagdaragdag at nag-aayos ng nilalaman. Ang iyong pag-load ng server, bilis ng server at bilis ng Internet ay hindi na isang kadahilanan.

Ang "Hindi Makikita" at Nako-customize na Builder Interface

Nako-customize-Interface-2

Pinangalanan nila ang code na ang disenyo ng bagong tagabuo ng visual na "Invisible Interface." Kinakatawan nito ang isa sa kanilang mga pangunahing pilosopiya sa disenyo, na kung saan ang "mahusay na disenyo ay madalas na napapansin." Ang pinakamahusay na UI ay isa na hindi nakakaabala sa iyong paraan, at isa na hinuhulaan ang iyong mga hangarin at nag-aalok sa iyo ng mga solusyon. Ito ang ibig sabihin para sa isang interface na maging tunay na "intuitive." Divi 3.0 ay hindi bombard ka ng hindi kinakailangang mga grids, mga linya at mga pindutan. Walang mga lumulutang na header o sidebars upang nakawin ang iyong screen real estate o mga overlay upang takpan ang iyong paningin. Kapag na-load mo muna ang tagabuo, maaaring hindi mo rin alam na nandiyan ito, ngunit kapag nagsimula kang tuklasin ang pahina gamit ang iyong mouse ang mga kontrol ay maliwanag.

Divi Ang visual builder ng 3.0 ay ang unang tagabuo ng pahina ng WordPress na nag-aalok ng isang napapasadyang interface. Nangangahulugan ito na hindi ka napapikon sa ilang mga koneksyon sa UI pagdating sa kung paano ipinakita ang mga kontrol ng tagabuo. Maaari mong piliing ipakita ang mga setting na ito sa isang modal popup, o maaari mong i-snap ang popup na iyon sa gilid ng pahina at ipasok ang mode na "sidebar". Maaari mong ayusin
ang laki at posisyon ng popup at sidebar upang ma-optimize mo ang iyong puwang batay sa laki ng iyong screen o sa nilalaman sa iyong pahina.

Comments 0 Responses

Mag-iwan ng Sagot

Ang iyong email address ay hindi nai-publish.

Marka *

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.