[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 moduler” 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/” button_text=”Formge din webbsida med temat Divi” 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=”#7f9900″ button_border_color=”#7f9900″ 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://utbildning.fyriswebb.se/steg-5-divi-grunderna/divi-mallar/” button_text=”Lär dig mera om layouter i Divi” button_alignment=”center” disabled_on=”off|off|off” admin_label=”Lär dig mera om layouter i Divi” _builder_version=”4.4.8″ custom_button=”on” button_text_size=”14px” button_text_color=”#ffffff” button_bg_color=”#dd6e00″ button_border_color=”#dd6e00″ 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”]
Alla moduler som finns i temat Divi.
[/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=”|||” 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”]
Modulerna
Divi har 46 moduler som gör att du kan börja bygga din webbplats direkt.
37 av modulerna är gjorda för användning inom de vanliga breddssektionerna och 9 är endast avsedda att användas inom en sektion med full bredd (fullwidth).
Övning
Se till att du har Divi som tema, det är bra om du har skapat ett Barntema.
1) Skapa en sida och lägg in modulen Avdelare.
2) Klicka på Avdelarens inställningsknapp (kugghjulet)
3) Klicka på Synlighet – så att den är på Ja
4) Nu klickar du på Design, på den lila menyn
5) Välj Linje och här väljer du en färg, vilken stil du vill ha, tex dotted. Och väljer Nedantill.
6) Välj Storlek och 2px
7) Välj Animation och Slide
8) Spara ändringarna och kolla hur det blev
Nu väljer du nästa modul och testar hur den fungerar. Testa alla moduler så att du känner till hela urvalet.
Läs mer om modulerna och titta på filmerna som finns i länkarna för att få veta mer. Det finns en länk till varje modul.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off|off|off” admin_label=”Grå bakgrund” _builder_version=”4.4.7″ background_color=”#d6d6d6″ background_size=”contain” background_position=”top_center” custom_padding=”|||” collapsed=”off”][et_pb_row column_structure=”2_5,3_5″ admin_label=”Checklista” _builder_version=”4.4.7″ width=”87.4%”][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://utbildning.fyriswebb.se/wp-content/uploads/2020/06/divi-moduler.jpg” title_text=”divi-moduler” _builder_version=”4.4.8″ custom_margin=”|0px|||false|false”][/et_pb_image][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.8″ text_font=”|500|||||||” text_text_color=”#000000″ text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_text_color=”#000000″ header_2_font=”Rubik|700|||||||” header_2_text_color=”#000000″ header_2_font_size=”40px” header_2_line_height=”1.4em” header_3_text_color=”#000000″ 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=”|-197px||-77px||” 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”]
LÄNKAR TILL ALLA MODULER – alla länkar öppnas i en ny flik
| Avdelare | Divi Divider |
| Bild | Divi Image |
| Blogg | Divi Blog |
| Blurs | Divi Blurb |
| Butik | Divi E-commerce |
| Cirkelräknare | Divi Circle Counter |
| Dragspel | Divi Accordion |
| E-Optin | Divi E-optin |
| Filtrerbar portfolio | Divi Filterable Portfolio |
| Flikar | Divi Tab |
| Fullbredd Kod | Divi Code |
| Följning på sociala medier | Divi Social Follow |
| Galleri | Divi Gallery |
| Inläggsslider | Divi Post Slider |
| Inläggsnavigering | Divi Post Navigation |
| Inläggstitel | Divi Post Title |
| Jämförelsetabeller | Divi Pricing Tables |
| Karta | Divi Map |
| Knapp | Divi Button |
| Kod | Divi Code |
| Kommentarer | Divi Comments |
| Kontaktformulär | Divi Contact |
| Ljud | Divi Audio |
| Logga in | Divi Login |
| Nedräkningstimer | Divi Countdown |
| Omdöme | Divi Testimonial |
| Person | Divi Person |
| Portfolio | Divi Portfolio |
| Sidofält | Divi Sidebar |
| Sifferräknare | Divi Number Counter |
| Stapelräknare | Divi Bar Counter |
| Sökning | Divi Search |
| Text | Divi Text |
| Uppmaning till handling | Divi Call to Action |
| Video | Divi Video |
| Videoväxlare | divi Video Slider |
| Växla | Divi Toggle |
| Växlare | Divi Slider |
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”2_5,3_5″ _builder_version=”4.4.8″ custom_margin=”||||false|false”][et_pb_column type=”2_5″ _builder_version=”4.4.8″][et_pb_image src=”https://utbildning.fyriswebb.se/wp-content/uploads/2020/06/divi-helbredd.png” title_text=”divi-helbredd” _builder_version=”4.4.8″ custom_padding=”|33px||||”][/et_pb_image][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.8″ width=”100%” custom_margin=”|-83px||-75px||”]FULL BREDD (Fullwidth)
| Bild med fullbredd | Fullwidth Image |
| Fullbreddslider för inlägg | Fullwidth Post Slider |
| Inläggstitel med full bredd | Fullwidth Post Title |
| Karta i helbredd | Fullwidth Map |
| Meny helbredd | Fullwidth Menu |
| Portfolio helbredd | Fullwidth Portfolio |
| Sidhuvud helbredd | Fullwidth Header |
| Växlare helbredd | Fullwidth Slider |
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]