Tutorial WordPress completo

10 SEO mistakes that are hampering your e-commerce
What are Backlinks: The definitive guide for you to be # 1 on Google

This WordPress tutorial you will find out everything you need to create a website with WordPress. Facilities for backups, it will be highlighted step by step. Good reading and learning. WordPress took his first steps on 27 May 2003. Matt Mullenweg and Mike Little are the founders of this software. It can be referred to as an online source of creation and tools for building websites, based on PHP and MySQL programming and language, that is, a CMS  Content Management System  (Content Maintenance System).

When the software was released he soon achieved a lot of users and continued to grow to become the largest and most popular CMS in the world. Today, WordPress has more than 75 million websites. A survey in April 2016 shows that its content maintenance system has been used by more than 26% of the ranking of the 10 million finishers.

Because WordPress is so popular?

After discovering the massive amount of users that WordPress has, you might be wondering: why is he so popular? The mixture of various factors can be taken as an answer. The main point is that WordPress is a simple tool to blog, however, is much more than that. Because it is an open project creation, this allows anyone to edit and improve your code according to your own taste. It also comes with a number of free plugins, themes, widgets and other tools. All of these attributes allow the user to create any type of website, starting with simple blogs, personal websites or portfolios, moving to e-shops, knowledge bases and classified.

Another factor that contributes to the popularity of WordPress is to be completely free and supports all hosting platforms with PHP and MySQL. Above all, this CMS is constantly updated with new versions that improve security, including new enhancements to the total of performance. Last, not least, WordPress has a huge community with dedicated forums of discussions all over the internet. The amount of available content and thousands tutorials also contribute to that WordPress is one of the easiest ways to create Internet content.

What is a CMS

The CMS (Content Management System) is an application with the ability to create, modify and publish digital content. In most cases, it also supports multiple users, allowing them to work together. For example, in WordPress so you can create multiple administrative users, each having different privileges. The content maintenance system also includes text and formatting, the ability to post videos, photos, audio, maps and even your own code.

The content maintenance system consists of two major components:

  • Content Management System application (CMA). The CMA may also be referred to as the graphical user interface (GUI) that allows the user to create, modify, delete and publish content without having a knowledge of HTML or other programming language.
  • Content delivery application (CDA) The CDA is responsible for the services backend that maintains and send content through the CMA.

Other important attributes mentioned are:

  • URLs with SEO
  • and online support communities
  • Functions for User / Group
  • Several templates and designs
  • installation wizards and upgrades / updates

The three most popular CMAs in the world are WordPress, Joomla and Drupal.

WordPress.com vs. WordPress.org

WordPress.com and WordPress.org are two ways to host a WordPress site. What changes between these two methods is the hosting itself. When using WordPress.org, you must do the free download of the script and host for yourself on a local computer or through a hosting site (as well as Hostinger). On the other hand, the WordPress.com takes care of all the website hosting for you. You will not need to keep a web server, pay for a hosting site or download software, however, ads advertising will appear on your site.

Pros and cons

If you are not interested in hosting or maintaining your own server, then WordPress.com can be your option. It is free and can be quickly set up with various tools and options to customize your site. However, this comes at a price. Your website must have the WordPress.com in the url address and you can not upload custom themes or plugins. The ability to edit or modify the PHP code behind your site also can not happen. Using a hosting version of your choice with the WordPress.org comes greater flexibility and control over your site. You can have your own domain, post themes, plugins and install them. You will also have access to your files, folders, database and codes, meaning you can modify it according to your taste.

Popular sites and powerful WordPress hosting are that own profile, providing greater flexibility and ability to implement custom functionality, and design codes. Finally, if the WordPress CMS is not for you, other content maintenance systems like Drupal and Joomla allow you to test other types of self-hosting.

This WordPress tutorial will focus on version “self-hosted”.

Step 1 – Installing WordPress

The first stage of this WordPress tutorial is to explain how to install this CMS. There are different ways and one of the reasons for that WordPress is so popular is the low need for system requirements to run on a web server. You can also see more details and videos on how to install WordPress this content.

  • Version 5.2.4 of PHP or later.
  • Version 5.0.15 of MySQL or higher, or any version of MariaDB

You will probably have to look for a hosting provider that supports WordPress. Many hosts use various automatic installers to make your WordPress installation even simpler process. Using these installers, the user will no longer have to deal with creating database or upload files.

Before continuing your installation, you will need to decide how you want to access your website. You want to have WordPress as your root domain (exemplo.com) subfolder (exemplo.com/blog) or subdomain (blog.exemplo.com)? Only if you want to set up WordPress as subdomain you will need an extra step to create it. In Hostinger this can be easily done on subdomains session.

 

Option 1.1 – Installing WordPress Hostinger by using an Automatic Installer

Let’s get the fastest and easiest way to install WordPress: Hostinger auto installer. The steps shown below show how to install through Hostinger control panel. 1- Access Control Panel Hostinger

2- Find the auto installer and open.

3- Enter WordPress in the search field and click the icon.

4- Now complete with the specifications of your website:

  • URL – The url where the WordPress must be installed. If you would like to install as a root domain (exemplo.com), leave it blank.
  • Language – Choose the language of WordPress
  • Administrator Username – Your username WordPress. You will use it to access the admin area.
  • Administrator password – Your password WordPress. You will need it to access the admin area.
  • Email Administrator – Enter your email address.
  • Website title – title of your WordPress site.
  • Tagline Website – A short sentence explaining what is your site.

5. Press the button Install .

Option 1.2 – Installing WordPress manually

If you would like to understand the basics and learn how WordPress works, you can install it manually. WordPress is famous for its installer 5 minutes. The process is straightforward and similar to any other software installer. So if you have ever installed a program on your computer, it will not be difficult to complete this installation.

What will you need before you continue:

  • FTP client or File Manager.
  • updated version of WordPress

First, download the latest update of WordPress by WordPress.org official website.

Once downloaded, you can start posting your WordPress files on your hosting account. You can either use a File Manager, provided by the hosting sites to choose from, or via FTP client. There is no difference between what tool you should use to upload your files. The only thing that should be taken into account is the directory destination. For example, if you want to have the WordPress as a root domain, the files should be sent to the public_html folder; if you prefer a subdomain or a sub-folder of WordPress, upload in certain folders.

WordPress stores information in a database, thus creating one is indispensable. In Hostinger, a new database can be created in MySQL Databases session. Be sure to take note of all the details of your database because it will be useful later.

Now visit your domain to begin the installation process. You must fill in the information database MySQL, administrator details and website information.

 

Use the arrows up or down to increase or decrease the volume.

For more detailed instructions, see the tutorial how to install WordPress on a different control panel. To find out how to migrate your WordPress, see this tutorial.

Step 2 – Navigating the WordPress Dashboard


After completing the installation, the first thing you will want to do is log into the WordPress admin panel. Usually there is a link to login to the bottom. However, some themes do not have this link. In this case, the easiest way to log into WordPress is adding wp-admin at the end of his address, like this:

http://www.seudominio.com/wp-admin

This URL will redirect you to the login screen where you need to enter your username and password. Remember, you came to these specifications during installation of WordPress. If you have forgotten your password, click on the link Forgot your password? . More detailed information for how to login on WordPress can be found here.

After logging in, you will see the admin dashboard. It is all built to give you an overview of your entire website, containing three main sections:

1 – A toolbar at the top of the page. It contains links to commonly used features and functions in the Admin area. For example, if you hover over the name of your website, you will get a link to the public view it. It also shows some simple notifications such as updates and new comments.

2 – The main browser menu on the left. In it are the links to all the administrative part of WordPress. If you hover for a menu item, a submenu with additional items will appear.

3 – Primary area.

The first time you log in the admin panel of WordPress, you will enter a welcome module that contains some useful links to help you in this start. Once you are comfortable with the dashboard, press the button Cancel to exit the module.

other Modules

1 – In the field Spy will tell you how many posts, pages and comments you have. There will also be shown the version and WordPress theme you are using.

2 – Field Activity you of a little more information about your recent posts and comments. It shows the status of all comments in a short list containing the latest.

3 – Fast draft . Write something there and start a new blog post. However, you can not publish it because this field is a place just for sketching ideas and come back later.

4 – WordPress News . This module displays the latest news updates of WordPress.

Each of these windows have small arrows that can be hidden in the field quickly. You can also drag and drop them in the positions you prefer.

Step 3 – Publishing Content

Create a website with WordPress begins when you publish a new post or page. You may wonder: what is the difference between pages and posts?

The answer is simple. In WordPress posts can be categorized, and filed tagueadas. These posts are used to publish content information with time limit. In contrast to this, the pages are mostly static and undated. They do not have categories or tags. About Us or Contact are good examples of pages.

Step 3.1 – Creating a new post

To create a new post in WordPress click Add New in Posts or choose New -> Post on the top toolbar.

You will be presented with an editing screen with an array of attributes posting. The first thing you should do is to choose a title for your post. After that, enter the post content in the field below. If you want to format your text, use the toolbar options. It is similar to what you find in MS Word or any other popular text editor.

On the right side of the screen you will find the so-called meta-boxes. Each of these fields has a particular function.

  • Publish. You can change the status and visibility of your post, plan it, etc. Clicking the Publish button in your post will be online. If you decide to delete the post, click Move to Trash.
  • Categories. In this field you can enter your post in a particular category, and even create a new category by clicking the + Add New Category.
  • Tags allows you to add new tags quickly.
  • Featured image. Here you can insert a featured image in your post. It will be visible right at the top of the post. (The location of the images may appear different depending on the topic)

To create a new page in WordPress, log Add New on the menu page s or click New -> Page in the toolbar.

Add new page has an identical editor to WYSIWYG as well as in the session Posts . Therefore, the process of entering and formatting text is the same.

You might also notice that the session Pages do not have the meta-boxes Tags and categories . Instead it has a field called Page Attributes . In this session, you have the power to change the order of your pages and set a parent page. This will be useful if you want to have different pages inside of a parent page.

 

 

Step 4 – Installing plugins in WordPress

First the function of the plugins in WordPress is to expand its main features. To install and activate a plugin you can add new features to WordPress site without any code. There are thousands of plugins, paid and free built for different purposes: from sharing in social media to safety. Therefore, you will surely find a plugin that fits their needs.

Install plugins in WordPress is an easy task even for beginners. Free and premium plugins are available in the WordPress plugin directory. As well as the themes, they can be installed using the installer of WordPress. To add a plugin press Add New in Plugins and enter the name of the plugin you want to install in the search field. Click Install and then Enable .

 

There are thousands of plugins premium (paid) that can not be installed from the official WordPress directory. If you purchase a premium plugin, you must upload them manually in WordPress. The process is quite similar to the themes installation. To continue, click Add New in Plugins , then Plugin Upload . Now select a plugin and upload. Finally, install and activate the plugin. If you need a more detailed guide on this topic, see this tutorial.

Essential WordPress Plugins

There are a variety of plugins, which is almost difficult to choose the right.  Genuinely, many plugins are used for the same purpose, for example, there are dozens Cache plugin for WordPress. So we decided to list the best and most essential plugin for any WordPress blog.

Google XML Sitemaps. This plugin will automatically map XML to get a better site optimization. It is easy to use and follow updated regularly.

  • Yoast SEO. Probably the most popular SEO plugin for WordPress. It will help you improve your site optimization. Meta tags to suggestions transcribed Yoast SEO has everything.
  • Wordfence Security. This plugin will keep your WordPress secure from hackers and malware. He has farewall scanning modules and malware that are super easy to use.
  • Contact Form 7 Simple but extremely powerful contact creator. In order to create or to develop contact forms with this plugin.

It is not recommended to flood the WordPress with hundreds of plugins because they tend to decrease site performance. Keep your clean WordPress installing only the essential and delete those that are not in use.

Step 5 – Installing WordPress Themes

The style of your website can be modified through the issues. There are free and premium themes, some of them are universal and can be used on any websites. Others are built for very specific purposes, such as themes for e-commerce.

WordPress has the installation extremely easy themes. Literally takes only minutes to install a free theme. To initiate, go to Appearance section and search for a legal topic you like. You can also filter them into categories such as attributes and colors.

The theme preview lets you see how your website will stick to the selected theme. This function is useful test, and save your time – you do not need to install multiple themes for how they will get on your site.

The method below is only applicable for topics “free” and “freemium”. And if you get an incredible premium theme? In this case, you will have to upload manually. Access the same session Appearance , press Upload Theme and select the zip file from your theme. It may take a few minutes for the process to complete. Once you’re done, just click Enable the subject. You need more detailed steps? Here ‘s a tutorial on how to install themes.

Step 6 – Using Caching in WordPress Plugins

In this guide you learned how to install and use WordPress to create and maintain your own website. Once your WordPress site takes shape and grows, also increase the amount of text, images, code, and other media files. A larger website means more time to load. To avoid a slow response from WordPress, you need to invest some time in your website optimization. This will ensure that your pages load faster and efficiently, leaving your visitors happy and eager to return more often.

Everyone has found a slow website at least a dozen times and felt the clear frustration that arises while endlessly waiting for something to load. Putting this in mind, spend some time to increase the speed of your WordPress ends up being a great idea. The best part is that WordPress is very easy to be optimized due the amount of plugins and other tools available for this purpose. To begin, we will surround some optimization techniques that will provide a noticeable improvement to your website.

Step 6.1 – Using Caching Plugins

The first step to optimize your site is to configure your plugin cache. In short, the cache is a temporary information storage. In most cases, active information is cached to reduce load time. For example, when you access a site with some frequency, your browser will maintain a static portion of the site content located in cache. Therefore, the browser will need fewer files and server information that will result in faster loading. WordPress caching plugins work to create a static version of the site and send it instead of carrying all the PHP scripts each time someone uploads or enter the site. The most popular cache plugins are:

  • WP Super Cache
  • W3 Total Cache
  • WP Fastest Cache

Step 6.2 – Optimizing Images in WordPress

Optimizing images is another crucial task that must be done in order to transform your site faster. Generally, there are two central issues that cause the slow loading images:

  • Using very large images. For example, if you upload an image with 500 x 500 size, but its website resizes to 100 x 100. As a result, the visitor’s browser will have to make a download of the largest file first, and reconfigure it only then show it on the page. The most correct way would be to simply upload an image 100 x 100 so then excessive task of resizing the image would be avoided. The image also take less space thus resulting in improved speed. A detailed guide to how to locate such images and resize them can be found here.
  • Images that are not fully compressed. You can find plenty of space and ability to compress your images properly. Fortunately WordPress has a great plugin that can help you with this, called WP Smush. You can find a more detailed guide on how to implement this plugin and optimize your images on WordPress here.

The more images your WordPress site has, the more important this will optimize them.


Step 6.3 – Enabling gzip

Enable a gzip compression on your website is a great way to provide speed and a good performance in WordPress. In short, gzip works to find similarities in a text file, replacing them temporarily, resulting in a smaller file. HTML and CSS files have a lot of texts and repeated spaces, causing gzip compression is quite effective in such cases. In all, it can reduce the size of a page of WordPress between 50-70%.

There are a few ways to enable gzip compression:

  • Enable gzip compression via .htaccess (recommended). A more detailed tutorial on how to do, you find here.
  • Enable gzip compression via WordPress plugins, like GZip Ninja Script.

Something you should keep in mind is that the gzip compression may slightly increase CPU usage. If the CPU is not a problem, then gzip compression can actually be a great choice to optimize your WordPress site.


Step 6.4 – deferring parsing of JavaScript

Most themes, plugins and social media add-ons use very JavaScript is standardized and it is loaded first when accessing a site. It will make the HTML and other visual components appear only after JS loaded. You can set the parsing of JavaScript so that the visuals appear faster while several buttons social media and other content using JavaScript to load then. This is one of the techniques recommended by Google developers which is usually overlooked. In WordPress, you can easily do this procedure using plugins like WP Deferred JavaScrips or Speed Booster Pack. A more detailed tutorial on how to use these tools in your WP can be found here.


Step 6.5 – Using a Content Distribution Network (CDN)

Implement a content distribution network (CDN, English Content Delivery Network) will increase the speed of your WordPress to cache content from multiple data centers available worldwide. Once a visitor accesses your site, the content will be released from the closest datacenter available, resulting in a better experience complete. CDNs also work well with WordPress plugins totally free and there are solutions to get you started. For example, CloudFlare has a free plan that ensures both benefits of a CDN while protecting your site from DDoS attacks. 

Step 6.6 – Removing Query Strings Static Resource

GTmetrix and other optimization tools suggest the removal of query strings CSS and JS in order to improve the cache of these elements. The Speed ​​Booster Pack plugin mentioned earlier is among the few that can help you in this task. For more specific information, you should find this guide to WordPress.

Step 6.7 – Enabling Lazy Loading

Generally, when a web page is opened, all content is loaded instantly, which is called eager loading . Otherwise, you can delay the startup of some objects (and also images) until they are needed, which is called lazy loading . The most common practice is to show images only when they are visible in the visitor’s point of view screen. All you need to do to take advantage of this technique is to install and enable plugins like Lazy Load or Rocket Lazy Load.

 

Step 7 – Keeping Safe WordPress

Last but not least, for a successful website in WordPress, you should weigh security. The fact that WordPress is the most popular CMS in the world, it also becomes the most hacked. However, there are some things you can do to protect your site from hackers and other malicious activity.

Step 7.1 – Keeping your WordPress Updated

One of the most important factors in maintaining a safe environment will always keep the latest version of WordPress updated, as well as themes and plugins. Most updates include adjustments to security and fix vulnerabilities to prevent them from being exploited in future releases. A common practice among hackers is to take advantage of web pages that are running an old version of WordPress with exposed vulnerabilities. The standard updates happen automatically every release of a new version, however this may not always work, or might be disabled for some accommodation. Generally, when a new version arrives, a notification will be displayed on top of your Dashboard. You can also update your themes and plugins via Dashboard> Updates Session.

Step 7.2 – Using User Names and Passwords Single

Admin is the user name set as the default in all WordPress installations. It is highly recommended to change it, thus it will be added extra security for your login credentials. Imagine a situation where someone discovers your password, however, are unaware of your username. In the end the person will not have access to your dashboard on that account. Leave just as admin can leave the work of hackers even easier, because it should be changed.

When you set a password, be sure to include numbers, capital letters and special symbols. In case you have difficulties to manage all your passwords, you can save them using tools like Last Pass. This will release the problem you to remember all the different passwords as you can increase the power of difficulty of all of them.

Step 7.3 – Backing

Generate backups is a crucial task for any website. Not only to enhance security but also to provide a reliable way to restore your website in case of unexpected problems and errors. You can create a backup manually or use automatic. The manual process involves downloading files and database MySQL WordPress site. However, if you make a lot of new posts, changes or manages many websites, to manually download all content by time will be a big hassle. Because of this, most providers today have automatic backups. As an extra security measure, you can use the automatic backup plugins to set them monthly, weekly or even daily. This will save much of your time and will also create an option to store all database backup in a remote location like DropBox. You can use plugins like:

  • UpdraftPlus is a plugin that has the ability to back up WordPress in a remote location and restore it.
  • BackupUpWordPress is a lightweight plug-in automatic backup. It allows you to exclude certain folders, set the time for backup execution available in dozens of different languages.

For greater security, more tips and tricks can be found in the guide of how to keep the insurance WordPress.

Conclusion

WordPress In this tutorial, we learned a bit about the history, structure of CMS and WordPress types of accommodation. Two installation methods have been shown, and a short walk down the dashboard, posts, plugins and themes. To have a good start, we also analyze the most critical optimization techniques and speed for WordPress along some safety tips. If you want to keep learning even more about WordPress, check below the list of our latest tutorials or sign up for our bi-weekly newsletter with the most relevant topics posted here!