CORE JAVA IN ONE VIDEO

Course Content

How To Make a WordPress Website | Wordpress Tutorial for Beginners | Elementor Tutorial In Hindi

WordPress is an excellent tool that has allowed many organizations to design their own website without any labour. Also, the importance of WordPress for Business Websites has been escalated with the furtherance in the technology. It has become the most reliable and trusted software for many business entities.

IS THERE ANY CODING INVOLVED?

This is the most frequently asked question guys. Do not worry as there is no coding at all. It uses a simple mechanism of drag and drop. You all can learn it within no time and get yourself ready to earn!

PERKS OF WATCHING THIS TUTORIAL:

Complete Elementor and WordPress from scratch
It is absolutely free, both, the video and WordPress
Guarantees confidence by the end of the video
Hosting knowledge and suggestions
Amazing customizations

By the end of this tutorial, you will be able to create your own website which can be operated on all devices without any endeavor.

THREE MAJOR REASONS TO CHOOSE WORDPRESS:

WordPress is easy to customize with themes and plugins
WordPress is SEO friendly
It is safe and secure

INSTALLATION OF XAMPP

XAMPP is a software distribution that provides the Apache web server, MySQL database (actually Maria DB), Php, and Perl (as command-line executables and Apache modules) all in one package. It is available for Windows, MAC and Linux systems. No configuration is necessary to integrate Php with MySQL.

STEP 1: Go to google and search “xampp” and click on the link as shown below-

STEP 2: On opening the link, download xampp according to the operating system in use.

STEP 3: Open the downloaded file and install it by clicking on “next”

STEP 4: Let it get saved at the default location

STEP 5: Click on Start button and type “xampp”, now open it.

Furthermore, start Apache and MySQL such that they turn green in color.

NOTE: DO NO STOP BOTH OF THESE DURING THE WHOLE TIME YOU ARE WORKING ON WORDPRESS.

Installation Of WordPress

STEP 1: Open Google and search “WordPress download” then click on the link as shown in the picture below

STEP 2: Now download the latest version as shown

STEP 3: After it gets downloaded, go to downloads. Then right click on the new WordPress icon and tap on “extract here”.

STEP 4: this is a very important step. Copy the WordPress folder which has been made after you pressed “extract here”. Now go to local disk(c:), open the folder named “xampp”.

STEP 5: OPEN THE FOLDER NAMED “htdocs” AND PASTE THE EARLIER COPIED WordPress.

STEP 6: Now as the installation processes are over, open google and type “local host/WordPress”. Such a window will appear as shown below.

STEP 7: To create a database named WordPress. Open another tab and type “localhost/phpmyadmin”. Click on “databases” and write “WordPress” in the box provided and just tap on “create”. You can close this tab now, it will function automatically.

STEP 8: Open the previous tab on which we were. Now choose the language as English and write “wordpress” against the database name.

Further, write “root” in the username and leave the password space blank. This is a fixed process while using xampp. Without changing anything else press “submit”.

STEP 9: Now run the installation. Fill the box against the site name and enter the username and password of your own choice.

STEP 10: Enter your email and this completes our process. You can now click on “Install WordPress”. Now you can enter your username and password.

IT IS A SUCCESS! CONGRATULATIONS!

STEP 11: Your dashboard will now get opened. You can see that the base of your website has already been created. You can place your cursor on the site name and click on “visit site”.

#POSTS/PAGES-

STEP 12: On the left side, click on “posts”, then click on “all posts”. A window will appear in from of you. Now click on “Add New” to get started.

NOTE: There is no limit on the number of posts or pages that can be created.

STEP 13: Add a suitable title or heading to your post/page. Here, it is “Python Programming”. You can move your cursor below the heading and add your content and images respectively. There are numerous options to add in your post and glorify it accordingly.

STEP 14: It is very important to publish all the changes and edits you are making in order to get them shown on the website.

STEP 15: You can open your website by clicking on the site name and watch how the post will get shown.

Note that when you scroll down there is a facility to comment also which is provided by WordPress itself.

STEP 16: Moving on to some great features and customizations which WordPress offers. One of them is “featured image”. Check your right-hand side column and you will find plenty of customizations.

STEP 17: You can even choose when your post should be published on the website by clicking on “publish” in the status & visibility column. You can even change the visibility accordingly. Both images have been provided below.

STEP 18: You can also change the URL by clicking on “Permalink” and make further edits.

STEP 19: Now, you can also choose and form categories according to your post on the website.

In short, categories are the most general method of grouping content on a WordPress site. A category symbolizes a topic or a group of topics that are connected to one another in some way.

By default is it “uncategorized”, you can always add a news category.

STEP 20: You can also add tags which eventually help in SEO. When visitors click on a particular tag, they reach the page whereon all posts, having the same tag, are displayed. It allows them to look for the desired content easily.

STEP 21: You can add your introductory matter by clicking on “excerpt” and watch how it gets shown on the website. An excerpt in WordPress is a term used for article summary with a link to the whole entry.

Further, it is totally your choice to get the list checked in discussion below.

STEP 22: You can click on the update on the top right corner and watch the website.

#APPEARANCE/THEMES-

STEP 23: Moving on, visit your dashboard again and click on “appearance” then “themes”. The Appearance Themes Screen allows you to manage your Themes. That means you can install, preview, delete Themes, activate, and update Themes.

A WordPress Theme is a collection of files that work together to produce a graphical interface.

STEP 24: You can delete the existing themes and then click on “Add New” to add more exciting themes. You will need to install them and then activate them. You can now reload the page where your website is open and get amazed by the view.

You can also add themes from outside. You can go to google and open “wordpress.org” and choose themes. From there you can download any theme you like. Now in order to use that theme, you have to extract it and copy it. Then go to “htdocs” folder. After that, open “WordPress” and then open “wp-content” and finally click on themes and paste your theme which you had copied.

#SETTINGS-

STEP 25: Come back to the dashboard again and click on “settings” then “general”. A list of settings will appear allowing you to change your “site title”, “tag line”, “email address” and many more customizations.

After you are done with the edits in “settings”, press “save changes”.

STEP 26: You can now dig deep into the settings part and the option it serves. You can open “Writing” and “reading” and check out diverse options to edit.

STEP 27: Now open “Plugins” and select all. Change the bulk option to “delete” and delete all the plugins by clicking on “Apply”. We will add plugins as and when required for our website.

#PAGES-

STEP 28: Now we will talk about “pages”. Click on “pages” from the left column of the dashboard. Click on “Add new”. Add a title to your page and further beautify it according to personal choices and needs. At last, click on “publish”. In this tutorial, multiple pages have been created such as-“home”, “about us”, “our services” and “contact us”.

You can always add multiple pages.

STEP 29: As you open your website after making these pages, you can see there is no difference in the final website. You are right. We need to link those pages in settings such they show up on our website.

Go to “settings”, then click on “reading” and make the required changes. Click on “save changes” to save the edits.

According to the given snip, the “home” page will be displayed in the place of the homepage and all the posts will appear on the “BLOG” page.

STEP 30: Visit the dashboard again, now click on “Appearance”, then click on “Menus”. Create a menu named “main menu”. You can name it as per your choice. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

Select the pages you want to add in your menu and click “Add to Menu”.

STEP 31: You also need to tap “save menu”. On the same page select “manage locations” and choose your location of menu accordingly. When you tap on “save changes”, your menu bar will appear on your website. Go check it out!

NOTE: DIFFERENCES BETWEEN POSTS AND PAGES:

As a beginner, you are probably wondering what the difference between posts vs pages is. They seem to look similar in the WordPress dashboard as well as on the website.

Posts are timely vs. Pages are timeless.
Posts are social vs. Pages are NOT.
Posts are organized using categories and tags vs. Pages are hierarchical and can be organized as child and parent pages.
Posts are included in RSS feed vs. Pages are not.
Posts have author and published date vs Pages do not.

STEP 32: For more edits such as if you want to change the URL of your website, you can go to “settings” and then “permalinks”.

STEP 33: There is another way to customize also. You can click on “customize” which is available on the top black line, note that this black bar is only visible to the creator.

STEP 34: Through “customize”, you can perform various edits such as “site title”, “site icon”, “color”, add a menu at header and footer, “typography”, “font-weight”, “font-style” and many more.

Don’t forget to click on “publish” after each change you make.

Some more customizations to try:

STEP 35: Since we had deleted the plugins which were already available to us, now go to “appearance”, then click on “themes” and tap on “Begin installing plugins”

Change the “bulk actions” to “Install” and click on “Apply”.

Make sure you are connected to the internet.

STEP 36: You can now open “plugins” and click on “installed plugins” to see what has been installed. Now click on “Add New” and then search “Elementor”, then install it. After it gets installed search “ WPForms Lite” and install it too.

Activate both of these after they get installed.

STEP 37: After activation of both of the plugins, click on “WPForm Lite” and enter the “Form Name”. Then click on “Simple contact form”.

STEP 38: Now you can drag and drop the fields according to your need and requirements. You can also change the name of the field and add a description below it. You also have the option to either keep the field as required or not.

STEP 39: Now as the form has been prepared, you can now save it. Next, go to “dashboard” and then “pages”, open “contact us” page and now you can add this template over here. Place your cursor on the + sign and write WPForm, then you can select it and choose the “contact us” form from the list shown. Don’t forget to press “update”.

STEP 40: Now get back to the “dashboard” and click on “WPForms”, then “SMTP” and install the “WP Mail SMTP” After it gets installed, click on “SET UP” and click on “save settings”

YOUR WEBSITE IS READY.

Now we will be creating another website.

To make another website, we will have to install WordPress again.

STEP 1: Logout from the current WordPress site.

STEP 2: Go to downloads. Rename your WordPress folder.

STEP 3: Copy the renamed folder and then go to local disc (c:), then “xampp”

STEP 4: Open “htdocs” folder and paste the renamed folder.

STEP 5: Make a database as told earlier through the same process.

Go to google and search localhost/renamed_file and follow the previous procedures to install WordPress.

CREATION OF A PRO-LOOKING WEBSITE

After we have created a new WordPress dashboard, we will look forward to creating a pro looking website. Here you will be learning more about customizations.

STEP 1: Go to “plugins” and delete all of the existing plugins.

STEP 2: Go to “appearance”, then “themes” and delete all the existing themes.

STEP 3: Now go to “themes” and search “astra” and install it. Then “activate” the theme.

STEP 4: Now “customize” the theme after activating. Visit the “dashboard” again and go to “appearance” and click “astra options” which will provide you with the plugin’s specific options.

STEP 5: Check out the rightmost column of your window and click on “install importer plugin”.

Editing site with ELEMENTOR :

STEP 6: Select “Elementor” from the mentioned starter templates.

Now there will be a list of themes, from which you can choose according to your wish.

Then tap on “import complete site” and without any delay let it get imported completely.

STEP 7: Now you can readily visit your site.

STEP 8: Now as you can see, we need to make a few changes to our website. For those changes click on “Edit with Elementor” which is available on the top black bar.

NOTE: Go and check “plugins”, there must be some installed in this process. Do not delete them.

STEP 9: Go to plugins, then click on “add new”. Search “livemesh” and install “Livemesh Addons for Elementor page builder”, then “activate” it.

STEP 10: Now you can go to your website and customize it. Click on “edit with elementor” and start editing. For initials, you can change the background image by placing your cursor on the starting image, and above you can notice a light blue colored icon. Tap on it and there you go.

STEP 11: When you visit the “style” in the edit section, you can also insert images from your computer and you have a facility to click “free images from “pixabay”, from which you can insert images according to your search. Isn’t it great?

Don’t forget to press “update” at the bottom of the page.

STEP 12: You can also add animations and videos in the backgrounds of the website.

STEP 13: After you are done with the customizations, you can also delete a box if you want to, by clicking on the light blue section available on the top of your box. We can also add more sections to our website. Here is an example to add a post grid in a newly formed section on the website.

Search “post” in the search bar and select “post grid”, then drag and drop it in whichever place you want to.

STEP 14: Go to posts in the dashboard, and make changes in your post, which will make the site look like this.

STEP 15: Here is one more example to show the customization and addition of one more section. The name of the section here is “our partners” and we are adding images from tools from the left column.

STEP 16: You can also add and change “pages”, by visiting the “dashboard” again and clicking on “pages”. Here, you also have an option to edit it with “Elementor” as shown below.

STEP 17: After the above edit the page should look like this

STEP 18: Now we need to change the footer. Go to the WordPress “dashboard” and open the site. Now click on “customize”, then go to “footer”, then click on “footer bar”.

STEP 19: Similarly you can change the header also. Go to “header” and then click on “site identity”, and choose accordingly. You can also add your logo in the website.

STEP 20: You can always add links to the buttons which are appearing in “red” as per this tutorial. This will be done through elementor. Here I have given the “service” page link to the “START NOW “button. Don’t forget to update it.

STEP 21: You can also add motion effects and animation in your website. For doing so, you can click the section on which you want animation, then go to “advanced”, then click on “motion effects” and lastly choose your effect.

You can also view the website’s appearance in phone.
The changes which you make phone appearance, they will be changed only for phone.

That's all for this one, see you in the next tutorial :)

Search This Blog

MY WORK DIARY