{"id":6609,"date":"2021-10-07T13:59:11","date_gmt":"2021-10-07T13:59:11","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=6609"},"modified":"2023-02-21T09:49:33","modified_gmt":"2023-02-21T09:49:33","slug":"install-wordpress-xampp","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/","title":{"rendered":"How to Install WordPress Using XAMPP?"},"content":{"rendered":"\n<p><a href=\"https:\/\/elementor.com\/blog\/create-website-with-wordpress\/\">Creating your WordPress website<\/a> should take time. As such, it\u2019s important to have a local development environment on your computer. This will give you the resources of a server, within a pressure-free environment. If a Graphical User Interface (GUI) isn\u2019t to your liking, a stack-based solution such as XAMPP is just as good. From there, you can install WordPress in XAMPP and get to work.<\/p>\n\n\n\n<p>This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you\u2019ll have a site up and running on your computer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is XAMPP?<\/h2>\n\n\n\n<p>In a nutshell, <a href=\"https:\/\/www.apachefriends.org\/download.html\">XAMPP<\/a> is a local development environment tool for WordPress. It lets you install and use a number of tools and services to run the equivalent of a web server. In the case of XAMPP:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It\u2019s a cross-platform tool that works on Windows, Mac, and Linux.<\/li>\n\n\n\n<li>The server itself is an \u2018Apache\u2019 type, and you can get other types too (such as Nginx).<\/li>\n\n\n\n<li>You add a MySQL or MariaDB database to hold all of your site\u2019s information.<\/li>\n\n\n\n<li>XAMPP uses the PHP interpreter to understand what to do with your site\u2019s files.<\/li>\n<\/ul>\n\n\n\n<p>It\u2019s a good idea to install WordPress within a local environment because you want to work without pressure. This means you won\u2019t have to worry about elements such as your live server\u2019s resources, security vulnerabilities relating to your unfinished site, and visitors arriving before you\u2019re ready.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>It\u2019s a good idea to install WordPress within a local environment because you want to work without pressure.<\/p>\n<\/blockquote>\n\n\n\n<p>On the whole, a local environment is the best place to <a href=\"https:\/\/elementor.com\/blog\/build-complex-websites-with-dynamic-content\/\">build and develop<\/a> your WordPress website. Over the next few sections, we\u2019re going to show you how to get all of the elements installed and ready to use.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Install WordPress Using XAMPP<\/h2>\n\n\n\n<p>There are four main steps for installing XAMPP and WordPress. Once you\u2019re ready, you can begin building your site as any other developer would. Though, your first task is to download and install XAMPP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Download and Install XAMPP on Your Computer<\/h3>\n\n\n\n<p>The process to install XAMPP is straightforward. In fact, if you can download anything from the web, you\u2019re good to go.<\/p>\n\n\n\n<p>First, head to the XAMPP website and <a href=\"https:\/\/www.apachefriends.org\/download.html\">download the right installer<\/a> for your system:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/download-xampp-1024x570.png\" alt=\"\" class=\"wp-image-6619\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/download-xampp-1024x570.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/download-xampp-300x167.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/download-xampp-768x427.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/download-xampp-1536x854.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/download-xampp-2048x1139.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you\u2019re unsure which one to pick, we recommend one using PHP version 7.3 or 7.4, and not packaged with a Virtual Machine (VM).<\/p>\n\n\n\n<p>Once the installer downloads, run it and you\u2019ll see the Setup Wizard:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"903\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-wizard-1024x903.png\" alt=\"\" class=\"wp-image-6628\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/setup-wizard-1024x903.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/setup-wizard-300x265.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/setup-wizard-768x677.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1339\/academy\/wp-content\/uploads\/2021\/10\/setup-wizard.png 1339w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can click <em>Next<\/em> through all of the initial screens until you get to the install process:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"903\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/unpacking-files-1024x903.png\" alt=\"\" class=\"wp-image-6631\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/unpacking-files-1024x903.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/unpacking-files-300x265.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/unpacking-files-768x677.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1339\/academy\/wp-content\/uploads\/2021\/10\/unpacking-files.png 1339w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here, wait for XAMPP to install. You may need to enter your computer\u2019s administrator password to proceed, but this is safe to do.<\/p>\n\n\n\n<p>Once the files are unpacked and installed, you can begin to fire up XAMPP itself.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Start XAMPP and Test the Connection<\/h3>\n\n\n\n<p>When you\u2019re ready, start XAMPP from wherever your computer\u2019s applications live. Once it\u2019s loaded, you\u2019ll see a dashboard waiting for your input:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"793\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/xampp-dashboard-1024x793.png\" alt=\"\" class=\"wp-image-6635\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/xampp-dashboard-1024x793.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/xampp-dashboard-300x232.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/xampp-dashboard-768x595.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/xampp-dashboard-1536x1189.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1701\/academy\/wp-content\/uploads\/2021\/10\/xampp-dashboard.png 1701w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are three tabs along the stop, and on the <em>Manage Servers<\/em> screen you can see the status of your local server:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"793\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/manage-servers-1024x793.png\" alt=\"\" class=\"wp-image-6624\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/manage-servers-1024x793.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/manage-servers-300x232.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/manage-servers-768x595.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/manage-servers-1536x1189.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1701\/academy\/wp-content\/uploads\/2021\/10\/manage-servers.png 1701w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In order to run WordPress, you need to see the <em>MySQL Database<\/em> and <em>Apache Web Server<\/em> options with a green light. To do this, click the <em>Start All<\/em> button. When everything is green, head to http:\/\/localhost within your browser \u2013 you should see an XAMPP welcome page:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/xampp-welcome-1024x604.png\" alt=\"\" class=\"wp-image-6636\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/xampp-welcome-1024x604.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/xampp-welcome-300x177.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/xampp-welcome-768x453.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/xampp-welcome-1536x907.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/xampp-welcome-2048x1209.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This confirms that XAMPP is running, which means you can begin to build your site\u2019s database.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Create a Database for Your New Site<\/h3>\n\n\n\n<p>There are two parts to a WordPress website: the back end, and your database. The latter holds almost every piece of information about your site, so it\u2019s an essential component.<\/p>\n\n\n\n<p>To create one for your site, head to <em>http:\/\/localhost<\/em> in your browser, and click the <em>phpMyAdmin<\/em> link in the top right-hand corner:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"345\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/phpmyadmin-link-1024x345.png\" alt=\"\" class=\"wp-image-6626\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/phpmyadmin-link-1024x345.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/phpmyadmin-link-300x101.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/phpmyadmin-link-768x258.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/phpmyadmin-link-1536x517.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/phpmyadmin-link-2048x689.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This will bring you to a screen to help you create and manage your databases. Much of this tool is beyond the scope of this lesson, although it\u2019s straightforward to create a database. First, click the <em>Databases<\/em> tab along the top of the screen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/databases-tab-1024x478.png\" alt=\"\" class=\"wp-image-6618\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/databases-tab-1024x478.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/databases-tab-300x140.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/databases-tab-768x359.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/databases-tab-1536x717.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/databases-tab-2048x956.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Next, enter a database name where it specifies, then click the <em>Create<\/em> button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/create-database-1024x592.png\" alt=\"\" class=\"wp-image-6616\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/create-database-1024x592.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/create-database-300x173.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/create-database-768x444.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/create-database-1536x888.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1758\/academy\/wp-content\/uploads\/2021\/10\/create-database.png 1758w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Unlike a live server, you don\u2019t need to create a database user here, but you do need to remember the database name because you\u2019ll need it next.<\/p>\n\n\n\n<p>When you\u2019re done, exit out of phpMyAdmin and get ready to install WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Download and Install WordPress in XAMPP<\/h3>\n\n\n\n<p>There are lots of ways to install WordPress, but when you use XAMPP, the best approach is to do so yourself. Your first job is to create a folder within XAMPP to hold your WordPress site. First, navigate to wherever you installed XAMPP. The best way to find this is to click the Open Application Folder link on the <em>Welcome<\/em> screen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"793\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/open-folder-link-1024x793.png\" alt=\"\" class=\"wp-image-6625\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/open-folder-link-1024x793.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/open-folder-link-300x232.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/open-folder-link-768x595.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/open-folder-link-1536x1189.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1701\/academy\/wp-content\/uploads\/2021\/10\/open-folder-link.png 1701w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here, look for a <em>htdocs<\/em> folder. This is where your site will live:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/htdocs-folder-1024x578.png\" alt=\"\" class=\"wp-image-6621\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/htdocs-folder-1024x578.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/htdocs-folder-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/htdocs-folder-768x433.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/htdocs-folder-1536x867.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/htdocs-folder-2048x1156.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inside, create another directory for your site. You can name it whatever you like, but we suggest something you will recognize, as you\u2019ll need to access your site using it later.<\/p>\n\n\n\n<p>Next, head to the WordPress website within your browser, and click the <em>Get WordPress<\/em> button at the top:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/get-wordpress-1024x603.png\" alt=\"\" class=\"wp-image-6620\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/get-wordpress-1024x603.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/get-wordpress-300x177.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/get-wordpress-768x452.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/get-wordpress-1536x905.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/get-wordpress-2048x1206.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>On this screen, scroll down, find the blue WordPress download button, and click it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-blue-button-1024x584.png\" alt=\"\" class=\"wp-image-6633\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-blue-button-1024x584.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/wordpress-blue-button-300x171.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/wordpress-blue-button-768x438.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/wordpress-blue-button-1536x876.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/wordpress-blue-button-2048x1167.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The process here is to extract the entire folder and move the contents into your site directory from earlier:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/site-directory-1024x578.png\" alt=\"\" class=\"wp-image-6629\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/site-directory-1024x578.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/site-directory-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/site-directory-768x433.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/site-directory-1536x867.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/site-directory-2048x1156.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Next, head to your site\u2019s URL within your browser. For example, <em>localhost\/mysite\/wp-admin\/setup-config.php<\/em>. This will bring you to the infamous WordPress Five-Minute Install wizard:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/install-wizard-1024x688.png\" alt=\"\" class=\"wp-image-6622\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/install-wizard-1024x688.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/install-wizard-300x202.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/install-wizard-768x516.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/install-wizard-1536x1033.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/install-wizard-2048x1377.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The first screen will ask you for your database credentials. Here, you enter the database name you created earlier, set the username as root, and leave the password field blank:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/database-setup-1024x688.png\" alt=\"\" class=\"wp-image-6617\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/database-setup-1024x688.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/database-setup-300x202.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/database-setup-768x516.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/database-setup-1536x1033.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/database-setup-2048x1377.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For the next screen, you can fill in the fields as presented \u2013 they\u2019re relevant to your site and how you log into it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/site-information-1024x597.png\" alt=\"\" class=\"wp-image-6630\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/site-information-1024x597.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/site-information-300x175.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/site-information-768x448.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/site-information-1536x896.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/site-information-2048x1195.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you click Install WordPress, you\u2019ll see a success screen. From here, you can click the <em>Log In<\/em> link to access your WordPress dashboard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Build Your WordPress Website, Starting With a Single Page<\/h3>\n\n\n\n<p>Once XAMPP and WordPress are installed and running, you\u2019re ready to create content! The first step should be to create a single page, as this will help you learn the different aspects of WordPress.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-size: inherit\">Once XAMPP and WordPress are installed and running, you\u2019re ready to create content!<\/span><\/p>\n<\/blockquote>\n\n\n\n<p>The first screen you\u2019ll see is the WordPress dashboard:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-3-1024x598.png\" alt=\"\" class=\"wp-image-6634\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-3-1024x598.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-3-300x175.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-3-768x448.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-3-1536x897.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/wordpress-dashboard-3-2048x1195.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You access the different screens using the left-hand sidebar, and work with the information in the middle. Along the top is a toolbar that may look different depending on what you have installed on your system.<\/p>\n\n\n\n<p>While you\u2019re welcome to create a Post, we\u2019re going to create a Page by clicking <em>Pages &gt; Add New<\/em> link:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"659\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/add-new-link-1024x659.png\" alt=\"\" class=\"wp-image-6615\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/add-new-link-1024x659.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/add-new-link-300x193.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/add-new-link-768x494.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1306\/academy\/wp-content\/uploads\/2021\/10\/add-new-link.png 1306w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The screen will change to show the WordPress Block Editor. This is where you create your layouts and write content:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"596\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-block-editor-1024x596.png\" alt=\"\" class=\"wp-image-6632\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/wordpress-block-editor-1024x596.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/wordpress-block-editor-300x175.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/wordpress-block-editor-768x447.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/wordpress-block-editor-1536x894.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/wordpress-block-editor-2048x1192.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A great start is to follow the prompts and add a title and body content. From here, you can do almost whatever you want! For example, you can format text like you would in a word processor, or <a href=\"https:\/\/elementor.com\/blog\/introducing-blocks\/\">add Blocks<\/a> to enhance the functionality of your Page:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"596\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/add-block-1024x596.png\" alt=\"\" class=\"wp-image-6614\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/add-block-1024x596.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/add-block-300x175.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/add-block-768x447.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/academy\/wp-content\/uploads\/2021\/10\/add-block-1536x894.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/academy\/wp-content\/uploads\/2021\/10\/add-block-2048x1192.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When you\u2019re ready, you\u2019ll want to <em>Publish<\/em> your page. You can do this using the blue publish button in the top right-hand corner of the screen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1-1024x603.png\" alt=\"\" class=\"wp-image-6627\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1-1024x603.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1-300x177.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1-768x452.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1356\/academy\/wp-content\/uploads\/2021\/10\/publish-button-1.png 1356w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>WordPress will take a few seconds to publish your page, but you\u2019ll then see a new link to your live page:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/academy\/wp-content\/uploads\/2021\/10\/live-link-1024x485.png\" alt=\"\" class=\"wp-image-6623\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/academy\/wp-content\/uploads\/2021\/10\/live-link-1024x485.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/academy\/wp-content\/uploads\/2021\/10\/live-link-300x142.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/academy\/wp-content\/uploads\/2021\/10\/live-link-768x364.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1506\/academy\/wp-content\/uploads\/2021\/10\/live-link.png 1506w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>While the platform tells you the page is live, it\u2019s only visible on your computer and not the whole internet. We\u2019ll cover how to get your site online in another course.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Summary<\/h2>\n\n\n\n<p>Stack-based solutions such as XAMPP make for a great way to develop WordPress websites on your computer. The entire setup process takes no time, and once you have everything installed, you\u2019re able to create posts, pages, and the entirety of your WordPress website.<\/p>\n\n\n\n<p>You\u2019re almost at the end of this Getting Started course, and there\u2019s one more lesson to go \u2013 we\u2019ll meet you there!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating your WordPress website should take time. As such, it\u2019s important to have a local development environment on your computer. This will give you the resources of a server, within a pressure-free environment. If a Graphical User Interface (GUI) isn\u2019t to your liking, a stack-based solution such as XAMPP is just as good. From there, [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":6899,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-6609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-setting-up"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Install WordPress Using XAMPP? - Academy<\/title>\n<meta name=\"description\" content=\"This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you\u2019ll have a site up and running on your computer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install WordPress Using XAMPP? - Academy\" \/>\n<meta property=\"og:description\" content=\"This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you\u2019ll have a site up and running on your computer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-07T13:59:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T09:49:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/10xampp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"nofarS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"nofarS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install WordPress Using XAMPP? - Academy","description":"This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you\u2019ll have a site up and running on your computer.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/","og_locale":"en_US","og_type":"article","og_title":"How to Install WordPress Using XAMPP? - Academy","og_description":"This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you\u2019ll have a site up and running on your computer.","og_url":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/","og_site_name":"Academy","article_published_time":"2021-10-07T13:59:11+00:00","article_modified_time":"2023-02-21T09:49:33+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/10xampp.jpg","type":"image\/jpeg"}],"author":"nofarS","twitter_card":"summary_large_image","twitter_misc":{"Written by":"nofarS","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/"},"author":{"name":"nofarS","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/d117e0fb6de1bb555cd1eb8442843a90"},"headline":"How to Install WordPress Using XAMPP?","datePublished":"2021-10-07T13:59:11+00:00","dateModified":"2023-02-21T09:49:33+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/"},"wordCount":1379,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/10xampp.jpg","articleSection":["Get Started With WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/","url":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/","name":"How to Install WordPress Using XAMPP? - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/10xampp.jpg","datePublished":"2021-10-07T13:59:11+00:00","dateModified":"2023-02-21T09:49:33+00:00","description":"This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you\u2019ll have a site up and running on your computer.","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/install-wordpress-xampp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/10xampp.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/10xampp.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/install-wordpress-xampp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Wordpress Essentials","item":"https:\/\/elementor.com\/academy\/wordpress\/"},{"@type":"ListItem","position":4,"name":"Get Started With WordPress","item":"https:\/\/elementor.com\/academy\/wordpress\/setting-up\/"},{"@type":"ListItem","position":5,"name":"How to Install WordPress Using XAMPP?"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/d117e0fb6de1bb555cd1eb8442843a90","name":"nofarS","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f0f7d32dae098853d3fc27ad0efe08cd54c832617d70cf9d3303f1386f9b42b7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0f7d32dae098853d3fc27ad0efe08cd54c832617d70cf9d3303f1386f9b42b7?s=96&d=mm&r=g","caption":"nofarS"},"url":"https:\/\/elementor.com\/academy\/author\/nofars\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=6609"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6609\/revisions"}],"predecessor-version":[{"id":9295,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6609\/revisions\/9295"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/6899"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=6609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=6609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=6609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}