Divi Theme. The Divi Builder. Sections, Rows, and Columns

Similar documents
DIVI PERSON MODULE TEMPLATE 15

This is the lesson workshop to create a test page in DIVI

Entrepreneur Theme Documentation

Digital Media & Society CAO: GA884

How to: Add Content to your Events. EventReference User Guide #10

Advanced Portal Search Add-on (For WPL)

Creating and Managing Your Personal Mines Website on WordPress

Tabs within Divi Theme Options include: Table of Contents. Divi Theme Options... 1 General Tab... 2 Navigation Tab... 6

Social Portfolio Theme Installation Guide

Documentation of Jstore Theme Premium. Installation and Activation of Jstore Theme - Premium

CAIMS website user guide

Emmet Next Theme Documentation

Ace Corporate Documentation

Welcome to you user manual for your website

Rocket Theme. User Guide

WEB CREATOR SITE SETTINGS

WordPress Tutorial for Beginners with Step by Step PDF by Stratosphere Digital

1. Beginning (Important)

WORDPRESS CREATING A NEW CERTIFIED SHOP. Log in here: ADDING THE SHOP AS A USER

Checkbox 5 - Style Guide

Navigating Your e-portfolios

User Guide-Store Builder

Weebly 101. Make an Affordable, Professional Website in Less than an Hour

USER MANUAL. SalesPort Salesforce Customer Portal for WordPress (Lightning Mode) TABLE OF CONTENTS. Version: 3.1.0

Theme System: It allows modifying the site view and functionality. It includes images, stylesheet, template files and custom pages.

UW Oshkosh WordPress Training Manual. June 2015 Integrated Marketing Communications *Updated January 2016

Michigan Area United Methodist Church 2018 Site Management Guide 1.1

WordPress Manual For Massachusetts Academy of Math and Science

Customizing Your Homepage

Masterstudy - Education Center WordPress Theme

Guide to using Myshowcase.me and Canva for your Reflection

DOCUMENTATION OLAM WORDPRESS THEME

Pearson Inform 5.1. User Guide. Organizing Your Report Library. Date: 1/26/2010. Copyright 2009 Pearson Education, Inc. or its affiliate(s).

WordPress User Interface Expert Review Gabriel White Version 1.0 DRAFT March, 2005

ALES Wordpress Editor documentation ALES Research websites

NWIC EDITOR GUIDE August 2016

JSN Reta 2 Customization Manual Before We Start

User s Quick Start Guide

VEGA Version /27/2017

USER MANUAL. Dynamics CRM Customer Portal for WordPress TABLE OF CONTENTS. Version: 1.2.1

TYPES OF WEBSITES. Custom Websites

Ninja Menus extension for Magento 2

LizardThemes.com Free & Premium WordPress Themes. LizardThemes. User Guide. First Edition

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme

USER GUIDE MADCAP CONTRIBUTOR 8. Getting Started

08/10/2018. Istanbul Now Platform User Interface

About the Tutorial. Audience. Prerequisites. Copyright & Disclaimer. WordPress

Wordpress & Theme Installation

PlayerLync Forms User Guide (MachForm)

User Manual Contents

User Interface (Windows Edition)

SALIENT USER GUIDE. 1 Page 1

Using the Site. Home Page Navigation My Queue Page Module Overview Page Social Features within a Module...

USER MANUAL. DynamicsPort - Dynamics CRM Customer Portal for WordPress TABLE OF CONTENTS. Version: 1.2.1

A PRACTICAL GUIDE TO USING WIX TO BUILD A WEBSITE

Templates and Forms A Complete Overview for Connect Users

SIMICART USER GUIDE SERIES How to Install SimiCart PART II: CONFIGURE THE APP APPEARANCE

How to use WordPress to create a website STEP-BY-STEP INSTRUCTIONS

Documentation:Blogzine WordPress Theme

Logging Into Your Site

Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event

User s Guide to MiParque.org

Somerville College WordPress user manual. 7th October 2015

Statements Row Maintenance

JUNE 2016 PRIMAVERA P6 8x, CONTRACT MANAGEMENT 14x AND UNIFIER 16x CREATING DASHBOARD REPORTS IN ORACLE BI PUBLISHER

Kendo UI. Builder by Progress : Using Kendo UI Designer

USER MANUAL. Odoo Peafowl Theme TABLE OF CONTENTS. Version: 1.0.6

SGW Documentation. Menu. Documentation Menu. WordPress Overview. Logging into WordPress. Adding a new page. Editing an existing page

Kinetika. Help Guide

WORDPRESS. Log in here: ADDING THE INSTRUCTOR AS A USER

USER MANUAL. DynamicsPort - Dynamics CRM Customer Portal for WordPress TABLE OF CONTENTS. Version: 1.0

SOCE Wordpress User Guide

How to Get a Website Up and Running

Creating a Website Using Weebly.com (June 26, 2017 Update)

Custom Contact Forms Magento 2 Extension

JSN Ultranet Customization Manual Before We Start

Highlight the s address (example: and go to the top of the page and click on Insert

Open. Select the database and click. Print. Set printing options using the dropdown menus, then click the

Welcome To The Paragon TM. 3.4 CMA Guide

Getting Started with the Aloha Community Template for Salesforce Identity

How To Manually Edit Wordpress Theme Name And Author

Glow Blogs e- Portfolio Plugin

Quick Start Guide #1 Getting Started & Basic Setup WishList Products

Desire2Learn eportfolio

Google Sites Training

13.C. Staff Observations - OBSeRVE Report Dashboard

Page 3. News Alerts StreamLink Software. All rights reserved.

WPI Project Center WordPress Manual For Editors

Working with Wikispaces

STORE LOCATOR USER GUIDE Extension version: 1.0 Magento Compatibility: CE 2.0

Doing More with WordPress

Webinse Image Gallery

Magento Pinterest Extension User Guide

Building Resource Builder cases: Virtual Practitioner template

LUXWINE theme documentation

Technical support work regulations time zone UTC +02:00 working hours 10:00 to 20:00 Support may not be on Saturday and Sunday

Drupal Basics. for COS and CLASS site maintainers

AGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials

Google Sites Guide Nursing Student Portfolio

IEEE Wordpress Theme Documentation

Transcription:

Divi Theme The Divi theme is a very powerful, highly customizable theme for WordPress. To activate the theme on your WordPress site, go to the Dashboard of your site. From there, go to Appearance > Themes and select Divi. The Divi Builder The Divi theme comes with a page builder that can be used for posts, pages, and projects. This builder makes it very easy to make pages exactly the way you want them to look. To start using the Divi Builder, go to the page or post you d like to edit or create and select Use The Divi Builder. The Divi Builder will then replace the area where you d normally input text. Sections, Rows, and Columns The Divi Builder organizes content into sections. Inside each section of your post, you can have any number of rows, and you can then separate those rows into many different combinations of columns of varying sizes. You can add sections by selecting Standard Section or Fullwidth Section. To add rows, select Add Row, and to add columns, select Insert Column(s) and then choose a division of columns from the pop-up window. Page 1

Page 2

Modules In Divi, modules are what actually hold the content that you want displayed on your post. Inside of each column that you made, there will be an option to Insert Module(s). Page 3

Clicking on that option will create a pop-up windows in which you can select which module you would like. There are many different types of modules you can add: images, videos, text, and anything else you could need for creating your own site. Page 4

For a full list of modules and what they do, visit: http://www.elegantthemes.com/gallery/divi/documentation/ and scroll down to the section titled The Divi Modules. Portfolios and Projects Out of these modules, there is a special type called a Portfolio. A Portfolio is a way to organize a number of special post types called Projects. To add a project, from the dashboard, select Projects > Add New. Next, give your project a title and featured image. You can then put in the content of the project, either using WordPress s default editor, or the Divi Builder. Select Publish. Now go to a page that you want to include a portfolio of those projects and add a portfolio module. Page 5

When a portfolio is selected, you are given the chance to change a few settings about the portfolio, such as whether to make it a Fullwidth posts page, or a Grid-based post page. You can also limit the posts number and choose whether to only show projects of a certain category (or categories). Below is an example of the grid-based portfolio page with four separate projects. Page 6

Libraries The Divi theme also has a convenient feature where users can save layouts that you created using the Divi Builder, and then load them on different posts or pages. Additionally, Divi comes with a few preloaded layouts that you can use to quickly create professional-looking pages. Divi Theme Customizer Divi has added a few new features to the WordPress customizer. The customizer can be accessed either from Appearance > Customize or Divi > Theme Customizer. Most of the settings here are for changing small details like text size or color or the general layout of certain pages. Besides those settings, two main things to take note of here; the first being under Header & Navigation > Primary Menu Bar, you are given the option to Hide Logo Image, which removes the Divi logo at the top of the screen, and shown below. Page 7

The second is under Mobile Styles, you can customize how your website is viewed from mobile devices such as a tablet or phone. Page 8

Divi Theme Options Sometimes it is necessary to change some of Divi s default options to get the site looking the way you want it to. To do this, from the dashboard go to Divi > Theme Options. You will then be brought to a page that is titled epanel and you can adjust various parameters here. In General Settings, you can replace the default Divi logo by uploading a different image in Logo. Page 9

Also, in Navigation, you can choose which links to display in the menu at the top of your screen by selecting them. The other settings are for small changes to the website, so it is recommended that you change them only if you are sure you know what they do. Page 10

Role Editor Divi has added a Role Editor to the theme, which can be accessed from Divi > Role Editor. On this page, you can choose which user roles (Administrator, Editor, Author, and Contributor) have certain permissions. For example, you can make it so Editors can or cannot change the color settings, or something similar, on the site. Page 11