Professional Web Design with WordPress Avada Theme

Name: Professional Web Design with WordPress Avada Theme
Rating: 4.2 (110 reviews)

Create powerful User Experience and Modern Interfaces with the Avada Theme [Updated for Avada 7.0 Update]

Created byAsad Siddiqui

Last updated 11/2020

English

English [Auto],

What you'll learn

Professional WordPress Web Design using the Avada Theme
Installing WordPress on hosting accounts
Installing Avada Theme on the WordPress Install
Setting up the Theme License For Automatic Updates
Sample Layouts Importing, Removing and Modifying
Fusion Builder Basics and Editing Sample Content
Controlling Content for Viewports (Mobile, desktop or tablet)
Creating Menus and assigning to Widgetized Area
Working with Avada Sliding Bar
Fusion Builder Live Editing Visually
Template Library in Avada
Creating Pages and Posts
Page Templates and Page Options
Global Options
Creating Sidebars
Creating a Page Layout From Scratch using Fusion Builder
Responsive Options and Custom Responsive Breakpoints
Creating Sliders using Slider Revolution
Creating Sliders using Fusion Slider
Working with the blog

Course content

6 sections • 34 lectures • 4h 13m total length

Welcome to the Course1:41
This is a Welcome video which will provide my introduction and provide an introduction for Avada WordPress theme

Installing WordPress On a Hosting Account5:57
Difference between Wordpress.com and Wordpress.org
The one major difference between WordPress.com and WordPress.org is who's hosting your website. With WordPress.org, YOU host your own blog or website. ... WordPress.com, on the other hand, takes care of all the hosting for you. You don't have to download software, pay for hosting, or manage a web server. The option I show in the video is a self-hosted WordPress Option.

Where Can I find instructions to install WordPress manually?
https://wordpress.org/support/article/how-to-install-wordpress/
WordPress Dashboard overview7:28
WordPress Dashboard is dynamic and options added with the theme or plugins will change how your Dashboard looks. You will see this in the coming lessons. What I show here are the default options before you Install Avada Theme or any plugins.
Purchase Premium Avada Theme1:04
The direct link to purchase Avada Theme https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226

Setting Up the Avada Theme7:15
Installing the theme is standard and Installing Avada Theme is similar to installing any other WordPress theme that is not available in the WordPress repository.
Registering the theme license we need the exact permissions that are documented and shown in the video. Make sure you are logged in to themeforest.net when you try to generate the API Token.
1. What is the order that I should follow for Installing the Bundled Plugins?
Fusion Core should be installed first and then Fusion Builder.
2. What are the other plugins that we did not install in the video?
They cover functionality offered by a third party like (creating sliders), marketing popups. We will install them later in the course if they are needed. Some of them we will not install as they are specific.
Overview of Avada Theme and Prebuilt Demos5:16
Version 7.0 Update and Overview [7/26/2020]4:47
This is a demo of the header Builder with Fusion Builder. Some new header styles are also added in the Avada 7.0 Release. The header is totally cutomizable and any section can be added using Fusion Builder.
Practice Your Skill0:04

One Click Demo Content Import7:17
Perform one-click demo content import with the Avada theme, configure fusion core and builder, install required plugins, and remove demo content to tailor your site.
Modifying the Content of a Demo Import Using Fusion Builder29:03
Modify a demo import using Fusion Builder and Slider Revolution to adjust header elements, logos, menus, sticky bar, and create responsive layouts for desktop and mobile.
Modifying the Content using Fusion Builder Live13:31
Fusion builder live lets you visually edit page content by pointing and clicking, adjusting containers, columns, backgrounds, margins, padding, and global layers while cloning and reordering elements.
Controlling Content for Viewports (Mobile/Tablet/Desktop) [7/27/2020]2:56
In this lecture we will discuss the visibility option for Containers, Columns and Fusion Builder Elements. We will also go over how to look at the page in responsive view and preview the changes.
Avada 7.0 Update. Visual Header Builder and Layout System [7/26/2020]7:13
Use Avada 7.0’s visual header builder and layout system to create global or page-specific headers, apply across posts and pages, and customize with pre-built headers and visual editing.
Modifying the Footer with Fusion Builder Live Visually4:01
Master modifying the footer and bottom area of a WordPress Avada site with Fusion Builder Live, editing text, social links, and column layout visually.
Avada Template Mechanism10:24
Explore the Avada template mechanism and Fusion Builder to create global templates and library containers, enabling reuse across pages, export as templates, and import demo layouts.
Adding New Pages and Fusion Page Options34:17
Learn to quickly create a page layout from scratch with the Avada Fusion Builder, using templates, containers, columns, images, icons, and Fusion Page Options to control layout and header.
Practice Your Skill0:09

Understanding Header Layouts6:13
All About Header Options7:14
Explore header options in the Avada theme, including uploading header background images, adjusting header background color and transparency, and enabling sticky headers with padding and shadow controls.
Layout Options3:21
Explore how to choose boxed or full-width layouts, set global content padding, and customize sidebars and gutters in the Avada WordPress theme.
Setting Up Responsive Options and Breakpoints4:28
Menu Options, Font Styles, Colors and Appearance7:54
Avada Sliding Bar and Sliding Bar Options7:19
Using Fusion Slider10:14
The Fusion Slider has been renamed in the Avada 7.0.1 Update to Avada Slider. To enable it Search for Avada Slider in Theme Features and Enable it. Please see my next video for the update
Update To Fusion Slider in 7.0.1[ Update Aug 16 2020]5:05
Practice Your Skill0:09

Reset Theme Options and Uninstall Sample Content.2:32
Setting up the Logo and Menu with Options9:17
Set up your site's header by uploading a logo, creating a main menu with drop-downs, and configuring the sticky header, colors, and typography to match your WordPress Avada theme.
Design the HomePage Slider using Fusion Slider8:32
Set up and customize a fusion slider in a WordPress Avada theme, adding slides, featured images, headings, captions, and button styles for a readable, responsive home page.
Design HomePage Layout8:47
Design a compelling WordPress Avada homepage layout using Fusion Builder: place a full-width image, center-aligned intro, and a three-column services row with images, text, and read more buttons.
Create Posts and Blog with Avada10:53
Adding Parallax Sections6:28
Demonstrate creating parallax sections by adding a container with three columns, setting a background image, adjusting spacing with separators, and enabling fixed parallax on desktop with adjustable speed.
Editing the Footer9:54
Updating and Mantaining Your Website2:42

Requirements

Basic familiarity with WordPress
The Course is created with Avada Theme 6.2.2. Availability for 6.2.2 or higher is essential to follow along
A WordPress Install or a hosting account

Description

35% of the Internet is Powered by WordPress. WordPress is the world’s most popular tool for creating websites. WordPress can create any style of website, from a simple blog to a full-featured business website. It is the World’s most popular Content Management System.

The Avada WordPress Theme is a premium WordPress theme that enables you to build attractive and modern user experiences with quick and easy tools and powerful builders that make the editing and layout management a breeze. This is what this course will be about.

Whether you are working with WordPress for the first time and you want to use Avada to quickly build a professional website for your business or you are a designer looking to master a Powerful way to create custom Layouts for your Clients, this tutorial is for you.

This course covers the latest features for Avada 7.0 release.

Who this course is for:

Beginner to Intermediate WordPress Web Designers
People who want to quickly build their own websites using the Avada Theme
WordPress designers who mant to master the Avada theme

Professional Web Design with WordPress Avada Theme

What you'll learn

Explore related topics

Course content

Overview1 lecture • 2min

Pre-Requisites to Avada Web Design3 lectures • 14min

Setting up Avada Theme4 lectures • 17min

Working with PreBuilt Demos9 lectures • 1hr 49min

Understanding Global Options9 lectures • 52min

Starting From Scratch8 lectures • 59min

Requirements

Description

Who this course is for: