[et_pb_section fb_built=”1″ fullwidth=”on” admin_label=”Hero” _builder_version=”4.4.8″ use_background_color_gradient=”on” background_color_gradient_start=”#eeeff2″ background_color_gradient_end=”rgba(238,239,242,0)” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”33%” background_color_gradient_end_position=”52%” background_color_gradient_overlays_image=”on” background_image=”https://utbildning.fyriswebb.se/wp-content/uploads/2020/06/silver-imac-displaying-collage-photos-1779487-scaled.jpg”][et_pb_fullwidth_header title=”Våga Webba” subhead=”Divi layouts” content_max_width=”600px” _builder_version=”4.4.8″ title_font=”Rubik|700||on|||||” title_text_color=”#599900″ title_font_size=”16px” title_letter_spacing=”5px” title_line_height=”0.5em” content_font=”Rubik||||||||” content_font_size=”18px” content_line_height=”1.7em” subhead_font=”Rubik|700|||||||” subhead_text_color=”rgba(0,0,0,0.8)” subhead_font_size=”50px” subhead_line_height=”1.5em” background_color=”rgba(255,255,255,0)” use_background_color_gradient=”on” background_color_gradient_start=”rgba(255,255,255,0)” background_color_gradient_end=”rgba(255,255,255,0.7)” background_color_gradient_start_position=”50%” background_size=”contain” background_position=”bottom_center” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_color=”#599900″ button_one_border_width=”15px” button_one_border_color=”rgba(210,159,104,0)” button_one_border_radius=”100px” button_one_letter_spacing=”0px” button_one_font=”Rubik|700|||||||” button_one_use_icon=”off” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_color=”rgba(0,0,0,0.6)” button_two_border_width=”15px” button_two_border_color=”rgba(210,159,104,0)” button_two_border_radius=”100px” button_two_letter_spacing=”0px” button_two_font=”Rubik|700|||||||” button_two_use_icon=”off” background_layout=”light” max_width_last_edited=”off|desktop” module_alignment=”center” custom_margin=”|||” custom_padding=”8vw||4vw|” subhead_font_size_tablet=”” subhead_font_size_phone=”30px” subhead_font_size_last_edited=”on|phone” button_one_border_radius_hover=”100px” button_two_border_radius_hover=”100px” button_one_bg_color_hover=”#ff8a70″ button_two_bg_color_hover=”#ff8a70″ button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_one_border_radius__hover_enabled=”on” button_one_border_radius__hover=”100px” button_two_border_radius__hover_enabled=”on” button_two_border_radius__hover=”100px” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_one_bg_color__hover_enabled=”on” button_one_bg_color__hover=”#ff8a70″ button_two_bg_color__hover_enabled=”on” button_two_bg_color__hover=”#ff8a70″][/et_pb_fullwidth_header][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.7″ background_color=”#083b38″ background_size=”contain” background_position=”top_center” custom_padding=”|||”][et_pb_row column_structure=”1_5,3_5,1_5″ _builder_version=”3.25″][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”https://utbildning.fyriswebb.se/steg-5-divi-grunderna/divi-modulerna/” button_text=”Länk till Divis moduler hittar du här” button_alignment=”center” disabled_on=”off|off|off” admin_label=”Börja med Divi – knapp” _builder_version=”4.4.8″ custom_button=”on” button_text_size=”14px” button_text_color=”#ffffff” button_bg_color=”#c88bda” button_border_color=”#c88bda” button_border_radius=”8px” button_letter_spacing=”0px” button_font=”Rubik||||||||” button_icon=”%%3%%” button_icon_color=”#ffffff” button_on_hover=”off” button_rel=”off|on|off|off|off” transform_scale=”102%|102%” custom_margin=”12px||||false|false” custom_padding=”34px|6px|34px||true|false” box_shadow_style=”preset1″ box_shadow_spread=”17px” box_shadow_color=”rgba(0,0,0,0.22)” box_shadow_spread__hover_enabled=”on|desktop”][/et_pb_button][et_pb_button button_url=”https://www.elegantthemes.com/documentation/divi/” url_new_window=”on” button_text=”All dokumentation om Divi hittar du här” button_alignment=”center” disabled_on=”off|off|off” admin_label=”All dokumentation om Divi hittar du här” _builder_version=”4.4.8″ custom_button=”on” button_text_size=”14px” button_text_color=”#ffffff” button_bg_color=”#60d2cb” button_border_color=”#60d2cb” button_border_radius=”8px” button_letter_spacing=”0px” button_font=”Rubik||||||||” button_icon=”%%5%%” button_icon_color=”#ffffff” button_on_hover=”off” button_rel=”off|on|off|off|off” transform_scale=”102%|102%” custom_margin=”12px||||false|false” custom_padding=”34px|6px|34px||true|false” box_shadow_style=”preset1″ box_shadow_spread=”17px” box_shadow_color=”rgba(0,0,0,0.22)” box_shadow_spread__hover_enabled=”on|desktop”][/et_pb_button][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Rubrik” _builder_version=”4.4.8″ text_font=”Rubik|500|||||||” text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_2_font=”Rubik|700|||||||” header_2_font_size=”40px” header_2_line_height=”1.4em” header_5_font=”Rubik|700||on|||||” header_5_letter_spacing=”5px” header_5_line_height=”1.2em” background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone”]
Divi har färdiga layouts du kan starta ifrån
[/et_pb_text][et_pb_text _builder_version=”4.4.8″ text_font=”Rubik|500|||||||” text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_2_font=”Rubik|700|||||||” header_2_font_size=”40px” header_2_line_height=”1.4em” header_5_font=”Rubik|700||on|||||” header_5_letter_spacing=”5px” header_5_line_height=”1.2em” background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” hover_enabled=”0″ text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone”]
Gör så här
• Skapa en sida där du ska infoga en mall. Du kan kalla sidan för malltester.
Den här sidan kommer du bara att testa mallar på, så lägg inte in något viktigt här. TIPS! Spara den här sidan till senare om du vill ha en sida där du kan fortsätta testa moduler och mallar.
• Antingen öppnar sig Divibuilder automatiskt eller så får du klicka på den lila knappen – DiviBuilder.
Du får tre val, bygga från grunden, välj layout eller klona en sida. Här ska du välja Välj Layout
• Nu kommer du till Divis bibliotek med färdiga layouts (mallar).
• om du – utan att klicka – lägger musens pekare över en av bilderna så kommer den börja att scrolla så att du kan se mer. Blir du nyfiken så klicka på en av bilderna så öppnas hela layout-paketet upp.
• Ställ muspekaren över den stora bilden och scrolla så ser du hela layouten. klicka på en av de andra små bilderna och scrolla för att se hur de ser ut.
• Vill du använda det du ser klickar du på Use This Layout – som det står på den gröna knappen.
Övning
Börja att experimentera genom att klicka dig igenom hela layouten. Infoga egna bilder eller färger i bakgrunder på sektioner, ändra mått på marginaler och padding, dra och släpp och lek.
Nytt tema?
• Vill du ha ett annat tema så klickar du på pilen bredvid texten Layouter på den lila listen. Och välj ett nytt layout-paket för att kolla igenom.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”https://utbildning.fyriswebb.se/steg-6″ button_text=”Steg 6″ _builder_version=”4.4.8″][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]