{"id":24789,"date":"2025-07-08T08:57:33","date_gmt":"2025-07-08T15:57:33","guid":{"rendered":"https:\/\/wou.edu\/marcom\/?page_id=24789"},"modified":"2025-08-08T11:48:37","modified_gmt":"2025-08-08T18:48:37","slug":"divi-tutorials","status":"publish","type":"page","link":"https:\/\/wou.edu\/marcom\/wordpress-support\/divi-tutorials\/","title":{"rendered":"Divi Tutorials"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.17.6″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_stops=”#db0a29 0%|#a3080f 100%” background_enable_pattern_style=”on” background_pattern_style=”diagonal-stripes” background_pattern_size=”custom” background_pattern_width=”2000px” background_pattern_height=”1000px” background_pattern_horizontal_offset=”0%” background_pattern_vertical_offset=”0%” custom_padding=”25px||25px||true|” locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”|auto|-12px|auto||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.2″ _module_preset=”default” header_font=”Montserrat|700|||||||” background_layout=”dark” global_colors_info=”{}”]<\/p>\n

Divi Tutorials<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”0|0px|4px|0px|false|false” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_button button_url=”https:\/\/wou.edu\/marcom\/wordpress-support\/getting-started-with-divi-builder\/” button_text=”Getting Started” button_alignment=”center” module_class=”full-width” _builder_version=”4.27.2″ custom_button=”on” button_border_radius=”0px” button_font=”||||||||” custom_css_main_element=”width:100%;” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”https:\/\/wou.edu\/marcom\/wordpress-support\/wordpress-tutorials\/” button_text=”WOU Tutorials” button_alignment=”center” module_class=”full_width” _builder_version=”4.27.2″ custom_button=”on” button_border_radius=”0px” button_font=”||||||||” custom_css_main_element=”width:100%;” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_button button_url=”https:\/\/www.elegantthemes.com\/documentation\/divi-builder\/” button_text=”Divi Documentation” button_alignment=”center” module_class=”full_width” _builder_version=”4.27.2″ custom_button=”on” button_border_radius=”0px” button_font=”||||||||” custom_css_main_element=”width:100%;” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”0|0px|46.3906px|0px|false|false” locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.2″ custom_margin=”||3px” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

How to install templates<\/h2>\n

Once you are logged into WordPress scroll down and select Divi and the Divi Library.<\/p>\n

\"\"<\/a><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the Import & Export tab at the top.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-02-1.jpg” title_text=”diviTemplate-02 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the Import link.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-03-1.jpg” alt=”Screenshot in Divi builder mode highlighting Import.” title_text=”diviTemplate-03 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the CHOOSE FILE button and select the template<\/a> you would like to import for this location and then click the blue Import Divi Builder Layouts button.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-04-1.jpg” alt=”Screenshot in Divi builder mode highlighting Choose File to select file and Import Divi Builder Layouts.” title_text=”diviTemplate-04 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ custom_padding=”23.1875px|0px|0|0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider color=”#c6c6c6″ _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_divider][et_pb_text _builder_version=”4.16″ global_colors_info=”{}”]<\/p>\n

Add template to your page<\/h2>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_button button_url=”#section” button_text=”Template within a page” button_alignment=”center” _builder_version=”4.16″ custom_css_main_element=”width: 100%;” global_colors_info=”{}”]<\/p>\n

Navigate to the page you would like to implement this template on and hover over the bottom of the blue box where you would like to add this template too and click on the blue + sign.<\/p>\n

[\/et_pb_button][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_button button_url=”#whole” button_text=”Whole page template” button_alignment=”center” _builder_version=”4.16″ custom_css_main_element=”width: 100%;” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_divider color=”#c6c6c6″ _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”section” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Add a template within a page<\/h2>\n

Navigate to the page you would like to implement this template on and hover over the bottom of the blue box where you would like to add this template too and click on the blue + sign.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-05-1.jpg” alt=”Divi Builder showing section, rows, and modules but highlighting Section.” title_text=”diviTemplate-05 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the Add From Library tab.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-06-1.jpg” alt=”Screenshot of Divi Builder highlighting Add From Library Tab.” title_text=”diviTemplate-06 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Select the template you would like and then you can edit from there.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-07-1.jpg” alt=”Screenshot of Divi Builder highlighting 3 columns w\/image” title_text=”diviTemplate-07 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_divider color=”#c1c1c1″ _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_divider][et_pb_text module_id=”whole” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Add a whole page template<\/h2>\n

Navigate to the page you would like to implement this template on and select Edit Page from the top menu.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/wou.edu\/wordpress\/files\/2018\/11\/diviTemplate-08.jpg” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.16″ custom_margin=”0px||” custom_padding=”0px||” global_colors_info=”{}”][\/et_pb_image][et_pb_text module_id=”section” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the purple Use The Divi Builder button.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-09-1.jpg” alt=”Screenshot of the backend of a webpage in WordPress highlighting Use the Divi Builder” title_text=”diviTemplate-09 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text module_id=”section” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the Load Layout tab.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-10-1.jpg” alt=”Screenshot of the backend WordPress site in Divi Builder mode highlighting Load Layout” title_text=”diviTemplate-10 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text module_id=”section” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on Your Saved Layouts tab.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-11-1.jpg” alt=”Screenshot of Divi Builder mode highlighting Your Saved Layouts” title_text=”diviTemplate-11 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text module_id=”section” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the layout that you uploaded.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-12-1.jpg” alt=”Screenshot of Divi Builder highlighting Homepage Option 2″ title_text=”diviTemplate-12 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][et_pb_text module_id=”section” _builder_version=”4.16″ custom_margin=”||3px” global_colors_info=”{}”]<\/p>\n

Click on the Use Visual Builder and start editing.<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/diviTemplate-13-1.jpg” alt=”Screenshot of the backend of a site in WordPress highlighting Use Visual Builder” title_text=”diviTemplate-13 (1)” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”4.27.2″ custom_margin=”0px||” custom_padding=”0px||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Divi Tutorials Getting Started WOU Tutorials Divi…<\/p>\n","protected":false},"author":1591,"featured_media":0,"parent":23847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"splash-page.php","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_lmt_disableupdate":"","_lmt_disable":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-24789","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/users\/1591"}],"replies":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/comments?post=24789"}],"version-history":[{"count":8,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24789\/revisions"}],"predecessor-version":[{"id":24974,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24789\/revisions\/24974"}],"up":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/23847"}],"wp:attachment":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/media?parent=24789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}