Divi secciones, filas y módulos

El poder de Divi radica en Visual Builder, un constructor de páginas de arrastrar y soltar que le permite crear casi cualquier tipo de sitio web combinando y organizando elementos de contenido. El constructor utiliza tres bloques de construcción principales: Secciones, Filas y Módulos.



¡Colabora con nosotros!

Haz tu donación online

[mfe_send_fox title="¡Mantente al día de las últimas noticias de Divicon wordpress!" body="Cada semana recibirá un correo electrónico con los próximos eventos, consejos rápidos, recursos fáciles de usar sobre nuevas y emocionantes herramientas de Divi themes y demás.
" list="190349" after_submit="2" show_message="¡Hurra!, Ya estas registrado" check_last_name="off" send="¡No te lo pierdas!" layout="top_bottom" _builder_version="4.8.2" _module_preset="default" form_field_background_color="#FFFFFF" form_field_text_color="#000000" form_field_focus_text_color="#000000" header_font="|700|||||||" header_text_color="#000000" header_font_size="1.2em" body_font="||||||||" body_line_height="1.1em" background_color="#FFFFFF" custom_button="on" button_text_color="#000000" button_border_width="5px" button_border_color="#000000" button_font="|700|||||||" button_icon_color="#000000" button_on_hover="off" text_orientation="center" background_layout="dark" width="64%" width_tablet="90%" width_phone="" width_last_edited="on|phone" module_alignment="center" border_width_all_fields="3px" border_color_all_fields="#000000" box_shadow_style="preset1" box_shadow_color="#dddddd" button_bg_color__hover_enabled="on|hover" button_bg_color__hover="#000000" button_bg_enable_color__hover="on" button_text_color__hover_enabled="on|hover" button_text_color__hover="#FFFFFF" button_icon_color__hover_enabled="on|hover" button_icon_color__hover="#FFFFFF" form_field_background_color__hover_enabled="on|hover" form_field_background_color__hover="#E0C17D"][/mfe_send_fox]

Los conceptos básicos del Visual Builder

El poder de Divi radica en Visual Builder, un constructor de páginas de arrastrar y soltar que le permite crear casi cualquier tipo de sitio web combinando y organizando elementos de contenido.

El constructor utiliza tres bloques de construcción principales: Secciones, Filas y Módulos. Usarlos al unísono le permite crear una innumerable variedad de diseños de página. Las secciones son los bloques de construcción más grandes y albergan grupos de filas. Las filas se ubican dentro de las secciones y se utilizan para alojar módulos. Los módulos se colocan dentro de las filas. Esta es la estructura de cada sitio web Divi.

Secciones

Los bloques de construcción más básicos y más grandes utilizados en el diseño de diseños con Divi son las secciones. Estos se utilizan para crear grandes grupos de contenido y son lo primero que agrega a su página.

Hay tres tipos de secciones: Regular, Especial y Ancho completo.

Las secciones regulares están formadas por filas de columnas, mientras que las secciones de ancho completo están formadas por módulos de ancho completo que expanden todo el ancho de la pantalla.

Las secciones especiales permiten diseños de barra lateral más avanzados. Para obtener más información sobre el uso de secciones, diríjase a nuestro tutorial de secciones en profundidad.

Filas

Las filas se ubican dentro de las secciones y puede colocar cualquier número de filas dentro de una sección. Hay muchos tipos de columnas diferentes para elegir.

Una vez que defina una estructura de columna para su fila, puede colocar módulos en la columna deseada.

No hay límite para la cantidad de módulos que puede colocar dentro de una columna. Para obtener más información sobre el uso de filas

Módulos

Los módulos son los elementos de contenido que componen su sitio web. Cada módulo que tiene Divi puede caber en cualquier ancho de columna y todos responden completamente.

divi_secciones_columnas_modulos_divicon_wordpress

[dgbc_blog_carousel posts_number="6" type="3" include_categories="17,15,8,14,9,21,16,27,28,7,6" orderby="3" show_excerpt="off" show_categories="off" show_author="off" show_date="off" item_spacing="7" arrow_nav="on" loop="on" autoplay="on" hoverpause="on" equal_height="on" image_size="large" use_prev_icon="on" arrow_prev_icon="%%27%%" use_next_icon="on" arrow_next_icon="%%28%%" arrow_color="#3C4B31" arrow_background_color="rgba(0,0,0,0)" arrow_position="4" arrow_alignment="center" arrow_spacebetweent="11px" arrow_font_size="32px" date_on_top="on" date_bg_color="rgba(255,255,255,0.37)" dots_active_color="#3C4B31" inner_container_padding="||0px||false|true" inner_container_padding_tablet="" inner_container_padding_phone="||||false|true" inner_container_padding_last_edited="on|phone" content_margin="||||false|false" content_padding="||||false|false" post_content_padding="||||false|false" title_margin="18px|41px|18px|41px|true|true" meta_margin="||||false|false" meta_padding="||||false|false" button_wrp_margin="||||false|false" overlay="on" overlay_color="rgba(0,0,0,0.66)" use_overlay_icon="on" overlay_icon="%%137%%" overlay_icon_color="#ffffff" _builder_version="4.9.3" header_font="|700||on|||||" header_text_align="center" header_text_color="#000000" header_font_size="1.1em" meta_font="Anonymous Pro||||||||" meta_text_align="center" meta_text_color="#3C4B31" author_font="||||||||" author_text_color="#3C4B31" date_font="||||||||" date_text_color="#3C4B31" content_font="Heebo||||||||" read_more_font="||||||||" background_color="#ffffff" custom_margin="0px||0px||true|false" custom_padding="0px||0px||true|false" background_color_phone="#FFFFFF" background_last_edited="on|phone" background_enable_color_phone="on" border_color_all_image="rgba(0,0,0,0)" border_radii_image__hover_enabled="off|desktop" border_radii_image__hover="on||||" border_radii_article__hover_enabled="off|hover" border_radii_article__hover="|10px|10px||1px" max_width__hover_enabled="off|desktop" _i="0" _address="4.0.0.0" /]

20% DESCUENTO DIVI

GRUPO DIVICON