Bienvenidos al día 89 de nuestra Maratón Divi 100. ¡Sigue sintonizando durante 100 días seguidos los increíbles recursos de Divi mientras hacemos la cuenta regresiva para el increíble lanzamiento de Divi 3.0 en el último día de la serie!
En la publicación de hoy, estoy emocionado de compartir con ustedes un nuevo paquete de diseño Divi que creé. Inspirándome en las publicaciones de Divi 100, pensé en mostrar lo que se puede hacer en un solo día usando los increíbles (y gratuitos) kits de estructura metálica de Elegant Themes vol. 01 y vol. 02. También aproveché algunos de sus otros diseños gratuitos, como los diseños de pie de página, los diseños de sección y los diseños de contacto.
La semana pasada decidí cargar todos sus kits de diseño en una instalación de WordPress para mi propia referencia personal. Al crear nuevas páginas dentro de esta instalación que contienen todos los demás paquetes de diseño, me resultó muy fácil copiar y pegar secciones, filas y módulos de un diseño existente en mi nueva página simplemente usando la función de copiar y pegar con el botón derecho del ratón de Divi.
Antes de darme cuenta, tenía dos nuevos paquetes de diseño propios. El primero es para iglesias y ministerios (que publiqué en mi propio sitio web) y el segundo es el paquete de diseño de acondicionamiento físico que les comparto hoy.
¡Échale un vistazo!
Para usar el nuevo Divi Fitness Layout Pack en su propio sitio web de Divi, primero deberá descargarlo usando el botón a continuación. A continuación, busque el archivo Fitness Layout Kit #1 – by Geno Quiroz.zip en su carpeta de descargas y descomprímalo. Luego, navegue en su administrador de WordPress a Biblioteca Divi»>Divi > Biblioteca Divi y haga clic en el botón «Importar y exportar» en la parte superior de la página.
Cuando aparezca el modal de portabilidad, vaya a la pestaña de importación. Haga clic en el botón «elegir archivo» y seleccione el archivo All.json o cualquiera de los archivos individuales que desee. Luego haga clic en el botón azul «Importar diseño de Divi Builder» y espere a que se complete la importación.
Una vez que la importación haya finalizado, ahora podrá cargar su nuevo paquete de diseño de Divi Fitness en cualquier página potenciada por el constructor yendo a Cargar desde la biblioteca > Agregar desde la biblioteca .
Suscríbete para descargar gratis
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before { border-top-color: #ffffff !important; border-left-color: transparent !important; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !important; border-left-color: transparent !important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:before { background: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 strong { font-family: «Open Sans», Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: «Open Sans», Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !important;}
Descárgalo gratis
Únase al boletín informativo de Divi y le enviaremos por correo electrónico una copia del último paquete de diseño de página de destino de Divi, además de muchos otros recursos, consejos y trucos increíbles y gratuitos de Divi. Síguenos y serás un maestro Divi en poco tiempo. Si ya está suscrito, simplemente escriba su dirección de correo electrónico a continuación y haga clic en descargar para acceder al paquete de diseño.
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
Sarah Jade, el paquete de diseño de fitness inspirado en Crossfit de Geno Quiroz
Este paquete de diseño de fitness está diseñado para entrenadores de salud, entrenadores personales, entrenadores de crossfit, entrenadores de estilo de vida y gimnasios. Pero como con la mayoría de los paquetes de diseño y los temas secundarios, se puede reutilizar para casi cualquier cosa.
Este paquete de diseño incluye 4 páginas personalizadas para ayudarlo a obtener una ventaja inicial en su próximo proyecto.
- Hogar
- Acerca de
- Servicios
- Contacto
Página de inicio
Acerca de la página
Página de servicios
Pagina de contacto
Si desea ver una demostración de este paquete de diseño en acción, puede hacerlo aquí .
Mañana: 5 impresionantes ejemplos del módulo de título de publicación y cómo lograrlos
En la publicación de blog de mañana, el colaborador Josh Hall compartirá cinco formas diferentes en las que puede diseñar el módulo de título de la publicación. Estos diversos estilos son especialmente útiles para cualquier persona que bloguee regularmente con Divi Builder porque puede guardar un estilo y reutilizarlo una y otra vez en cada nueva publicación, sustituyéndolo por contenido nuevo, por supuesto. ¡Te veo allí!
¡Asegúrate de suscribirte a nuestro boletín de correo electrónico y canal de YouTube para que nunca te pierdas un gran anuncio, un consejo útil o un obsequio de Divi!
Divi 100 Día 89
La cuenta atrás para Divi 3.0
Esta publicación es parte de nuestro maratón Divi 100. ¡Síguenos mientras publicamos recursos Divi gratuitos durante 100 días seguidos! Esta cuenta regresiva de 100 días terminará con el revolucionario lanzamiento de Divi 3.0, que incluye nuestro nuevo editor visual creado desde cero con React. ¡Divi 3.0 cambiará para siempre la forma en que construyes sitios web con Divi Builder!
Que empiece la cuenta atrás.
jQuery(document).ready(function(){jQuery(«#DIV_TO_PLACE_COUNTDOWN»).jCountdown({timeText:»2016/9/7 7:00:00″,timeZone:-8,style:»slide»,color:»black»,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Más información sobre Divi 3.0
.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(https://www.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:»; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}