[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=”STEG 5″ 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/” 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” hover_enabled=”0″ box_shadow_style=”preset1″ box_shadow_spread=”17px” box_shadow_color=”rgba(0,0,0,0.22)” box_shadow_spread__hover_enabled=”on|desktop” url_new_window=”on”][/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”]
Formge din webbsida med hjälp av 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”]
Komma igång med Divi Builder
Divi Builder finns i två former:
1) Standard ”Back-end Builder”, dvs att du bygger från insidan och ser inte direkt hur det ser ut.
2) Front-end ”Visual Builder” även kallad visuellt konstruktionsverktyg”, dvs att du bygger från utsidan och ser direkt på webbsidan hur ändringarna blir.
Titta på en introduktionsfilm Getting Started With The Divi Builder
(Det finns en svensk längre version nedanför)
[/et_pb_text][et_pb_code admin_label=”Kod – Divi engelska” _builder_version=”4.4.8″][/et_pb_code][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”]
Inställningar i Divi
Du kan göra inställningar på flera ställen i Divi.
Under Divi Temainställningar och Divi Temaanpassare gör du inställningar som gäller för hela webbplatsen. Behöver du göra inställningar som skiljer sidorna åt gör du det på varje enskild sida i varje enskild modul.
Divi Tema-inställningar, gäller för hela webbsidan:
• Montera in din logotyp
• Ändra temafärger – Färgväljarens standardpalett
• Aktivera de sociala medier du ska ha och lägg till adresserna
Divi Tema-anpassningar, gäller för hela webbsidan:
• Ändra fonter
• Ändra sidhuvud/navigering
• Ändra/lägg till widgets
• Ändra sidfot
• Ändra andra formelement du kommer att använda dig av tex knappar
Se en svensk introduktionsfilm om Divi här nedan.
[/et_pb_text][et_pb_code admin_label=”Kod – Divi svenska” _builder_version=”4.4.8″][/et_pb_code][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=”||||false|false” custom_padding=”||||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=”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][et_pb_section fb_built=”1″ disabled_on=”on|on|on” admin_label=”Grå bakgrund” _builder_version=”4.4.8″ background_color=”#d6d6d6″ background_size=”contain” background_position=”top_center” custom_padding=”|||” disabled=”on” 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”]
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).
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]