ĀæQuĆ© son los Divi Layouts?
Hace ya mĆ”s de 1 aƱo que desde Elegant Themes se comprometieron a entregar DiseƱos Predefinidos para Divi a razĆ³n de por lo menos 1 pack de varios Divi layouts a la semana.
ĀæY cuĆ”l es el resultado a dĆa de hoy?
Pues ni mƔs ni menos que mƔs de 650 divi layouts (organizados en 85+ packs para webs de todo tipo) disponibles para que puedas crear tu web con Divi de la manera mƔs sencilla y rƔpida que puedas imaginar.
Si eres miembro de Elegant Themes y usas la plantilla Divi, ya tienes acceso directo y gratuito a cientos de increĆbles diseƱos con acabado profesional desde tu panel del Divi Builder.
Crear tu web a partir de ahora va a ser coser y cantar. Tan solo tienes que elegir quĆ© layout deseas segĆŗn sea tu nicho de mercado o proyecto y descargarlo en 1 click.
Estos layouts o diseƱos preparados no tienen restricciones de uso. Puedes incluso usar las imƔgenes que aparecen en tus proyectos comerciales, ya que son libres y gratuitas.
En Elegant Themes se han tomado muy en serio esta labor de creaciĆ³n de layouts para Divi e incluso han creado un departamento de diseƱo especialmente dedicado a construir los mejores diseƱos para Divi, con fotos y grĆ”ficos originales. Todo para la comunidad Divi, la mĆ”s cuidada y mimada en el mundo de los themes para WordPress.
Como usuario de Divi, obtendrĆ”s mucho mĆ”s que una simple herramienta de diseƱo. ObtendrĆ”s una completa soluciĆ³n de diseƱo que harĆ” que elaborar tus pĆ”ginas sea mĆ”s rĆ”pido y sencillo que nunca (tanto las tuyas como las de tus clientes si los tienes).
PrepƔrate a recibir cada semana un constante fluir de packs con diseƱos predefinidos para Divi totalmente profesionales y construidos por los mejores expertos.
Como miembro de Elegant Themes obtendrĆ”s estos diseƱos ya hechos para Divi de modo totalmente gratuito. Tan solo tienes que ir a tu Divi Builder y los verĆ”s todos ahĆ, listos para ser descargados. Puedes buscar el que quieras fĆ”cilmente ya que estĆ”n agrupados en categorĆas y ademĆ”s puedes hacer la bĆŗsqueda por palabras clave relativas a tu proyecto o negocio.
El equipo de diseƱo de Divi ha ido creciendo considerablemente con el tiempo. Este nuevo equipo de sorprendentes diseƱadores y fotĆ³grafos trabajan juntos para crear cientos de Divi layout packs y miles de recursos de diseƱo adecuados para montones de nichos de mercado.
Como podrƔs comprobar por ti mismo, estos layouts de Divi estƔn elegantemente diseƱados por expertos en Divi.
Ā”Ćnete ya a la Comunidad y Disfruta de Divi en EspaƱol!
[wd_hustle id=Ā»colectademailsETĀ» type=Ā»embeddedĀ»/]
Packs de Divi Layouts: DiseƱos completos para web
Los packs de diseƱo son precisamente eso mismo. Los Divi layouts son lanzados como packs completos para web, que incluyen pƔgina de inicio, landing page, pƔgina Sobre Nosotros, pƔgina de Contacto, etc.
Y lo mejor es que todos esos diseƱos son coherentes en cuanto al estilo y ademĆ”s vienen con fotos e imĆ”genes originales y a tu disposiciĆ³n, sin restricciones de licencias. Dichas fotos e ilustraciones han sido realizadas por fotĆ³grafos expertos para Elegant Themes en colaboraciĆ³n con el equipo de diseƱo, para conseguir asĆ un equilibrio perfecto entre texto, colores e imĆ”genes.
Esas fotos son Ćŗnicas y mucho mejores que esas de pago tan caras y horribles que seguramente estĆ©s usando ahora
Sin duda estos packs son la soluciĆ³n perfecta para crear tu web en un momento.
Como ya hemos dicho antes. Las fotos que vienen en los Divi Layouts no tienen restricciones de licencia, lo cual quiere decir que no tienes que pagar nada por usarlas. Eres libre de incluirlas en tus proyectos comerciales sin pagar nada y sin atribuciones al fotĆ³grafo. Puedes usarlas en tu blog, venderlas en tu Divi Child Themes o incluirlas en tus propios Divi Layouts.
Esto es sin duda un gran regalo de Elegant Themes hacia sus usuarios, pues todos sabemos lo difĆcil que es encontrar buenas fotos y lo confuso que pueden ser los temas de licencias, atribuciones de propiedad, etc.
La entrega semanal de diferentes packs de diseƱos predefinidos para Divi ha sido una iniciativa de Elegant Themes de gran Ć©xito entre los webmasters. Los Divi Layouts se han convertido en un activo muy importante entre la numerosa comunidad de usuarios de Divi. A dĆa de hoy la comunidad de Divi es la mĆ”s importante en la web.
Pero, ĀæQuĆ© es lo que hace que estos Divi Layouts o diseƱos de divi pre-definidos sean tan buenos? O dicho de otro modo, ĀæQuĆ© caracterĆsticas debe tener un layout para ser bueno?
Como usuario de Divi, es interesante entender lo que hay detrĆ”s de un buen pack de layouts, para asĆ saber lo que buscar y sacar el mĆ”ximo partido del pack elegido. Esto tambiĆ©n es muy interesante para los diseƱadores que desean crear sus propios layouts para Divi.
Ā”Aprende a usar los Divi Layouts y crea increĆbles webs profesionales en cuestiĆ³n de minutos!
[wd_hustle id=Ā»colectademailsETĀ» type=Ā»embeddedĀ»/]
CaracterĆsticas de los diseƱos predefinidos Divi
Para empezar nos fijaremos en la principal necesidad que estos layouts satisfacen: El diseƱo.
Resuelven problemas reales de diseƱo para nichos especĆficos de mercado.
Un buen diseƱo es extremadamente difĆcil de crear y puede llevar mucho tiempo. AsĆ que si eres propietario de un negocio, blogger, etc… y no tienes mucho tiempo ni experiencia con el diseƱo, necesitas un layout o diseƱo ya hecho de manera que no tengas que hacer prĆ”cticamente nada salvo instalarlo en un click y en todo caso personalizarlo un poco.
Los buenos layouts han sido creados para satisfacer las necesidades de diseƱo que tienen los usuarios en sus webs. Tanto si es una galerĆa de fotos para un artista, una landing page para un dentista o un blog para marketing de afiliados, los diseƱos predefinidos son creados para un usuario especĆfico. Han sido hechos buscando un diseƱo que funcione para sus usuarios.
El mayor problema al que se enfrentan las personas que no tienen una web, no es el hecho de no tener la web (cualquiera puede poner unas pocas pĆ”ginas en Internet), sino que no tienen una web efectiva. Un pack de layouts diseƱados para un sector especĆfico resuelve el problema.
Es necesario que el diseƱo de los layouts sea sobresaliente. Los colores deben funcionar bien juntos, las imƔgenes deben ser relevantes y bellas, el espaciado debe ser consistente en todo el diseƱo, las fuentes deben encajar con el diseƱo, etc. El diseƱo siempre estƔ mejor en manos de profesionales y los diseƱos predefinidos de Divi han sido creados por los mejores.
Una vez que tenemos claro que un buen diseƱo es quizƔs el aspecto mƔs importante de los layouts, es hora de hablar sobre lo que debe incluir un buen pack de layouts.
Ā”Ćnete ya a la Comunidad y Disfruta de Divi en EspaƱol!
ĀæQuĆ© debe incluir un buen pack de layouts?
Estas son algunas de las principales caracterĆsticas que los buenos packs de diseƱos predefinidos han de tener y por supuesto que los divi layout packs las cumplen todas.
1. Debe incluir pƔginas generales que toda web necesita
Cuando hablamos de packs de diseƱos o layouts nos estamos refiriendo a las distintas pĆ”ginas diseƱadas que conforman un sitio web para poder funcionar sin problemas. Esto normalmente incluye como mĆnimo las siguientes pĆ”ginas:
- Home
- Sobre Mi
- Contacto
- Blog
- Landing Page
Ā”Aprende a usar los Divi Layouts y crea increĆbles webs profesionales en cuestiĆ³n de minutos!
2. AƱade pĆ”ginas especĆficas segĆŗn el nicho de que se trate
Pero por supuesto, dependiendo del tipo de web de que se trate, puede que se necesite incluir otras pĆ”ginas especĆficas al nicho o proyecto en cuestiĆ³n.
Por ejemplo, un pack de layouts deberĆa incluir las siguientes pĆ”ginas para los siguientes tipos de web:
- Una pƔgina de Producto para un pack de layouts de eCommerce
- Una pĆ”gina de GalerĆa para un pack de Artista
- Una pĆ”gina de MenĆŗ para un pack de diseƱos de restaurante
Para saber si una web necesita una o varias pĆ”ginas especĆficas uno puede preguntarse.
1. ĀæPuede crearse la web fĆ”cilmente usando las 5 pĆ”ginas o layouts estĆ”ndar antes mencionadas?
Si es asĆ, no hay necesidad de crear pĆ”ginas extra. Si el usuario necesita algo mĆ”s especĆfico podrĆ” crearlo fĆ”cilmente inspirĆ”ndose en el resto de layouts, mezclando y encajando elementos del resto de layouts.
2. ĀæEs la pĆ”gina totalmente necesaria?
Es necesario usar el sentido comĆŗn e investigar un poco sobre lo que ese sector de empresa necesita para tener una web que funcione bien. Si hay un tipo de pĆ”gina que es necesaria para la mayorĆa de webs en ese sector, entonces sĆ que merece la pena incluirla en el pack de diseƱos.
Por suerte los diseƱadores de los Pack Divi Layouts en Elegant Themes han tenido todo esto en cuenta a la hora de crear sus diseƱos predefinidos.
Ā”Ćnete ya a la Comunidad y Disfruta de Divi en EspaƱol!
[wd_hustle id=Ā»colectademailsETĀ» type=Ā»embeddedĀ»/]
3. Un buen Pack de Divi layouts debe estar obviamente optimizado para Divi
Divi es una increĆble herramienta para crear todo tipo de sitios web, asĆ que los layouts deben servir para potenciar aun mĆ”s lo que Divi hace.
4. Deben funcionar bien con plugins
A pesa de todas las maravillosas y potentes herramientas que Divi puede ofrecer a una web, hay veces en que es necesario usar plugins de terceros para conseguir ciertas funcionalidades. Por eso Divi ha sido construido de modo que sea compatible con la mayorĆa de esos maravillosos plugins existentes.
Pues bien, los diseƱos predefinidos tambiĆ©n deben estar preparados para integrarse perfectamente con los principales plugins del mercado. Y efectivamente, asĆ ocurre con los Divi Layouts.
5. Incluyen Plugin Shortcodes para futuras integraciones
HabrĆ” casos en que serĆ” necesario aƱadir a una web un plugin de terceros o shortcode para aƱadir una funcionalidad necesaria o deseada en la web. En lugar de dejar al usuario la labor de integrar el plugin con Divi, Āæpor quĆ© no adelantarse y simplificar el proceso aƱadiendo el mĆ³dulo, shortcode o snippet para que se active cuando el usuario instale el plugin?
Ā”Aprende a usar los Divi Layouts y crea increĆbles webs profesionales en cuestiĆ³n de minutos!
6. Usa imƔgenes optimizadas
Tener imƔgenes geniales y de calidad en los layouts es algo imprescindible. Pero cualquier imagen, no importa lo bella que sea, no vale nada si tarda mucho tiempo en cargar. Un buen diseƱo requiere de imƔgenes optimizadas que carguen rƔpidamente.
7. Contiene imĆ”genes de alta resoluciĆ³n como parte del pack (en carpeta aparte)
Aunque es importante que las fotos que se usan en los layouts estƩn optimizadas, tambiƩn es importante dar al usuario la posibilidad de personalizar esas mismas fotos para lo que sea que las quiera usar.
Esto es lo que hace Elegant Themes con las imĆ”genes que aparecen en los packs de layouts. Como usuario puedes disponer de ellas como gustes para usarlas en tus proyectos (personales o comerciales) con total libertad, sin preocuparte por licencias ni atribuciones de autorĆa. Son imĆ”genes y fotos de gran calidad, alta resoluciĆ³n y hechas por profesionales.
Puedes acceder a ellas desde una carpeta especĆfica y separada.
8. Pueden exportarse convenientemente para luego ser importadas
Cada pack de diseƱos Divi contiene ficheros de exportaciĆ³n en una carpeta individual para facilitar el acceso. Los layouts pueden luego ser importados a una nueva web fĆ”cilmente.
9. Han sido probados a conciencia
Todos los diseƱos predefinidos de Divi o layouts han sido probados rigurosamente:
- Pruebas generales
- RevisiĆ³n de la optimizaciĆ³n de imĆ”genes
- Tests de rendimiento de los layouts para ver si hay algĆŗn problema (carga lenta de pĆ”gina debido al tamaƱo de las imĆ”genes, etc.)
- RevisiĆ³n de errores ortogrĆ”ficos. Incluso aunque el usuario luego tendrĆ” que actualizar los contenidos aƱadiendo los suyos, un error ortogrĆ”fico en la cabecera por ejemplo puede dar muy mala impresiĆ³n.
- RevisiĆ³n de los contenidos de los ficheros descargables
- Asegurarse de que todos los ficheros de los diseƱos (layouts) estƔn en la carpeta de pack de layouts
- Asegurarse de que existe un fichero de ātodos los layoutsā que importa todos los diseƱos a la vez
- Incluyen una carpeta separada con las imĆ”genes en alta resoluciĆ³n (para que el usuario pueda disponer de ellas como desee)
- Test del proceso de portabilidad
- ImportaciĆ³n de cada uno de los layouts en una biblioteca separada de Divi theme (en una instalaciĆ³n WP diferente)
- CreaciĆ³n de una nueva pĆ”gina para cada uno de los layouts y usando el Divi Builder aƱadir el correspondiente layout a cada una de las pĆ”ginas
- Revisar las pƔginas para asegurarse de que los layouts tienen el aspecto del diseƱo original y todo funciona.
- Si el layout depende de un plugin, instalaciĆ³n del plugin y revisiĆ³n del layout para el buen funcionamiento.
Ā”Ćnete ya a la Comunidad y Disfruta de Divi en EspaƱol!
[wd_hustle id=Ā»colectademailsETĀ» type=Ā»embeddedĀ»/]
Llevando los Divi layouts al siguiente nivel
Incluso aunque los packs de layouts no son tƩcnicamente themes, siempre es posible aƱadir valor a dichos packs de diseƱos pre-definidos haciƩndolos mƔs fƔcil de usar con el tema Divi. Los usuarios aprecian el esfuerzo y los packs de layouts alcanzan un nivel superior. Estas son algunas ideas para conseguirlo:
- InclusiĆ³n de secciones, filas y mĆ³dulos pre-diseƱados como elementos adicionales de biblioteca para que los usuarios puedan crear pĆ”ginas adicionales mĆ”s fĆ”cilmente con esos elementos.
Una buena manera de distinguir los packs de layouts del resto, es pensar quĆ© secciones, filas o mĆ³dulos el usuario necesitarĆ” para construir otras pĆ”ginas personalizadas, y entonces incluirlos en el pack de layouts.
Algunos de esos elementos incluyen un mĆ³dulo de cabecera a anchura completa, un mĆ³dulo de texto para contenido, un botĆ³n para versiĆ³n oscura o luminosa o una llamada a la acciĆ³n. Tomandose el trabajo de incluir esos pequeƱos elementos ( y no solo los layouts), los usuarios pueden construir todo mĆ”s rĆ”pidamente.
- Incluir una paleta de color con cĆ³digos de color que pueden ser usados para actualizar la paleta de color por defecto en las opciones de tema.
Otra manera de aƱadir valor adicional a los packs de layouts es dar a los usuarios una paleta de color para usar al hacer ajustes a su nuevo sitio. Esto puede ser un simple documento de texto con los cĆ³digos de color en la carpeta del pack de diseƱos o es posible incluso diseƱar una pĆ”gina layout que contenga todos los elementos de diseƱo usados como referencia y para ser duplicados.
- DiseƱar los layouts teniendo en cuenta los colores de Divi por defecto.
Una manera de que los layouts se fundan mejor con el tema Divi es precisamente tener en consideraciĆ³n quĆ© elementos pueden ser cambiados ajustando el āglobal accent colorā. PodrĆ”s de esta manera retocar el color en todo el sitio en lugar de tener que cambiarlo pĆ”gina por pĆ”gina.
Estas son solo algunas de las reglas que siguen los diseƱos predefinidos Divi y que los hacen ser de gran calidad y superiores a los de la competencia.
Ā”Aprende a usar los Divi Layouts y crea increĆbles webs profesionales en cuestiĆ³n de minutos!
Conclusiones
Seguramente ahora tienes una idea mĆ”s clara de lo que son los Divi Layouts y de cĆ³mo se organizan en packs (compuestos por varios layouts o pĆ”ginas ya hechas) para satisfacer las necesidades de diferentes tipos de web que los usuarios tienen.
TambiĆ©n te hemos mostrado por quĆ© estos diseƱos ya hechos o layouts de Divi son tan buenos. No solo estĆ”n hechos por profesionales siguiendo todo un proceso que garantiza su buen funcionamiento, sino que tambiĆ©n incluyen en una carpeta separada todas las fotos e imĆ”genes de los diseƱos (en alta resoluciĆ³n) para que las uses como quieras.
Y si eres diseƱador web, seguramente te habrĆ”n entrado ganas de crear layouts para Divi relativos a algĆŗn sector de mercado.
De lo que no hay duda es que con estos diseƱos predefinidos de Divi crear una web de cualquier temĆ”tica es lo mĆ”s fĆ”cil del mundo, y Ā”los resultados sorprenderĆ”n a todo el mundo!
Ā”Ćnete ya a la Comunidad y Disfruta de Divi en EspaƱol!
[wd_hustle id=Ā»colectademailsETĀ» type=Ā»embeddedĀ»/]
Es muy difĆcil personalizar esos diseƱos? puedo hacerlo sin contar con un diseƱador?
Hola Angeles!
No es complicado, solo tienes que descargarlo y proceder a personalizar el contenido y las imĆ”genes por tus propios textos e imĆ”genes… es verdad que un diseƱador puede dar un acabado mĆ”s profesional a tu diseƱo y a tus imĆ”genes, pero en este curso te enseƱo cĆ³mo hacerlo tu misma paso a paso… espero te guste! Mucha Suerte!!