[et_pb_section bb_built=”1″ admin_label=”Header” custom_padding_last_edited=”on|desktop” next_background_color=”#ffffff” _builder_version=”3.5″ use_background_color_gradient=”on” background_color_gradient_start=”#352597″ background_color_gradient_end=”#8686FF” background_color_gradient_direction=”130deg” background_image=”https://www.driedfruit.co.nz/wp-content/uploads/2018/06/marketing-bg8.png” parallax=”on” custom_padding=”7vw||10vw||false|false” custom_padding_tablet=”100px||100px||true” custom_padding_phone=”||||true” bottom_divider_style=”ramp2″ bottom_divider_height=”250px” bottom_divider_height_tablet=”150px” bottom_divider_height_phone=”110px” bottom_divider_height_last_edited=”on|phone” saved_tabs=”all” background_color=”#ffffff”][et_pb_row _builder_version=”3.2.1″ background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”4_4″][et_pb_text admin_label=”Client Help Guides title” _builder_version=”3.5.1″ text_font=”Roboto||||||||” text_font_size=”16px” text_font_size_last_edited=”off|desktop” text_line_height=”1.8em” header_font=”Roboto|700|||||||” header_text_align=”center” header_font_size=”80px” header_font_size_tablet=”40px” header_font_size_phone=”32px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” header_3_font=”Roboto|700||on|||||” header_3_text_align=”center” header_3_text_color=”#ffffff” header_3_font_size=”24px” header_3_font_size_tablet=”16px” header_3_font_size_phone=”14px” header_3_font_size_last_edited=”on|phone” header_3_letter_spacing=”10px” header_3_letter_spacing_tablet=”5px” header_3_letter_spacing_last_edited=”on|tablet” header_3_line_height=”2em” text_orientation=”center” background_layout=”dark” module_alignment=”center”]
Client Help Guides
Medlicott Design
[/et_pb_text][et_pb_text _builder_version=”3.5.1″ text_font_size=”20px” text_font_size_last_edited=”off|desktop” text_line_height=”2em” header_font=”Roboto|700|||||||” header_text_align=”center” header_font_size=”80px” header_font_size_tablet=”40px” header_font_size_phone=”32px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” header_3_font=”Roboto|700||on|||||” header_3_text_align=”center” header_3_text_color=”#ffffff” header_3_font_size=”24px” header_3_font_size_tablet=”16px” header_3_font_size_phone=”14px” header_3_font_size_last_edited=”on|phone” header_3_letter_spacing=”10px” header_3_letter_spacing_tablet=”5px” header_3_letter_spacing_last_edited=”on|tablet” header_3_line_height=”2em” text_orientation=”center” background_layout=”dark” max_width=”800px” module_alignment=”center”]
The videos below should be watched in conjunction with the user guides provided by Medlicott Design which are more detailed, but will probably make more sense after viewing the videos.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” prev_background_color=”#000000″ next_background_color=”#000000″][et_pb_row admin_label=”row” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”4_4″][et_pb_text admin_label=”Client specific intro Text” use_border_color=”off” border_color=”#ffffff” border_style=”solid” _builder_version=”3.5.1″]
This page is for the Church Road website (https://www.driedfruit.co.nz) staff/partners who administer the website. It is not for public view, but has some handy videos that can be used to quickly show how to edit/change/update various pages or stories on the website.
You will notice the majority of pages use the Divi page builder to more easily create a different layout, rather than the standard WordPress system e.g. where columns are needed or special design elements. The homepage uses Divi Builder to create the layout. Below there are also some fundamental guides to how the Divi Page Builder works.
There is also a guide to the Woocommerce shop which goes through how to add, edit and remove products. Please check you are confidant to make changes to prices, etc in the shop are else contact Medlicott Design before making any changes to the shop area, as this section is a live shop and as such changes can affect sales.
** Note to Dawn:
When editing any existing pages, I suggest opening a copy of the same page in a separate tab as it looks to the public to make it easier to see which section you are dealing with.
Some of the videos are older and may not exactly replicate the look of the admin areas, but still explain the fundamentals.
Most sections and modules should be named for the various sections on each page.
You will generally click on the menu icon in each module to edit it. Once you have created a section and want to replicate the layout, you can click either the module clone tool to replicate the settings (then just change the text). You can also replicate rows, and whole sections. There are also numerous layouts already stored in the Divi Library including designs by Divi as well as layouts I have used already which can be imported.
Also these days there is a visual builder which may suit you rather than the way I do it via the back end. You can always create a test or demo page and have a play, as long as you don’t add it to the main menu, or just save as a draft so that Google doesn’t add it to their search database.
As always if there are any questions contact Mark @ Medlicott Design
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”section” next_background_color=”#000000″ prev_background_color=”#000000″][et_pb_row _builder_version=”3.5″ use_background_color_gradient=”on” background_color_gradient_start=”#5045b9″ background_color_gradient_end=”#837bcc” background_color_gradient_direction=”45deg” background_color_gradient_start_position=”50%” background_color_gradient_end_position=”50%” background_color_gradient_overlays_image=”on” module_alignment=”center” make_fullwidth=”on” custom_margin=”|0px||0px” custom_padding=”1em|1em|1em|1em” use_custom_gutter=”on” gutter_width=”1″][et_pb_column type=”4_4″][et_pb_text admin_label=”Wordpress Video Guides” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″ text_text_color=”#ffffff” text_font_size=”18px” header_text_align=”center” text_orientation=”center” background_layout=”dark” header_font=”|600|||||||” header_text_color=”#ffffff”]
WordPress Video Guides
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=”1_2″][et_pb_text admin_label=”Intro Text” use_border_color=”off” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″]
Pages v Posts
The basic principles behind how WordPress works and what pages & posts do.
[/et_pb_text][et_pb_video admin_label=”Intro Video” src=”https://youtu.be/ac6t3jKKdWY” /][et_pb_text admin_label=”Editing Posts & Pages Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
Creating & Editing Posts or Pages
[/et_pb_text][et_pb_video admin_label=”Editing Posts Video” src=”https://youtu.be/NSdQJXqUa0s” /][et_pb_text admin_label=”Editing Images Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
Adding / Editing Images
[/et_pb_text][et_pb_video admin_label=”Adding Photos Video” src=”https://youtu.be/0p-vop3JOoI” /][et_pb_text admin_label=”Widgets Guide Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
Widgets – What they are and how they work
[/et_pb_text][et_pb_video admin_label=”Widgets Guide Video” src=”https://youtu.be/R9wPFub68a4″ /][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”Dashboard Guide Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
The Dashboard
A basic look at the Dashboard Admin Section where all updates begin
[/et_pb_text][et_pb_video admin_label=”Dashboard Guide Video” src=”https://youtu.be/ZHBhkYEtvPM” /][et_pb_text admin_label=”Adding Links Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
Adding Links
[/et_pb_text][et_pb_video admin_label=”Adding Links Video” src=”https://youtu.be/4JP2Cwtx_vg” /][et_pb_text admin_label=”Media Library Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
How to use the Media Library
[/et_pb_text][et_pb_video admin_label=”Media Library Video” src=”https://youtu.be/AdhG4nfT1SE” /][et_pb_text admin_label=”Tags Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
What are Tags?
[/et_pb_text][et_pb_video admin_label=”Tags Video” src=”https://youtu.be/PQg8V7AKPBU” /][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” prev_background_color=”#000000″ next_background_color=”#000000″][et_pb_row _builder_version=”3.5″ use_background_color_gradient=”on” background_color_gradient_start=”#5045b9″ background_color_gradient_end=”#837bcc” background_color_gradient_direction=”45deg” background_color_gradient_start_position=”50%” background_color_gradient_end_position=”50%” background_color_gradient_overlays_image=”on” module_alignment=”center” make_fullwidth=”on” custom_margin=”|0px||0px” custom_padding=”1em|1em|1em|1em” use_custom_gutter=”on” gutter_width=”1″][et_pb_column type=”4_4″][et_pb_text admin_label=”Divi Builder Guide title” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″ text_text_color=”#ffffff” text_font_size=”18px” header_text_align=”center” text_orientation=”center” background_layout=”dark” header_font=”|600|||||||” header_text_color=”#ffffff”]
Divi Builder Guide
The Divi Builder has been used on your website to create the various different looks, layouts, columns, insertion of elements, etc. Watch these videos to help get a understanding of how it all works. Half an hour watching these will save you hours of work in the long term 🙂
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row allow_player_pause=”off” parallax=”off” parallax_method=”on” parallax_1=”off” parallax_method_1=”off” parallax_2=”off” parallax_method_2=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” use_custom_gutter=”off” make_equal=”on” custom_margin=”0px||0px|” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”1_2″][et_pb_text admin_label=”Divi Guides Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
How to use the Divi Page Builder
[/et_pb_text][et_pb_video admin_label=”Divi Guide Video 1″ src=”https://youtu.be/Pfpyr2ibknM” _builder_version=”3.5″ /][et_pb_text admin_label=”Advanced Divi Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″]
Divi Advanced Design Settings & Custom CSS
[/et_pb_text][et_pb_video admin_label=”Divi Video 3″ src=”https://youtu.be/l845uQBD6xo” _builder_version=”3.5″ /][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”Divi visual builder title” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″]
Divi Visual Builder
[/et_pb_text][et_pb_video admin_label=”Divi Video 2″ src=”https://youtu.be/FkQuawiGWUw?t=48″ _builder_version=”3.5″ /][et_pb_video admin_label=”Mobile Styles Video” src=”https://youtu.be/tljb6nZ6v7I” /][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” prev_background_color=”#000000″ next_background_color=”#000000″][et_pb_row _builder_version=”3.5″ use_background_color_gradient=”on” background_color_gradient_start=”#5045b9″ background_color_gradient_end=”#837bcc” background_color_gradient_direction=”45deg” background_color_gradient_start_position=”50%” background_color_gradient_end_position=”50%” background_color_gradient_overlays_image=”on” module_alignment=”center” make_fullwidth=”on” custom_margin=”|0px||0px” custom_padding=”1em|1em|1em|1em” use_custom_gutter=”on” gutter_width=”1″][et_pb_column type=”4_4″][et_pb_text admin_label=”Woocommerce Shopping Cart Text” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″ text_text_color=”#ffffff” text_font_size=”18px” header_text_align=”center” text_orientation=”center” background_layout=”dark” header_font=”|600|||||||” header_text_color=”#ffffff”]
Shopping Cart Guides – How to use the Woocommerce system installed on your website
This video covers the various functions of the shopping cart installed on your website. As this video is about an hour long it is suggested that you use the timestamps listed below to jump to a particular section you need to know more about.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row allow_player_pause=”off” parallax=”off” parallax_method=”on” parallax_1=”off” parallax_method_1=”off” parallax_2=”off” parallax_method_2=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” use_custom_gutter=”off” make_equal=”on” custom_margin=”0px||0px|” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”1_2″][et_pb_video admin_label=”Simple Add Products to Shop Video” src=”https://youtu.be/ZePq2NHfeX8″ /][et_pb_text admin_label=”Simple Guide Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
The Simple video guide above showing you how to how to add products to your shop using the Woocommerce system has the basic fundamentals for adding products to your shop.
If you are relatively comfortable with using WordPress then this video will point you further along the right direction, but for more in depth detail view the main Woocommerce video.
This is a demo shop in the video that was used as display only, hence the strange product setting. I suggest setting your products to the “Simple Product” setting if it only comes in one size and price. If you have more than one size, colour or price options then you need to use the ‘variable product’ option.
[/et_pb_text][et_pb_text admin_label=”Processing Orders Video & Text” _builder_version=”3.9″]
Processing Orders
For a text guide of what this all means
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_video admin_label=”Woocommerce Video” src=”https://youtu.be/-nEPFB0e4vs” /][et_pb_text admin_label=”Timeline 1 Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
Creating Products:
Simple product: 00:02:47
Variable Product: 00:13:05
Grouped Product: 00:23:53
Affiliate Product: 00:29:25
Virtual Products: 00:32:30
Downloadable Products: 00:34:20
[/et_pb_text][et_pb_text admin_label=”Timeline 2 Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.7″]
What is a cross sell and up sell?
Cross-sells and up-sells: 00:06:34
WooCommerce Settings: 00:40:25
Extra WooCommerce Product Extensions: 00:37:57
Woocommerce Taxes: 00:58:36
Woocommerce Shipping: 1:12:05
Woocommerce coupons and other settings: 1:23:50
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” prev_background_color=”#000000″ next_background_color=”#000000″][et_pb_row _builder_version=”3.5″ use_background_color_gradient=”on” background_color_gradient_start=”#5045b9″ background_color_gradient_end=”#837bcc” background_color_gradient_direction=”45deg” background_color_gradient_start_position=”50%” background_color_gradient_end_position=”50%” background_color_gradient_overlays_image=”on” module_alignment=”center” make_fullwidth=”on” custom_margin=”|0px||0px” custom_padding=”1em|1em|1em|1em” use_custom_gutter=”on” gutter_width=”1″][et_pb_column type=”4_4″][et_pb_text admin_label=”Advanced Tips” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.5″ text_text_color=”#ffffff” text_font_size=”18px” header_text_align=”center” text_orientation=”center” background_layout=”dark” header_font=”|600|||||||” header_text_color=”#ffffff”]
Advanced Tips
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=”4_4″][et_pb_text admin_label=”Jetpack Stats Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
Jetpack Site Stats
visitors, keywords, top stories, etc.
[/et_pb_text][et_pb_video admin_label=”Jetpack Stats Video” src=”https://www.youtube.com/watch?v=ohWsHYqdwpU” /][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=”4_4″][et_pb_text admin_label=”More Videos Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]
More videos
If you wish to delve more into how specific things work more generic videos like those above can be seen here WordPress Video Guides
For website specific anomolies or problems contact Medlicott Design direct.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”Call to action” custom_padding_last_edited=”on|desktop” _builder_version=”3.5″ use_background_color_gradient=”on” background_color_gradient_start=”#352597″ background_color_gradient_end=”#8686FF” background_color_gradient_direction=”130deg” background_image=”https://www.driedfruit.co.nz/wp-content/uploads/2018/06/marketing-bg8.png” parallax=”on” custom_padding=”10vw||7vw||false|false” custom_padding_tablet=”100px||100px||true” custom_padding_phone=”||||true” top_divider_style=”ramp2″ top_divider_height=”250px” top_divider_flip=”vertical|horizontal” top_divider_height_tablet=”150px” top_divider_height_phone=”110px” top_divider_height_last_edited=”on|phone” saved_tabs=”all” background_color=”#ffffff” prev_background_color=”#ffffff”][et_pb_row make_fullwidth=”on” custom_padding=”|||” _builder_version=”3.3.1″ custom_margin_phone=”|||” custom_margin_last_edited=”off|desktop”][et_pb_column type=”4_4″][et_pb_text _builder_version=”3.5″ text_font_size_last_edited=”off|desktop” header_2_font=”Roboto|700|||||||” header_2_font_size=”50px” header_2_font_size_tablet=”40px” header_2_font_size_phone=”32px” header_2_font_size_last_edited=”on|desktop” header_2_line_height=”1.4em” header_3_font=”Roboto|700||on|||||” header_3_text_align=”center” header_3_text_color=”#ffffff” header_3_font_size=”24px” header_3_font_size_tablet=”16px” header_3_font_size_phone=”14px” header_3_font_size_last_edited=”on|phone” header_3_letter_spacing=”5px” header_3_line_height=”2em” text_orientation=”center” background_layout=”dark” max_width=”850px” module_alignment=”center” custom_margin=”|||” custom_padding=”|||”]
Need more help or information?
Use the button below to contact me. Please outline what you are trying to achieve / need help with.
[/et_pb_text][et_pb_button button_text=”Contact Medlicott Design” button_alignment=”center” _builder_version=”3.5″ custom_button=”on” button_text_size=”14px” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#f7828e” button_bg_color_gradient_end=”#fcb6ab” button_bg_color_gradient_direction=”90deg” button_border_width=”0px” button_border_color=”rgba(0,0,0,0)” button_border_radius=”4px” button_letter_spacing=”5px” button_font=”Roboto|700||on|||||” button_letter_spacing_hover=”5.5px” box_shadow_style=”preset3″ box_shadow_vertical=”20px” box_shadow_blur=”30px” box_shadow_spread=”-10px” box_shadow_color=”rgba(247,130,142,0.4)” background_layout=”dark” custom_margin=”|||” custom_padding=”18px|34px|18px|34px|true|true” button_url=”mailto:mark@medlicottdesign.co.nz” /][/et_pb_column][/et_pb_row][/et_pb_section]