FULL DOCUMENTARY OF WORDPRESS CLASS

OUTLINE:

1. Wordpress Explanation For Beginners

2. What kind of websites can WordPress make?
3. Difference between between Wordpress.com and Wordpress.org
4. What are the Wordpress Theme and Wordpress Plugins
5. Who uses WordPress?
6. Reason why You must use Wordpress
7. How do I create wordpress website
8. How To use Elementor in Wordpress
What is Elementor for wordpress
How does Elementor page Builder Work
How much Does Elementor Cost
How to install Elementor
How to use Elementor in Wordpress
Advance Feature in Elementor
9. Element inside Wordpress Builder
10. Conclusion

WELCOME TO WORDPRESS FULL

DOCUMENTATION! ENJOY THE MOMENT AND
EXPLORE MORE ON IT TO EARN MORE.

OUTLINE 1: Wordpress Explanation For Beginners

Wordpress is a free and open source content management system(CMS) that lets anyone build
and manage websites easily. WordPress is the simplest, most popular way to create your own
website or blog.

A content management system is basically a tool that makes it easy to manage important
aspects of your website like content without needing to know anything about
Programming.

The end result is that WordPress makes building a website accessible to anyone – even
people who aren’t developers.
Matt Mulenweg and MIke Little Introduced Wordpress in 2003, under the GNU General Public
License, they forked the b2/cafelog blogging tool and created a platform where users can freely
use, modify, and distribute the software.

Today, Wordpress is now the most popular, simple and strong global community with the range
of 43.5% for versatile tools.
2. What kind of websites can WordPress make?

Many years ago, WordPress was primarily a tool to create a blog, rather than more traditional
websites. That hasn’t been true for a long time, though.

OUTLINE 2: What kind of websites can WordPress make?

Nowadays, thanks to changes to the core code, as well as WordPress’ massive ecosystem of
plugins and themes, you can create any type of website with WordPress.

With WordPress, you can

create:
1. Business websites
2. eCommerce stores
3. Blogs
4. Portfolios
5. Resumes
6. Forums
7. Social networks
8. Online learning course
9. Even website
10. Membership sites

pretty much anything else you can dream up.

OUTLINE 3: Difference between between Wordpress.com and
Wordpress.org

Wordpress comes in two versions which are wordpress.com and wordpress.org. So what is the
difference?

Wordpress.org is the self hosted wordpress version, meaning that you must purchase web
hosting and a domain name to start building a website with it. It is free to grant full control over
your website content, customize the design and functionality using themes and plugins.

WordPress.org, often called self-hosted WordPress, is the free, open-source

WordPress software that you can install on your own web host to create a website that’s
100% your own.

While Wordpress.com is a hosted website builder powered by wordpress software. The host
is free but it has various features limitations, it has few themes, and doesn't permit plugins. It’s a
monthly fee.

WordPress.com is a for-profit, paid service that is powered by the WordPress.org

software. It’s simple to use, but you lose much of the flexibility of the self-hosted
WordPress.

Features Wordpress.org Wordpress.com

Customization Offers full customization with Limited customization with

Thousands of theme and plugin premium plan to access
Theme and plugins

Pricing The wordpress hosting plans Wordpress premium plan

Cost $2.99-$15.99/month cost $5-$63month

Hosting You have to buy it for yourself It include in the subscription

From third party hosting provider price

Ecommerce Full ecommerce functionality Require a commerce plugins

With plugins the woocommerce to unlock the online selling &
 Storefront design features
With the cost of $63/month

Learning curve Steeper but oftens greater Easier for beginners thanks
Scalability in return to the managed hosting and
Simpler options

Note: Most of the time, when people say “WordPress”, they mean the self-hosted WordPress
available at WordPress.org. If you want to truly own your website, self-hosted
WordPress.org is almost always the best option.

OUTLINE 4: What are the Wordpress Theme and Wordpress

Plugins

Wordpress themes are pre designed templates for customizing website design without coding.
They determine your website with aesthetic appeal, color, scheme and typography to the
placement of blog posts or products.

Wordpress Plugins are extensions you can install to add specific functions to your websites. The
plugins are used for adding a contact form, enhancing performance, and integrating a third
party. The wordpress plugins can be free likewise paid.

You can get it from Themeforest

Example of Wordpress Theme

1. Astra
2. Hestia
3. Divi
4. Hello Elementor
5. Creative portfolio
6. Inspiro
7. Avada
 8. Sydney
9. Ultra
10. Hello

Wordpress Plugins Example

1. Elementor
2. Gravity Forms
3. Yoast Seo
4. Classic Editor
5. Livechat
6. Wp Forms
7. Woocommerce
8. Akismet Anti Spam
9. Site kit by Google Analytics
10. Wordfence security

SECTION 5: Who uses WordPress?

WordPress is used by individuals, big businesses, and everyone in between! On an

immediate note, we use WordPress! So the very site that you’re looking at right now is
powered by WordPress.

Lots of other well-known entities use WordPress as well.

Here are some of our favorite

Examples:

1. NASA’s Europa Clipper

2. Nalgene
3. Whitehouse.gov
4. Microsoft
5. The Rolling Stones
OUTLINE 6: Reason why You must use Wordpress

Well, no matter what type of website you want to create, there are plenty of reasons to use
WordPress. Here are some of the biggest:

1. Wordpress is easy to set up or use by creating a website by letting you easily

manage content, apply the media element, appearance and plugins. Its base is a
drag and drop system.
2. WordPress is free and open source.
While you will need to pay a little bit for hosting, you will never have to pay just to
use the WordPress software, which isn’t the case with alternatives like
Squarespace.
3. It’s required to tailor your website design to match your brand and feature
preferences.
4. Its cost effective, i.e affordability to create a website without paying a hefty
monthly fee
5. WordPress is easy to install i.e you can also install WordPress on your personal
computer.

OUTLINE 7: How do I create wordpress website

To give you a clearer picture of how building a website with wordpress will be, here are
the basic step instructions.

1. Get a web hosting and a custom domain name. The first principle is to get these
two elements before creating a website and understand that your buyers are
those ones to get the hosting plan but you can still help them with the domain
name.
A domain functions as their website address online, whereas web hosting stores
your website files and puts them live online.

2. Install the Wordpress software manually, if you’re buying a hostinger managed

wordpress hosting plan, simply follow the onboarding process after signing up for
a web hosting account.

Set your wordpress login details and connect your domain to the websites.
 3. Set up your wordpress theme. After installing the wordpress theme for your
website. Choose either Free or Premium themes available online that will match
your brand style. I.e Go to Appearance, select theme, Add new, select the Free
or paid theme, Activate it
And sometimes you can upload the zip files, if your buyers purchase the theme
by him or herself.

4. Install plugins to your wordpress website.

Click on Plugins, Add New, Utilize the search bar to find the right extension
plugins needed, After installing, Activate the plugins

5. Create a page for your wordpress site. When the wordpress plugins and the
theme are installed, it’s time to set up some pages. You have to create Home,
About Us, Contact page and more. They are static which don't change often and
aren’t tied to a date.

On your dashboard, click on pages, Add New, Go to Editor add different blocks
like images, text, video and more to it.

6. Publish your content

OUTLINE 8: How To use Elementor in Wordpress

What is Elementor for wordpress?

Elementor is the ultimate & free WordPress drag-and-drop editor, that lets you create
beautiful WordPress websites in the easiest and quickest way possible. The wordpress
editor for simple blog posts, but it doesn’t offer very many design options and you can’t
see what your design will really look like until you click the preview button.

Elementor fixes that by giving you full drag-and-drop design flexibility with a live, visual
builder with no CSS or HTML knowledge needed. When you’re creating a design, you’ll
see your design exactly as your visitors will, which makes it easy to quickly adjust your
design as needed.

Elementor offers countless design options and dozens of pre-built content widgets for
everything from buttons to forms, sliders, pricing tables, and mor
How does Elementor page Builder Work
Elementor is a visual WordPress website builder that replaces the basic WordPress editor with
a live frontend editor, so you can create complex layouts visually, and design your website live,
without having to switch between the editor and the preview mode.

With Elementor, you can create beautiful and functional designs without needing to use code or
CSS, and without relying on developers for help. The designs that you create are responsive by
default, which means they’ll automatically look great on desktop, tablet, and mobile.

The user interface is intuitive and beginner-friendly, so you can be up and running in minutes.
You can insert one of the hundreds of professionally designed templates to save time and then
easily customize it using simple controls.

It allows you to create designs faster and you won’t be slowed down by lag or glitches.

The platform is constantly improving front-end performance to help you create a quick-loading
site, such as releasing a number of new performance improvements in Elementor 3.0.

How much Does Elementor Cost

The core Elementor plugin is 100% free and available at WordPress.org.

If you want to add more advanced features and capabilities, you can extend the free
core plugin by purchasing Elementor Pro, which starts at just $49 for use on a single
site. You can view the full pricing details here.

The Elementor consists of two versions which are Elementor Free & Elementor Prop.
Let’s know the difference.

Elementor Free Version

With just the free version of Elementor, you’ll already get access to the visual, drag-and-
drop editor and a wide selection of widgets and style options that you can use to design
your content.

You can use it to design individual blog posts and pages. All you need to do is launch
the Elementor editor when you’re editing a post or page.

In general, you might be fine with the free version of Elementor if you just want to design
some basic landing pages or add some style to your blog posts.

However, if you want to use Elementor to design your entire website, you’ll probably
want the powerful new features, design options, and templates in Elementor Pro

So how does Elementor Pro work?

Elementor Pro

Elementor Pro builds on the features in the free version to create a more high-powered
tool for web designers and professionals.

With Elementor Theme Builder, you’ll be able to design your entire theme using
Elementor’s interface, including your header, footer, blog post templates, 404 pages,
and more.

You can also create global settings that let you easily control the design palette for your
entire site. If you have a WooCommerce store, Elementor WooCommerce Builder gives
you that same flexibility for your shop and single product templates.
Elementor Pro also gives you access to powerful new features that you can use in all of
your designs.

Here are some of the biggest additions:

a. . A visual form builder.

b. Lots of new widgets including sliders, post lists, portfolios, pricing tables, and
more.
c. New design options including scroll effects and custom positioning.
d. Support for dynamic content from plugins like Advanced Custom Fields, Toolset,
and Pods.

Finally, you also get access to a ton of new pre-built templates to help you
save time.

How to install Elementor

The free version of Elementor is available at WordPress.org, so you can install it

directly from your WordPress dashboard.

To begin, go to Plugins

Add New and search for “Elementor”.

Then, click the button to install the plugin and activate it after the install process
finishes.

Once you’ve activated Elementor, you should see a new Edit with Elementor
button

when you open the editor for a post or page

It’ll show you how to use it in the next section.

If you want to add Elementor Pro to access even more powerful design features,
you’ll first need to purchase a copy of Elementor Pro.

Once you complete your purchase, you can download a copy of Elementor Pro
from your Elementor dashboard by clicking Download Zip.
Then, go to Plugins

Add New

Upload Plugin in your WordPress dashboard

Upload the Zip file that you downloaded from the Elementor dashboard.

Once the upload completes, make sure to activate Elementor Pro.

To finish things out and activate all of the premium features, go to Elementor

License in your WordPress dashboard to activate your Elementor Pro license on

your site.

How To Use Elementor in WordPress

Now that you’ve installed Elementor, let’s talk about how you can use Elementor to
create your first design and build your website.

To begin, create a new post or page

Click the Edit with Elementor button to launch the Elementor editor

You should now see a live preview of your design on the right along with the
Elementor sidebar on the left.

To save time, you can insert a premade template by clicking the library icon.

Once you add the template, make the canvas for your page full-width by clicking
the gear icon in the bottom-right corner to open the page settings area

Selecting Elementor Full Width from the Page Layout drop-down.

Now, you’re ready to start editing.

First, you’ll want to understand the basic structure of Elementor.

An Elementor design is made up of three main parts:

Sections – these divide the page into horizontal rows.

Columns – these go inside sections and let you divide the section into vertical columns.

Widgets – these are what you use to actually add content.

You can place your widgets inside a column (and then the column is inside the section).

To add a new widget to your template, just drag it over from the sidebar.

If you want to delete an existing widget, just right-click on it and select Delete.

To change the settings and design of a widget, column, or section, all you need to
do is select it to open its settings in the sidebar.

How To Use Advanced Features in Elementor

Now that you know how the basics work in Elementor, let’s talk about some of the more
advanced features that you can use to build even better websites with Elementor Pro.

1. Form Widget Elementor

It is a flexible form builder that can help you eliminate the need to use a separate form
plugin.

You can use it for contact forms, lead generation forms that connect to your favorite
email marketing service or CRM, and lots more.

You’ll be able to view your form submissions right from your WordPress dashboard and
you can also set up custom email notifications and confirmation messages if needed.

To create your first form, just add the Form widget to any Elementor design.

2. Integrations
 Elementor’s built-in integrations help you enhance your site by connecting to
other third-party tools that you’re using.

We already mentioned one key use of these integrations above the Form widget.

Thanks to the built-in integrations, you can easily connect the Form widget to
services such as Mailchimp and HubSpot.

You also get a Zapier integration so that you can connect to the thousands of
apps on Zapier. Beyond those marketing tools, Elementor also integrates with
tons of other plugins, social networks, and services.

Want to see the full list?

You can view all of Elementor’s integrations here.

To set up integrations,

Go to Elementor

Settings

Integrations

3. Global Settings Elementor Pro’s

Global Settings feature helps you create and manage your site’s own design
system so that you can ensure consistency across your entire site and speed up
your workflows.

Essentially, the Global Settings feature gives you one area where you can define
your sitewide colors, typography, buttons, image settings, form fields, and more.
Whenever you create a new design, it will automatically inherit its settings from
your Global Settings.

And if you change something in Global Settings, that change will automatically
apply across your entire site.

Of course, you’re never locked in; you always have the option to fully customize
a design on a page-by-page basis.

But with Global Settings, you can ensure that your default designs look exactly
the way that you want them to and are consistent across your site.
 To access Global Settings, click the hamburger menu in the top-left corner of the
Elementor sidebar while working in the editor and select Site Settings

4. Popup Builder

Popups can be incredibly useful for marketing, navigation, user experience, and
more.

With Elementor Pro, you can skip the separate popup plugin thanks to Elementor
Popup Builder. Using Elementor’s visual, drag-and-drop editor, you’ll be able to
build:

Lightbox popups

Notification bars

Full-screen fillers Slide-ins Etc.

You’ll get full control over the canvas and placement for your popup and you can
use all the Elementor widgets in your designs.

Want to create an email capture popup?

Just add the Form widget and connect it to your email marketing service. Want to
create a login form popup?

OUTLINE 9: Element inside Wordpress Builder

There are different Elements inside the wordpress builder that will enhance the
functionality and make the design layout more easier. Let me introduce you to different
elements in wordpress builder.

1. Dashboard
2. Media
3. Pages
4. Comments
5. Plugins
6. Appearance
7. Users
 8. Tools
9. Settings

CONCLUSION:

If you’re ready to begin wordpress, Elementor plugins, just get started without wasting
any time and as for you student, who you will be making use of this documentary, try to
digest the traning, understand it very well and create your own plan, that you will use it
for your buyers. Never stay within this note but explore more on it.

You will understand more better in practical class and I hope this little knowelege serve
you well to develop your skills in Wordpress. Wish you more success.