fbpx

22 M.Mkrtchyan 1 ,Yerevan, Armenia 0010

PROGRAMS   |    SIGN UP    |    LOGIN

Free WordPress Website For 2024

What is the plan

There are many tools on the Internet these days, which will help you to create a website. But the main problem with all those tools is that you won’t have enough control over your website and it will be challenging to improve it. It will also be expensive in the long run.

But we are going to use a platform which is both very easy to use and also you will have the ability to do everything you like as you go forward. We are planning to use WordPress, which is a software installed on your website.

To be able to use WordPress, you must have a host and a domain where we will talk more about it in the next part.

What is a domain

A domain name is the address of your website where Internet users can access your website. Without a domain, having a website is not possible.

Domains come at different prices and you can buy it from different websites and it starts from $1 up to millions of dollars. Below is the list of websites where you can buy a domain

But for our practice and learning, you don’t need to buy a domain.

domain image - free pouya eti

What is host

A network host is a computer or other device connected to a computer network. A host may work as a server offering information resources, services, and applications to users or other hosts on the net.

Same as domains, many websites provide web hosting, which you can see in the list below.

Some of these hosts are more professional and difficult to work with which I mentioned under each.

Beginner
Intermediate
Advanced

FREE Domain & Web Hosting

For the purpose of practicing you can install and run WordPress on your computer. This way you can practice WordPress for ever for FREE.

To do so we need to download and install a software that create a server for WordPress on your computer. Follow the steps below to setup the server:

 

FREE WordPress Website with XAMPP:

  1. Download and Install XAMPP:
    1. Visit the official XAMPP website and download the version for your operating system.
    2. Run the installer and follow the on-screen prompts. You can leave the default components checked during installation.
  2. Start the Services:
    1. Once XAMPP is installed, launch the XAMPP Control Panel.
    2. Start the Apache and MySQL services.
  3. Create a Database for WordPress:
    1. In your web browser, visit    http://localhost/phpmyadmin/
    2. Click on “Databases” and create a new database. You might name it “wordpress” for simplicity.
  4. Download and Install WordPress:
    1. Download the latest version of WordPress from the official website.
    2. Extract the zip file.
    3. Navigate to the htdocs folder in your XAMPP installation directory (typically C:\xampp\htdocs on Windows).
    4. Create a new folder inside htdocs (this will be your website’s directory) and name it something relevant, e.g., “mytestsite”.
    5. Move the extracted WordPress files into this folder.
  5. Run the WordPress Installation:
    1. In your web browser, visit    http://localhost/yourfoldername/  (replace “yourfoldername” with whatever you named your folder in the previous step, e.g., “mytestsite”).
    2. You’ll see the WordPress setup wizard.
    3. Choose your language and click “Continue”.
    4. The next screen will tell you what you need to proceed. Click “Let’s go!”.
    5. Fill in the database details:
      1. Database Name: The name of the database you created (e.g., “wordpress“).
      2. Username: “root” (default for XAMPP).
      3. Password: Leave this blank (default for XAMPP).
      4. Database Host: “localhost”.
      5. Table Prefix: You can leave it as is, or change if you want.
    6. Click “Submit” and then “Run the installation”.
    7. Fill out site details, including site title, username, password, and email. This will be the admin account for your local WordPress installation.
    8. Click “Install WordPress”.
  6. Install Themes and Plugins:
    1. Now that WordPress is installed, you can access the dashboard by going to http://localhost/yourfoldername/wp-admin/.
    2. You can install themes and plugins just as you would on a live website. However, since you’re offline, you’ll often need to manually upload plugin and theme files rather than searching and adding them directly from the WordPress repository.
  7. Practice:
    1. Now you can practice building your site, creating posts, customizing themes, etc. Everything is stored locally, and your site is only accessible on your computer.
  •  
  1.  

If during Step 5 you faced an error please go to the WordPress folder as shown below:

Manually Create the wp-config.php File:

  • In the WordPress folder (htdocs/yourfoldername/), you should see a file named wp-config-sample.php.
  • Make a copy of this file in the same directory and rename it to wp-config.php.
  • Open wp-config.php in a text editor.
  • Locate the following lines:
    • define(‘DB_NAME’, ‘database_name_here’); 
    • define(‘DB_USER’, ‘username_here’); 
    • define(‘DB_PASSWORD’, ‘password_here’); 
    • define(‘DB_HOST’, ‘localhost’);
  • Update these lines with your database details:
    • define(‘DB_NAME’, ‘wordpress’); // Use your database name
    • define(‘DB_USER’, ‘root’); // Default XAMPP username
    • define(‘DB_PASSWORD’, ”); // Default XAMPP password is blank
    • define(‘DB_HOST’, ‘localhost’);
  • Save the wp-config.php file.

Remember, when working locally, you won’t receive automatic updates (because you’re not connected to the internet). If you need to update plugins, themes, or WordPress itself, you’ll need to do it manually by downloading the latest versions and replacing the files.

Finally, while working on a local environment is great for development and testing, make sure to regularly back up your work, especially if you plan to migrate your site to a live server in the future.

 

Theme & Plugin Installation

When you encounter the FTP credential prompt or the directory creation error on a local WordPress installation, it often relates to permission issues. WordPress needs certain permissions to write files and create directories. Here’s how to resolve these issues:

1. FTP Credential Prompt Fix:

This happens because WordPress is unable to write directly to the wp-content folder. You can configure WordPress to directly handle file writes without FTP by adding a line to the wp-config.php file.

  1. Navigate to the directory where you installed WordPress on XAMPP. It should be something like C:\xampp\htdocs\yourfoldername.
  2. Open wp-config.php in a text editor.
  3. Add the following line towards the top, after the <?php tag:
    1. define(‘FS_METHOD’, ‘direct’);
  4. Save the file and try to install the theme again from the WordPress dashboard.

2. Directory Creation Error Fix:

If you’re unable to create a directory, it typically relates to permission problems. Here’s how to change those permissions:

Windows:

  1. Navigate to the wp-content directory in your WordPress installation (e.g., C:\xampp\htdocs\yourfoldername\wp-content).
  2. Right-click on the wp-content folder and select “Properties”.
  3. Go to the “Security” tab.
  4. Click the “Edit” button to change permissions.
  5. Highlight “Everyone” in the Group or user names box. If “Everyone” isn’t there, you may need to add it by clicking the “Add” button.
  6. With “Everyone” highlighted, check the box under “Allow” next to “Full control”.
  7. Click “Apply” and then “OK”.

Mac (if someone is using XAMPP or another local server on macOS):

  1. Open Terminal.
  2. Navigate to the directory where WordPress is installed, for instance
    1. cd /Applications/XAMPP/xamppfiles/htdocs/yourfoldername
  3. Change permissions for the wp-content directory:
    1. sudo chmod -R 777 wp-content

This command gives full read-write-execute permissions to the wp-content directory and all its subdirectories. While this is fine for a local development environment, you’d never want to use such open permissions on a live server.

After making these changes, you should be able to install themes and plugins without any issues from your WordPress dashboard.

WordPress Fundamentals

After the installation of WordPress was complete, click on the manage website, and you will be redirected to the WordPress admin panel. In general, anytime you want to visit the WordPress admin panel, you just need to add the “admin” term in front of your website URL same as the example below:

www.example.come/admin

The username and password you created during the previous step are useable to login to your WordPress admin panel.

There are several essential sections on WordPress admin panel that you need to learn more about and start to practice. As we go forward, we are going to take a look at parts such as:

  • Posts
  • Pages
  • Comments
  • Appearance
  • Plugins
  • Settings
wordpress admin login page by pouya eti

So let’s take a look around and learn more about the environment of WordPress.

Posts

A WordPress post is what makes up the blog aspect of your site.

  • These are generally news or informational updates about a certain topic or talking point.
  • Posts are listed in reverse chronological order and can be tagged, categorized and even archived on your site.
  • WordPress posts are what make up the RSS content of your WordPress blog. So, when someone subscribes to your RSS feed, your posts will be the content that’s delivered to them.
  • Think of the posts at the news portion of your site. They’re dynamic and constantly changing the content your end users sees.

Pages

WordPress Pages are similar to posts in that they have a title and body text, but they are different because:

  • they are generally reserved for static content or information.
  • Examples of this would be an About Me or Contact Us page.
  • Pages are not listed by date and can’t be categorized or tagged like WordPress posts,
  • Pages can have a hierarchy, which means you can nest pages under other pages by making one the “Parent” of the other, thus creating a group of pages.
  • Due to their static nature, pages aren’t included in RSS feeds and won’t have date or time publishing

Comments

Comments provide your website’s visitors a platform to communicate with you and other readers. It allows them to add their input on the topic, ask questions, and provide feedback. They allows for community interaction around your content.

WordPress comes with a comment management system of its own. WordPress posts, pages, and other post types can accept comments. All WordPress themes come equipped with comment layout templates. However, it is up to you to engage users on your website and encourage them to leave comments.

Appearance

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 with an underlying unifying design for a weblog. These files are called template files. A Theme modifies the way the site is displayed, without modifying the underlying software.

Appearance include several important sections such as:

  • Themes
  • Customise
  • Widgets
  • Menus

Plugins

A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites.

WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. In the WordPress community, there is a saying that goes around: “there’s a plugin for that”. They make it easier for users to add features to their website without knowing a single line of code.

 

There are important and useful plugins which we will take a look in the plugins section. These plugins will help you to improve your site, rank better in SEO and much more.

Settings

This Settings General Screen is the default Screen in the Settings Administration Screen and controls some of the most basic configuration settings for your site: your site’s title and location, who may register an account at your site, and how dates and times are calculated and displayed.

You should know that some of the plugins which are less complicated, appear under the settings section of your WordPress.

WordPress Theme - FREE & Paid

In WordPress, a theme is a collection of templates and stylesheets used to define the appearance and display of a WordPress powered website.

They can be changed, managed, and added from the WordPress admin area under Appearance » Themes. There are several free and paid WordPress themes available. WordPress.org has an extensive collection of free ones in their Themes Directory.

Each one comes with a different design, layout, and features. A user needs to choose the one that suits their taste and requirements for their website. Some are designed to serve specific kinds of sites, e.g., WordPress Photography Themes are designed for photographers and photography websites.

I am going to introduce two different WordPress themes, one free and one paid. The reason is that some people don’t have the budget to buy a $70 theme, and some people want their website to be professional.

The free one also do the job, but won’t have all the tools you may need in the long run. The paid one includes a lot of details, plus some popular plugins for WordPress.

Neve - FREE

neve free wordpress theme website by pouya eti download

Neve is clean and comfortable to use WordPress theme. It is a multi-purpose theme and can be used for both business and creative purposes. Neve is perfect for blogs, startups, small businesses, agencies, firms, e-commerce shops (WooCommerce storefront), as well as personal portfolio sites and most types of projects.

With the one-page layout and attractive interface of the theme, you can give an enticing look to your website. Neve comes fully compatible with the most popular free page builders(Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi), which will help you in creating awesome-looking content quickly. This fully AMP optimized theme will make your website look great on all devices with its fully responsive design.

Optimize - Paid

optimize paid wordpress theme by pouya eti

Optimize is an excellent WordPress theme specifically created for an SEO website, digital marketing agency and social media marketing agency. This is a modernly designed theme that is sure to capture the attention of your visitors.

Optimize comes with a truly vast collection of pages that can be easily customized to fit the needs of companies in the aforementioned fields of business and is fully compatible with the most amazing SEO plugins. All of its elements and features have been carefully created and styled precisely for digital marketing, analytics and SEO needs. Get Optimize today and start expanding your business!

Upload theme

To upload the theme, all you have to do is to go to Appearance > Themes > add new (at the top of the screen) > Upload theme > Choose File, then select the zip file of your WordPress theme.

In this practice, we are going to upload Neve theme and learn everything on that theme since everybody can use it freely.

After the installation is complete, you should see the process done successfully, as shown in the image here.

Then click on activate and after a couple of seconds your theme will be ready to use.

free wordpress theme instal activate pouya eti
wordpress theme neve active pouya eti

To make sure that your theme is ready to use and active, on the next page (themes), you should see Neve theme status, active as shown in the image.

You can now visit your website and the look has to be different now.

How to import theme's demos

All themes come with a couple of demos ready to use, and you can select the one you like the most, and import it. You must know that, when you import a demo, it will also import all medias such as images with it.

So I do not suggest you import demos since I believe it is better to create your website from scratch.

 

How to import:

Appearance > Neve Options > See demos > Select the demo you like the most > click on import demo

Site Identity

Tagline Prompts for ChatGPT:

Discover hassle-free tagline creation in this section! Use our pre-made prompts: simply copy, paste, and customize in ChatGPT to instantly receive a tagline that aligns with your brand and appeals to your audience. It’s quick, easy, and tailored to fit your business!

Step 1:

I have a business called [BUSINESS NAME] where we sell [THIS PRODUCT]. I want you to create at least 5 taglines for my business website.

Step 2:

Select the best one and improve it.

Step 3:

Act as a ruthless critic and try to improve the tagline you just suggested.

Logo Prompt for Dall-E 3:

Discover hassle-free tagline creation in this section! Use our pre-made prompts: simply copy, paste, and customize in ChatGPT to instantly receive a tagline that aligns with your brand and appeals to your audience. It’s quick, easy, and tailored to fit your business!

Hatchful from Shopify

Shopify logo maker

Adobe Express

adobe express

Dall-E 3

You can use Dall-E 3 or ChatGPT 4 to generate a logo for your business and your website. There is a sample prompt so you can just copy it to ChatGPT4 and replace the key information for your business.

Dall-e 3

Prompt:

Create a flat 2D logo for a [Industry] company named [Company Name], ensuring it faces directly forward. The logo should be [Style] and minimalistic, incorporating the [Elements to Include] to symbolize the brand’s essence. It should be adaptable for print media and reflect the cutting-edge nature of [Industry]. The design should be on a white background and avoid any 3D perspectives or effects to ensure it is straightforward and clean. use [Colors] colors in the logo.

Sample logo for Super Mouse 1
Sample logo for Super Mouse 2
Sample logo for Super Mouse 3
Sample logo for Super Mouse 4

Theme settings

The very first step after installing any WordPress theme is to check the theme settings (not WordPress settings) and set up everything the way you want it to be.

You will find different options using different themes. Some are more advanced, while some have several essential tools. But in general, the first step you should consider after theme installation is this part.

Now, let’s look at the settings of our theme, Neve, and see what the areas we can edit or improve are.

  • Logo
  • Fonts
  • Header
  • Footer
  • Colors
  • Layouts
  • Blog
  • Content

*Important notes*

1. Image compress

Before we get to the logo section, there is something important you should know about the images you would like to use for your website. To increase the speed of your website, you must be very careful with the sizes of your pictures.

After you prepare the images you need, you should compress them before uploading them on your website. To do so you can use a very handy FREE tool whose name is Tiny PNG.

 

 

What does TinyPNG do?

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

tiny png compress exmple seo wordpress pouya eti

2. Keywords

The next important task I wanted to point out is to use the right keywords in the images you use. It will help your website to rank better in SEO (search engines like Google). If you know nothing about SEO, it may sound a bit complicated. Let’s learn more about it in an example.

Let’s say you want to create a blog post about fashion and clothes. The words that will help search engines find your blog post are called keywords. in your post you may want to use keywords like:

  • Fashion
  • Shirt
  • Clothes

Now, when you want to upload an image, rename it and use some of these keywords inside the name as well.

To upload your logo, you have to go :

Appearance > Neve options > Upload logo

On the next page, you will see a panel on the left side of your screen the same as the image here. Even though it was supposed to be just for the logo but we also have the site title as well.

 

Take a look at the image here and the explanation for each number.

1. Here you can upload a logo for your website which will appear at the top-left side of your website’s header. Simply click on “select logo” and upload the logo I prepared for you or your own design.

test logo for wordpress website by pouya wti

2. Here you can write the name of your website, which will appear in search engines and at the top of the browsers usually.

The tagline is just a short description that you can provide in a couple of words.

3. At the bottom of this panel, there is an other Icon you can select, which will appear at the top of the browser before the name of your website/page.

test website icon by pouya eti
upload logo wordpress website pouya eti

Finally after upload it should look like the images shown below.

website logo uploaded

Fonts

In this section, you can change the font style, size, and typography of your website or some specific type of text like headlines.

During the first step, you can select a general font family for your website. My suggestion is to use “Roboto” since it is the font style Google use on their website as well, or if you are familiar with font styles, select the one you believe is suitable.

 

Under it as you can see there are different headline types and you can make changes for each. Even there is an option for other devices to make sure everything looks excellent and responsive.

practice wordpress website fonts pouya eti

The next thing we need to talk about is to create a header for your website. Select header and on the next page you will see a short tutorial how to edit your header.

At the bottom of screen there is a place to add and edit your header as shown in the image.

The number 1 inside the image is what you have as a header right now. Right now we only have a logo and menu which by hovering mouse and dragging, you can move their places or change their sizes.

Number 2 is the top header where you can have a secondary menu or call to action button.

Number 3 is the bottom header where you can also have additional elements as well.

 

In the image below you can see some of the changes I made just to show you how it may look:

test header wordpress website pouya eti

To add new elements to the header, just click on the blue plus sign, and a popup will appear and you can select the elements you like to have.

You can only use each of these elements once. Let’s select a secondary menu for the top right side of your header. When you select the “secondary menu” the settings will appear at the left panel. Here you have the abilities to change the background color, font style and other features.

I suggest not to use the bottom header, only and only if you really need to. The main reason is because, the website’s header will get very thick and on other devices won’t look good and understandable.

If you would like to use html but you have no knowledge, it is still okay. Below I have added two pages which will give your more info regarding this issue. Example:

<p style=”color: red;”>This is just a text</p>

Result:

This is just a text

add elements in header wordpress free pouya eti

Footer

The footer section is almost similar to the header section, so again, select footer, and on the next page, at the bottom of the screen, you will see the footer editor. Now you are able to add the elements you like to the footer, but the items are a bit different from the header section.

Here you have footer one to four and footer menu. The way you should use it is to decide how many columns you would like to have on your footer. For example, if you just want to have 2 columns, then only use footer one and footer two.

Inside each column, you have the ability to add some other items, which are known as widgets. Using them is pretty simple and understandable, but later in the widget section, we will get back to this topic and learn more about it.

Below you can see just an example of what I have made as a simple sample footer with three columns.

footer example wordpress website pouya eti

Main colors

As I mentioned before, different WordPress themes have different color settings. As you can see in the image here, the setting is pretty simple.

You can select colors for links, link hover, text color, and background colors. About background color, you should know that the color you select here will be applied on all pages, but if you go to each page and change the background color from there, it will be overridden by the page setting for each page.

Coolors.co

To make your work easier, there is a website that helps you to find the colors that are in good harmony with each other.

You can even lock some of the primary colors that you want to have and see which colors will be a great match.

coolors color wordpress pouya eti

Layout

During this part, we will mostly focus on the layout of pages connected to blogs. How the main page (the page that shows your blog posts, not home page) should look like, how each post should look like, would you like to have a sidebar, and much more. Below you can see some of the settings regarding layouts. Editing is very simple and you can decide how better it fits your website.

Here we have 4 main section which are:

  • Container: all your contents in a web page are inside an imaginary box, which we call it container and here you can select the size. Again later you can edit each page separately as well.
  • Content/Sidebar: Here you can edit the settings about the sidebar in each page.
  • Blog/Archive: Here you can edit how all your blog posts should look.
  • Single post: Here you can edit how each blog post should look like, what element in what order should be visible and much more.
wordpress container layout pouya eti
layout sidebar wordpress pouya eti
blog wordpress pouya eti

The next two sections which you see in the theme settings, which are “Blog layouts” and “Content/Sidebar,” are the same options we talked about in the previous part.

 

So that was all about the theme settings available here, and as I mentioned before, in other themes you will face with a different types of configurations, it can be more or less, but the whole concept will remain the same. According to the practice we had here together, you can understand how you should set the setting for any theme on your own.

Customise

Here we should learn more about a section which we already have been there a couple of times, but didn’t focus on it. Some of the theme settings exist here, plus other important configuration which you may need. So please go to:

Appearance > Customise

 

As you can see in the image here, there are 11 tabs which some of them we have already seen before. So let’s start from the top:

View PRO Features: The other options provided in the paid version of the theme.

Buttons: This is a new setting that hasn’t talked about it before, but later we are going to learn more about a tool which makes it much easier to work with and create better buttons. We can skip this part as well.

Menus: Here is the part where you can add pages to your menu in the header, or create other menus for other parts such as the top header, footer, and so on.

Widgets: Are elements that you can add to an object like a sidebar. The main place to work with and edit widgets are under appearance > widgets, where we will take a look soon.

Homepage Settings: The important part which I receive many questions from students, that how we can change the homepage to other pages we like. When you select this option, on the next page it will ask you if you want to show the latest post (which I don’t recommend, even you just want to do blogging), or want to show a static page.

Select a static page and then it will ask you to select a page since we haven’t created any page there is just a sample page. Select the sample page and later we will edit that page according to our needs.

Additional CSS: Finally, if you want to add some additional CSS code you can add them here that will affect every part of your website.

wordpress customise pouya eti

Page & Page Editor

It is time to create our first page, but before that, we need to learn about some of the tools that will make your work much easier. When you click on pages from the menu on the left, you see the list of the pages you have, with some additional info and controls.

add page wordpress free pouya eti

Click on sample page so we can edit and prepare it for our home page.

As I mentioned above there are several tools you need to learn more about before we create our home page. WordPress by default use a page builder name “Gutenberg” which some people like and use it. But I believe it is a bit hard to understand and use this tool, and it is not just me, you can look at the reviews of this tool yourself in the image below.

It’s up to you if you like to use this tool and by default when you go to edit a page you have to use this tool. But because I want to teach you the easiest and powerful ways, we are going to use other tools here.

So before editing the page, let’s click on plugins from the menu on the left and select add new.

wordpress classic editor pouya eti 2

If you don’t know what plugins are, they are mini apps that you can install on your WordPress and use them. The same way you install app on your phone.

Using plugins you can almost do anything you have in your mind very fast and easy.

So when you get to the add plugin page, by default it shows some featured plugins, which one of them is “Classic Editor”. If you don’t see it, search for the same name in the search bar.

As you can see, not only the reviews are good but also over 5 million people are using this plugin. Click on Install and then click on activate. Now go back to pages and select sample page.

Now everything look different. The first thing you see here is the term “Sample Page” writen as you can see in the image below. THat is the name of your page. Under it is the link of your page. Since we selected this page as our home page, you can not change the link address of your page but normally on other pages you can edit it.

page name wordpress pouya eti

Under it you can see the texts that exist and are visible on our home page at the moment.

On the right side of the screen we have several windows that each include some specific information. The first one is the general info about your page.

At the bottom of the right column in edit page you can see a window about feature image. This is the image visible when you share the link of a webpage. If you don’t upload any image, it will use the first image in your page.

As we go forward we will practice over and over all the topics we talk about here, so don’t worry if they seem a bit confusing at the moment. But it is important to practice with me along the way.

page infor wordpress pouya eti
feature image wordpress website pouya eti

Elementor

Elementor is one of the top editors available for WordPress, extremely easy to work with and available FREE, but some features are paid. Along the course we are going to learn and practice to create pages, posts, custom header and footer with this plugin since it is easy.

To install it, please go back to plugins > add new and search for “Elementor”, or use the link below:

After installation is complete, you will see that the elementor has been added to the column on the left side of the screen. If you go back to the edit page, you will see that a button appeared under the page URL setting.

First of all change the name of your page, to something which is the best fit for your home page, also remove everything written in the text area. From the right window, you can also select “No sidebar” and “Disable title” since we don’t need to have them inside the home page. Click on update and after that, click on the button “edit with elementor”.

elementor elements window wordpres pouya eti

On the next page, on the left side of the screen, you will see a window that includes all the elements and settings you need to build your page.

You can drag and drop every element you want from the window to the page. Before learning more about elements, let’s talk about containers which are the location for showing elements.

In the middle of the screen, there is a pink plus sign, and when you click on it, you will see different types of containers where you can show different elements inside each one.

By selecting the structure you like, a container will appear on your screen. Now you can drag and drop the elements you want inside the container.

When you import and element, on the left window, new details will appear which at the top starts with 3 main sections: Content, Style and Advanced. These settings are almost similar for all the elements and by learning one you can get good at all.

Since this topic need tons of information and practice, you can follow my instructions inside the video lecture of the course.

Responsive

It is very important to make your website responsive to all devices, meaning every element on your website must look right and fine on desktop, laptop, tablet and mobile. As you can see in the first image, there is a setting that let you see how your webpage would look like in different devices. The setting is under the elementor control window at the left side of the screen.

And the way you can edit your elements in different devices is to click on the desktop icon in front of some elements like size and the change the value according to your situation.

responsive elementor - pouya eti
responsive sizes elementor wordpress by pouya eti

Design Inspiration & Resources

Inspiration

Beside functionality which we will learn more about in the website optimization section, it is essential to have good looking designs. That is why in this part I am going to introduce several platforms that will help you in this field.

Some of these tools will inspire you to improve your designs and some other will provide useful materials.

design art wordpress website 2

dribbble

Dribbble is a self-promotion and networking platform for digital designers. It serves as a design portfolio platform, one of the largest platforms for designers to share their work online.

behance

Behance is a social media platform owned by Adobe which aims “to showcase and discover creative work”. Users can sign up to Behance and build profiles consisting of projects.

Resources

There are several platforms that will help you to gather all the media you need for your designs. You can use the artwork and images from these websites for free.

Also There is a website that give you the ability to edit and design artworks you need, even if you are not a designer or don’t know how to use complicated designing software.

canva logo

Canva

Use Canva’s drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and …

unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free photos.

pexels logo

Pexels

Free stock photos you can use everywhere. Free for commercial use No attribution required. Enjoy high quality images.

freepik logo

Freepik

Over 5 millions free vectors, photos and icons. Exclusive graphic resources that you need for your projects.

ClickFunnels

Click on the button below to download the resources to create the ClickFunnels landing page.

Posts

Creating posts on WordPress is exactly similar as creating a page with only some small differences. When you create a new post, before going to elementor editor page, there are some options on the right sidebar.

category posts wordpress - pouya eti
tags option wordpres posts - pouya eti

Categories and tags are mostly useful to search and find the right post. If you are planning to create a lot of posts on different topics, it is very important to add tags and categories. These two options also have other effects. Search engines will recognise them and it will help your posts to rank higher in search engines.

widgets container wordpress pouya eti

Widgets

Widgets are an other type of elements you can use to create some specific type of containers such as footer and sidebar. Depending the the type of your theme, you can find other containers as well. In our theme here we only have 5 which are:

  • Sidebar
  • Shop Sidebar
  • Footer Two
  • Footer Three
  • Footer Four

On the left side of the screen there are different objects that you can add to each of these containers according to your need and edit them. All you have to do, is to drag and drop them in the container, then each of these elements has their own settings.

There are some plugins that can add widget elements to this list and provide what you need.

Shopify

Click on the button below to download the resources to create the ClickFunnels landing page.

shopify website resources image

Plugins

WordPress plugins are apps that allow you to add new features and functionality to your WordPress website. Exactly the same way as apps do for your smartphone.

Some of these plugins are free and some are paid, and during the course we will practice some of them that are very important and useful.

But first let’s learn more about plugins and how to find which ones are a better choice for our website.

wordpress plugins

How to analyze plugins

There are several essential points you need to pay attention before installing any plugin on your website. These steps are critical since avoiding them can cause massive problems on your site later.

plugin check list wordpress free pouya eti

1.Reviews

Always before installing any plugin, take a look at the reviews and make sure it is above 4 star.

2.Active installation

The number of active installation should be high, in proportion of reviews. Some plugins have good reviews, but there aren’t many people using it.

3.Last update

Try to use plugins that are regularly getting updated, since in programming world everything changes so fast and there are tons of bugs and errors.

4.Compatibility

Some plugins are not compatible with the theme you are using and installing them may create issues for your website.

Essential Plugins

It is time to learn more about some professional and important plugins for your WordPress website. Some of these plugins are free, some are paid, and some are both. I will introduce each of them and show you how to master them.

classic editor plugin wordpress - pouya eti

Classic Editor

The old school editor of WordPress which I believe it is more understandable comparing to the new Gutenberg.

duplicate pageplugin wordpress - pouya eti

Duplicate Page

A very handy plugin which help you duplicate almost everything, from pages, posts to the smallest stuff on WordPress.

elementor plugin wordpress - pouya eti

Elementor

Very powerful and simple page builder plugins for WordPress. You can create advanced pages even though it is not a complicated tool.

elementor addons plugin wordpress - pouya eti

Essential Addons for Elementor

Additional cool elements that can become very useful while creating a page, post or header/footer using Elementor plugin.

elementor header footer plugin wordpress - pouya eti

Elementor - Header, Footer & Blocks

Elementor Pro include this service which let you create custom header and footer, but if you are using Elementor free, this plugin is good.

nav menu plugin wordpress - pouya eti

NavMenu Addon For Elementor

This plugin is required if you want to use the previous plugin to create costume header and footer using Elementor page builder.

wp-optimize plugin wordpress - pouya eti

WP-Optimize

Use this plugin to increase the loading speed of your website by optimizing, compressing images and cleaning caches.

autoptimize plugin wordpress - pouya eti

Autoptimize

Increase the speed of loading your website by compressing coding files and images. Some of the services are similar with the previous plugin.

Mailster plugin wordpress - pouya eti

Mailster

Avery complete and advanced tool that let you do all your email marketing for your business on your own WordPress dashboard.

yoast seo plugin wordpress - pouya eti

Yoast

A very handy and powerful tool that let you improve the setting for page/post to be able to rank higher in search engines.

Woocommerce plugin wordpress - pouya eti

WooCommerce

A very popular plugin for those who want to have products on their websites and sell different types of products.

slider revolution plugin wordpress - pouya eti

Slider Revolution

Using this plugin you can create cool and advanced sliders for different places of your website. Professional easy to work with.

ultimate member plugin wordpress - pouya eti

Ultimate Member

A great free plugin that creates a member signing up system on your website with all required pages and very easy to handle.

Ultimate Membership Pro plugin wordpress - pouya eti

Membership Pro

Professional plugin for member system but paid. If you have the budget, use this plugin since it is much more complete.

4.6 53 votes
Article Rating
Subscribe
Notify of
guest

54 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Lolu
3 years ago

Great write-up. Thanks.

I’d say that instead of using elementor header and footer plugin with nav menu for Elementor plugin, I’d say just use one plugin. The name is Elementskit plugin. It can even do Mega menu. All in the free version.

Yusuf Adekunle From Nigeria
Yusuf Adekunle From Nigeria
2 years ago
Reply to  Lolu

What is your suggestion between Elementor and Thrive Architect? Thanks

Joshua Boniface
Joshua Boniface
2 years ago

Will be appreciate it if it will be included in the course

Pete
3 years ago

Good one! Just got your UDEMY course. Very useful.

shazad
shazad
3 years ago

why was my comment deleted ?

Devang Jani
3 years ago

Great resources…thank you…

Zoya
Zoya
3 years ago

Sir I’m facing issue while signup in 000webhost.”It seems like you’re using a proxy. Please turn it off and try again”.I’ve checked i’m not using any proxy. Please suggest the solution. Thanks

Elyas
Elyas
1 year ago
Reply to  Zoya

Use InfinityFree, it’s similar to 000webhost.

Priyaanshu Kashyap
3 years ago

sir while was working on my website,A wordpress page login site pops up and i can’t pass through it. please help

Juan Carlos
Juan Carlos
3 years ago

Hi, I think you have to create an account.

Priyaanshu Kashyap
3 years ago

Sir while I am creating my website a wordpress page pops in. please help

Priyaanshu Kashyap
3 years ago

sir ultimate member and woo plug in not working in infinityfree.com. please help

Mohammed Umair Khan
3 years ago

WOW!!!
Just Amazing.

Tekki Giridhar
3 years ago

hello sir, I am at wordpress section 22 pages, When i add new page and type somename and click elsewhere, the link isnt popping up. May i know why sir?
thanks

Ifeoma Onyilimba
3 years ago

very detailed thank you. please i need help. after installing WordPress, I cant go past the sign in page

Ramesh Bashyam
Ramesh Bashyam
3 years ago

Just seeing the content itself is mind-boggling. Amazing job. I am in for creating my website. Keep up your good work.

Natasha Shah
Natasha Shah
3 years ago

Sir, I am trying to add a CSS Code so that when I click a button it goes to that particular part of the page. In which lecture can I find how to do this? I’ve been trying to find it but am unable to locate that exact part. Please help- thank you 🙂

Bhargav R. Hegde
Bhargav R. Hegde
3 years ago

hello sir,
in the 73rd lecture of Yoast – SEO, we faced a problem in analysis result in the improvement section where it showed:
Keyphrase in title: The exact match of the keyphrase appears in the SEO title, but not at the beginning. Try to move it to the beginning. and

our title was : How to create a free website with wordpress by Bhargav.

when I tried and put the keyphrase in the beginning of the title then the problem was solved.

solution was: Free website. How to create a free website with wordpress by Bhargav.

april
april
3 years ago

Hi Mr.Pouya i just started the course and i think i lost..i cannot edit now from elementor and its giving me 404 screen from 000webhost website. Thanx to help

Johana Pineda
Johana Pineda
3 years ago
Reply to  april

same thing is happening to me

Karthik Rokkam
Karthik Rokkam
3 years ago

I love the way you teach & the way you sound, the amout of detail & effort you put into everything. This is my first onlie course & I dont know how other courses are but I definitely love the details & exxplanation.

Thank You Mr. Pouya

Sharjeel khan
Sharjeel khan
3 years ago

Hi pouya eti you made awsome course it very helpfull and detailed thanks!
i am facing some problem today i installed duplicate page plugin,after installation i tried to duplicate the page that i created but suddenly my wordpress loged out and shown error logging in wordpress after half an hour i tried again it logged in but my wordpress dashboard is working very slow,please suggest me what to do.

Last edited 3 years ago by Sharjeel khan
Chukwuji Isaac
3 years ago

Sir thanks for the great course, sir the session iam on building website i’m trying locate the shopify website so i can pratice with but i cant see exactly the same web page

david
david
3 years ago

hi, the plugin ‘NavMenu Addon For Elementor’doesn’t exist anymore and i cant create custom menu
what to do??

:Pushkar Kumar Mishra
:Pushkar Kumar Mishra
3 years ago

Thanks much for step wise writing. These step makes easy for beginners like me.

mohammad hasani
mohammad hasani
3 years ago

پویا این هاست وصل نمیشه به ورد پرس https://www.000webhost.com/

mohammad hasani
mohammad hasani
3 years ago
Reply to  Pouya Eti

ردیف شد چون این آخری ها نمیزاشت استفاده کنم الان درست شد infinityfree

Last edited 3 years ago by mohammad hasani
mohammad hasani
mohammad hasani
3 years ago
Reply to  Pouya Eti

اینستا 10 تا پیام بهت دادم کجایی؟؟؟

Edna Miyazaki
Edna Miyazaki
3 years ago

Dear pouya. I hope you find my message very soon.
The web creation part is super confusing for me do you have any course where I can follow step by step on how to put my website together I purchased the Optimized theme but I dont know how and where to edit

Domain Registration
2 years ago

Sometimes with free sites you have to show their advertisements.

Ednard
Ednard
2 years ago

Nice one, tried creating one but was having issues with signing in

pkv
pkv
2 years ago

The slider revolution add on found not free software,any other free slider available

pkv
pkv
2 years ago

The beginning section training was found good and easily could follow, but after 75th section(woocommerce) i could not know anything.

Mayank Jain
2 years ago

Great teacher infect. I have increased my website visitors by following the suggestion and guide by Pouya. I have increased the traffic of my website by 10 times.

My article on Mobile Attendance App comes in 1st position for many keywords.

Parul Singhal
2 years ago

Hi Pouya, Do i need to compress the given logo or any other logo taken from google search engine before uploading to site?

Adebowale Adedoyin
2 years ago
Reply to  Pouya Eti

Thanks a lot

Prashant Joshi
Prashant Joshi
2 years ago

Hi Pouya I joined this course and really enjoying it one thing to mention is you can add how to configure WordPress on there local system using xampp it is easy and works fast rather then depending on free servers which lags in middle this is suggestion and one more thing I am also a pianist and I loved your composition of Piano part – Moments of life great playing you should continue that as well.

Best regards
Prashant

mayank
mayank
2 years ago

Nicely written. Thanks

Rishikesh Beliya
Rishikesh Beliya
2 years ago

Just on a side note:
What if one torrents the Neve Paid Version?
What will happen? Would it be risky?

romaan hanif
romaan hanif
2 years ago

Hello sir, How to create an official website using a main domain & hosting

vrishti
vrishti
1 year ago
Reply to  Pouya Eti

sir i am having problem with my site its not working what should i do now

dreamhome.freecluster.eu - Google Chrome 13-05-2022 13_20_06.png
Yuval Yanay
Yuval Yanay
2 years ago

Very helpful and useful resources and explanations for a website.

Thank you very much!

Cari Scharping
2 years ago

Hello, I would like to add a “Follow Me” button to my WordPress website. All of the PlugIns that I can find seem to be defunct. Is there an easy solution? Thank you.

vrishti
vrishti
1 year ago

i am having a trouble with my website my site is not working what should i do now please help!!!!

dreamhome.freecluster.eu - Google Chrome 13-05-2022 13_20_06.png
yab
yab
1 year ago
Reply to  vrishti

Just wait for it

LEKE GABRIEL OLUWAGBEMISOYE
LEKE GABRIEL OLUWAGBEMISOYE
1 year ago

my system does not allow me to access the link to download WordPress from the infinity website, saying its dangerous.. can i download WordPress from google and install it, i hope it will work.

Graham Bonkowski
Graham Bonkowski
1 year ago

In your tutorials your suggesting using Infinityfree, but in your documents your strongly suggest 000webhost. We one are currently suggesting now? Thank you!