Noves Funcions en:

Fons i Degradats, Formularis de Contacte, Animacions, Ombres, Fonts i Textos

Crea Pàgines Web Més Espectaculars

Utilitza Tota la Potència de Divi Builder i el seu Constructor Visual

 

Des de l’Arribada de Divi 3.0 el Setembre de 2016 amb el seu potent Constructor Visual, moltes han estat les millores que han anat arribant a l’exitós Tema d’Elegant Themes, millorant dia a dia la seva facilitat d’utilització i ampliant la seva potència i funcionalitats a l’hora de crear Pàginas Web Premium.

Les Noves Funciones afecten a diferents aspectes de Divi, aquí les descriurem en el mateix ordre cronològic en què han anat apareixent.

 

En aquest article veurem les 6 primeres actualitzacions de Noves Funcions, que afecten els següents apartats:

  • Nova Interface d’opcions de Fons i Degradats.
  • Nou Formulari de Contacte amb més opcions, lògica condicional i validació de camps.
  • Opcions d’Animacions Avançades per a tots els Mòduls, Files i Seccions de Divi.
  • Controls d’Ombres en Caixes per a tots els Mòduls, Files i Seccions.
  • Millores en opcions de Fonts, controls de Capçalera i innombrables opcions de Disseny de Text.
  • Noves opcions per afegir fàcilment impressionants Ombres de Text en qualsevol mòdul.

El següent vídeo mostra una introducció al Tema Divi 3.0 realitzada per Nick d’Elegant Themes.

 


 

1. Nova Interface d’Opcions de Fons

Nuevas Funciones en Diseño Web en Divi 3.0

  • Gestió de fons més fàcil

Les seccions, files, columnes i mòduls de Divi tenen moltes opcions de fons. Anteriorment, aquestes opcions per colors de fons, imatges i vídeos, incloses les configuracions secundàries per modes de paral-laxi, imatge de fons, mides de vídeo i transparència de color es trobaven en una llarga llista dins de la pestanya Disseny. La gran quantitat de configuracions dificultava la navegació, i sovint, no quedava clar quins estils de fons hi havia habilitats i la prioritat visual d’aquests estils de fons.

Amb la Nova Interface d’Opcions, tenim tots els paràmetres de fons de Divi organitzats en un nou i elegant sistema de pestanyes. Aquesta nova interface ofereix una vista prèvia de cada estil de fons i deixa clar quins estils s’han habilitat i com interactuen entre sí.

 

  • Fons de Degradats

Dins de la nova interface d’opcions de fons hi ha un nou estil de fons: Degradats de Fons. Ara pots crear bonics degradats amb facilitat utilitzant el nou conjunt d’opcions de degradats del constructor. Escull els colors, tria l’estil de degradat, ajusta l’angle i llest! Hi ha infinitat de formes genials per combinar degradats i crear dissenys divertits i vibrants.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Controls d’Imatge de Fons

Dins de la pestanya de la Imatge de Fons de la nova interface d’opcions de fons hi ha algunes opcions d’imatge completament noves que et brinden més control sobre la mida, la posició i l’estil de les imatges de fons. Ara pots controlar la mida de fons, la posició i el valor de repetició de totes les imatges de fons.

També s’ha afegit suport per als modes de mescla de CSS. Quan afegeixes una imatge de fons, ara pots canviar entre diferents maneres de fusió que canviaran la forma en què la imatge interactua amb el color de fons o el degradat darrere d’ella. La combinació de maneres de barreja amb degradats de fons pot crear alguns resultats força sorprenents.

Nuevas Funciones en Diseño Web en Divi 3.0

 


 

2. Nou Formulari de Contacte

  • Nous tipus d’entrada

El Nou Mòdul de Formulari de Contacte ara conté tots els tipus d’entrada que necessites, inclosos els menús desplegables, les caselles de verificació i els botons d’opció, i la nova interface facilita la gestió d’elements secundaris dins d’aquests nous tipus de camps. Afegeix i treu elements desplegables i botons d’opció amb facilitat i fins i tot tria quins elements han de ser pre-seleccionats.

 

CASELLES DE VERIFICACIÓ

Nuevas Funciones en Diseño Web en Divi 3.0

 

MENÚS DESPLEGABLES

Nuevas Funciones en Diseño Web en Divi 3.0

 

BOTONS D’OPCIÓ

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Lògica condicional

S’han implementat Opcions de Lògica Condicional en el mòdul de Formulari de Contacte que permeten mostrar i amagar camps en funció de la informació que seleccionen els usuaris. Per exemple, pots crear un formulari de pressupost de Disseny Web Dinàmic utilitzant la lògica condicional que mostra camps addicionals quan els usuaris seleccionen certs paquets de Disseny Web. Si el visitant tria l’opció d’eCommerce, automàticament mostrarà camps addicionals per sol·licitar més informació sobre el seu negoci. El sistema de lògica condicional és molt robust i permet barrejar i combinar diverses regles per crear gairebé qualsevol combinació que puguis imaginar.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Validació de camps

Nuevas Funciones en Diseño Web en Divi 3.0

Cada tipus d’entrada ara inclou Regles de Validació de Camps que pots fer servir per assegurar-te que la informació que els visitants introdueixen està formatada correctament, com restringir caràcters a lletres i números. També pots definir longituds mínima i màxima per a camps d’entrada estàndard.

Hi ha moltes situacions en què és possible que vulguis imposar límits de caràcters o Validar les Dades que els visitants introdueixen per assegurar-te que estiguin formatats correctament. Això pot reduir l’error de l’usuari i identificar errors d’auto-completar. Per exemple, si preguntes per l’edat d’algú, pots requerir que l’entrada de les dades de l’usuari només contingui números. També podries imposar un límit de caràcters de 3 ja que cap tindrà 1,000 anys.

 

 


 

3. Animacions Avançades

  • Combina animacions per crear efectes impressionants

Tots els elements de Divi ara tenen Opcions d’Animació, el que significa que pots combinar estils d’animació entre diferents Mòduls, Files i Seccions per crear seqüències d’animació increïbles que faran que els teus visitants es quedin bocabadats.

Els elements animats es poden combinar per crear belles sèries d’animació utilitzant demores i intensitats escalonades per crear efectes realment enlluernadors.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Set estils únics d’animació

El nou sistema d’animació ve amb Set Estils d’Animació Diferents, inclosos Fade, Slide, Bounce, Zoom, Flip, Fold i Roll. Cada estil d’animació diferent crea un efecte únic que es pot fer servir per a diferents tipus de contingut i cada estil es pot personalitzar amb els Controls Avançats d’Animació. Pots fer que les animacions siguin ràpides, àgils o lentes i subtils, ajustar el temps, afegir demores, canviar la direcció i crear el conjunt perfecte d’animacions per a la teva pàgina.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Controls avançats per a cada estil d’animació

Nuevas Funciones en Diseño Web en Divi 3.0Les animacions són Altament Personalitzables gràcies a la nova interface d’animacions, que et permet crear estils d’animació personalitzats que s’adapten a la teva Pàgina Web.

Una de les opcions d’animació úniques de Divi és el seu Botó Lliscant de Intensitat Personalitzat. Aquesta opció et permet transformar ràpidament la intensitat de la teva animació de subtil a agressiva, el que et permet triar la personalitat de les teves animacions. Simplement llisca el control lliscant i Divi fa tots els càlculs en el fons per a tu! Tots hem vist llocs web amb extravagants animacions que estan totalment fora de control, però amb Divi pots atenuar fàcilment les teves animacions i trobar aquesta transició perfectament serena.

També hi ha moltes altres opcions que et brinden un control total sobre el teu estil d’animació. En total, hi ha set opcions diferents que pots utilitzar per ajustar la teva animació.

 

 


 

4. Controls d’Ombres en Caixes

  • Control personalitzat complet

Els nous Controls d’Ombres en Caixes et donen la capacitat de dissenyar fàcilment meravellosos efectes d’ombres i aplicar-los a qualsevol mòdul, fila o secció a la teva pàgina. Pots crear ombres personalitzades utilitzant els nous controls d’ombrejat de quadre, o pots seleccionar ràpidament entre molts estils d’ombrejat prefabricats i aplicar-los a qualsevol element amb un sol clic.

Qualsevol mòdul, fila i secció en Divi Builder ara té un conjunt complet d’opcions d’ombrejat de quadre. Pots controlar el color de l’ombra de la caixa, la posició, el desenfocament, la força i controlar l’inici i final de les ombres. Crear i personalitzar aquestes ombres és molt divertit en Visual Builder.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Dissenys predefinits fàcils d’utilitzar

A més de crear els teus propis estils d’ombrejat de caixa, pots triar entre diversos pre-ajustos. Aquests set estils et permeten aplicar ràpidament tots els efectes d’ombrejat de caixa més comuns amb un sol clic. Un cop aplicat, l’ombra es pot personalitzar encara més utilitzant el conjunt complet de controls.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Aplicar impressionants efectes d’ombra en qualsevol element Divi

La nova interface de Divi Builder fa que sigui fàcil crear ombres elegants i aplicar-les a qualsevol mòdul, fila o secció. Tot en Divi Builder pot tenir ombres de caixa afegides! És sorprenent la quantitat de maneres creatives en què es pot aplicar aquest conjunt de controls a diferents mòduls per a crear estils nous i interessants.

Nuevas Funciones en Diseño Web en Divi 3.0

Nuevas Funciones en Diseño Web en Divi 3.0

 


 

5. Millores en Fonts, Encapçalats i Textos

  • La nova interface d’opcions de fonts

La Nova Interface per a Administrar Fonts a Divi Builder està plena de noves fonts, noves funcions i una experiència d’usuari millorada.
.

S’han quadruplicant les fonts disponibles a Divi de 200 a 800! A més d’aquesta llista estàtica de 800 Fonts, també pots afegir la teva clau API de Google a les Opcions de Divi Theme que mantindran la llista de fonts actualitzada diàriament. Cada vegada que s’afegeix una nova font de Google, es mostrarà automàticament en Divi Builder! Aquestes noves fonts obren infinitat d’oportunitats noves per dissenyar pàgines úniques i impressionants.

Nuevas Funciones en Diseño Web en Divi 3.0

Les principals opcions de la nova interface de fonts són les següents:

  • Cerca Senzilla en la llista de fonts.
  • Accés Ràpid a les fonts utilitzades recentment.
  • Vista en Viu de la font al seleccionar-la en la llista.
  • Càrrega i Administració de Fonts Personalitzades.
  • Noves opcions d’Estil de Font.
  • Millors opcions del Gruix de la Font.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Control individual dels nivells de capçalera H1-H6

Ara es poden Controlar els Nivells de Capçalera per a tots els mòduls i aplicar estils personalitzats als encapçalats H1-H6.

Pots crear Estils de Disseny Personalitzats per a cada Nivell de Capçalera a Divi Builder, assignant fonts personalitzades, mides de text i estils de font a H1, H2, H3, H4, H5 i H6 de forma independent. Això fa que els títols personalitzats siguin molt més útils i pràctics quan es fan servir dins el mòdul de text Divi.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Innombrables noves opcions de disseny per als mòduls de text

S’han agregat Dotzenes de Noves Opcions de Disseny al mòdul de text per brindar un major control sobre els elements de text estàndard.

El Mòdul de Text Divi té una nova interface amb pestanyes per gestionar estils de text personalitzats, inclosos els controls per paràgrafs estàndard, cites, llistes i enllaços. Ara pots controlar estils sense haver d’aplicar HTML personalitzat o CSS en línia utilitzant l’editor de text.

Nuevas Funciones en Diseño Web en Divi 3.0

 


 

6. Opcions d’Ombrejat de Textos

  • La nova interface d’ombra de textos

Afegir i personalitzar Ombres de Textos és més fàcil que mai gràcies als ajustos preestablerts d’ombres de Divi i a una gamma completa de controls d’ombra de text. El Divi Builder està equipat amb una nova interface per a controlar les ombres de text en cada mòdul, i aquesta nova interface es pot trobar en tots els grups d’opcions de text.

Afegir grans ombres de text a la teva pàgina és molt simple gràcies als dissenys predefinits d’ombra que es poden aplicar a qualsevol element de text amb un sol clic. S’han pre-dissenyat 5 estils únics d’ombrejat de text que funcionen molt bé amb qualsevol mida de text. Aquests estils són punts de partida perfectes i es poden personalitzar encara més utilitzant el conjunt complet de controls d’ombra de text.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Completament personalitzable

Tots els Mòduls Divi s’han actualitzat amb un conjunt complet d’Opcions d’Ombra de Textos, cadascuna de les quals es pot gestionar dins de la nova interface Text Shadow. Tots els aspectes d’aquestes ombres són personalitzables, inclosa la posició, la intensitat del desenfocament i el color, i la creació d’ombres personalitzades al Visual Builder és una experiència veritablement meravellosa mentre observes com es mouen les ombres i com es transformen davant els teus ulls.

Nuevas Funciones en Diseño Web en Divi 3.0

 

  • Funciona amb tots els mòduls

La nova interface d’ombra de text està Disponible per a Tots els Mòduls i les ombres de text es poden aplicar i personalitzar per a cada element de text individual.

Nuevas Funciones en Diseño Web en Divi 3.0

 


 

És evident que l’equip d’Elegant Themes ha treballat molt dur per poder oferir-nos totes aquestes actualitzacions, disponibles per a la seva utilització d’una manera fàcil i divertida al Constructor Visual de Divi.

Gràcies a aquestes eines, podràs crear Pàgines Web Espectaculars i Professionals, amb elements visuals fàcilment configurables i tot sense haver d’escriure ni una línia de codi HTML o CSS.

En el proper article sobre Noves Funcions, veurem millores relacionades amb Vores, Filtres de Colors, Sistema d’Ajuda, Pre-dissenys de Divi i Divisors.