{"id":1454,"date":"2021-11-05T10:53:10","date_gmt":"2021-11-05T17:53:10","guid":{"rendered":"https:\/\/xyzcreativeworks.com\/?p=1454"},"modified":"2023-04-05T17:07:45","modified_gmt":"2023-04-06T00:07:45","slug":"how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify","status":"publish","type":"post","link":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/","title":{"rendered":"How to create a one page website and host for free (WordPress &#038; Netlify)"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create a one page website and host for free (WordPress, Simply Static, Netlify)\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/gApGB4X_uYI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>I found a method to create simple websites that is easy and costs nothing to host.<\/p>\n\n\n\n<p>This method is especially useful if you are a person who needs an easy website just to present your work.<\/p>\n\n\n\n<p>For example, let\u2019s say you\u2019re a journalist who wants to present your work.<\/p>\n\n\n\n<p>You just want a page that has your picture, your contact details and links to your work.<\/p>\n\n\n\n<p>This is perfect.<\/p>\n\n\n\n<p>Or if you are a small business who just needs one page with all of these details.<\/p>\n\n\n\n<p>Yep, this is a good solution too.<\/p>\n\n\n\n<p>If you need a more complicated site, I\u2019m around to help you.<\/p>\n\n\n\n<p>But I also know that a lot of small businesses need to be as frugal as possible, so try this method, and feel free to contact me if you have any questions.<\/p>\n\n\n<h2 class=\"simpletoc-title\">Table of Contents<\/h2>\n<ul class=\"simpletoc-list\">\n<li><a href=\"#an-overview-of-how-to-create-your-website-for-free\">An overview of how to create your website for free<\/a>\n\n\n<ul><li>\n<a href=\"#why-wordpress\">Why WordPress?<\/a>\n\n<\/li>\n<li><a href=\"#how-does-simply-static-eliminate-your-hosting-costs\">How does Simply Static eliminate your hosting costs?<\/a>\n\n<\/li>\n<\/ul>\n<li><a href=\"#why-i-like-this-method\">Why I like this method<\/a>\n\n\n<ul><li>\n<a href=\"#downsides-of-using-simply-static\">Downsides of using Simply Static<\/a>\n\n<\/li>\n<\/ul>\n<li><a href=\"#you-cant-use-this-method-if\">You can\u2019t use this method if\u2026<\/a>\n\n<\/li>\n<li><a href=\"#the-tutorial-starts-here\">The tutorial starts here\u2026<\/a>\n\n<\/li>\n<li><a href=\"#step-1-set-up-local\">Step 1: Set up Local<\/a>\n\n<\/li>\n<li><a href=\"#step-2-create-your-wordpress-site\">Step 2: Create your WordPress site<\/a>\n\n\n<ul><li>\n<a href=\"#customize-appearance-header-and-footer\">Customize appearance, header and footer<\/a>\n\n<\/li>\n<li><a href=\"#customize-content\">Customize content<\/a>\n\n<\/li>\n<\/ul>\n<li><a href=\"#step-3-generate-static-files-using-simply-static-plugin\">Step 3: Generate static files using Simply Static plugin<\/a>\n\n<\/li>\n<li><a href=\"#step-4-hosting-on-netlify\">Step 4: Hosting on Netlify<\/a>\n\n<\/li>\n<li><a href=\"#bonus-custom-domain\">Bonus: custom domain<\/a>\n\n<\/li>\n<li><a href=\"#next-steps\">Next steps<\/a>\n\n<\/li>\n<li><a href=\"#too-complicated-heres-a-simpler-method\">Too complicated? Here&#8217;s a simpler method<\/a>\n<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"an-overview-of-how-to-create-your-website-for-free\">An overview of how to create your website for free<\/h2>\n\n\n<p>The way you\u2019d create a site involves using WordPress and Local by Flywheel. This combination allows you to create a website on your desktop.<\/p>\n\n\n\n<p>Then, you will export the site using Simply Static made by WordPress plugin developer Patrick Posner.<\/p>\n\n\n\n<p>Simply Static produces a bunch of HTML files meant to mimic the final output of your website.<\/p>\n\n\n\n<p>You\u2019ll take these files and upload them to Netlify, a free hosting service that is fantastic.<\/p>\n\n\n\n<p>Just a caveat: you do have to pay for your domain if you don\u2019t already have one. Don\u2019t pay more than $10-$30 per year unless it\u2019s a rare or premium domain.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"why-wordpress\">Why WordPress?<\/h3>\n\n\n<p>The main crux of this method involves building your website in WordPress.<\/p>\n\n\n\n<p>WordPress gets a bad rep in certain circles, but for most people, having a platform which you understand is key to being efficient with it.<\/p>\n\n\n\n<p>I learned this when my previous company started using ProcessWire for a website.<\/p>\n\n\n\n<p>While it probably had a great developer experience, I found the unfamiliarity of my colleagues with it made it a lot harder to get things done.<\/p>\n\n\n\n<p>WordPress is used by a lot of people and therefore there are guides all over that can help you.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"how-does-simply-static-eliminate-your-hosting-costs\">How does Simply Static eliminate your hosting costs?<\/h3>\n\n\n<p>Now, one downside of WordPress is that it almost always requires you to pay for a host.<\/p>\n\n\n\n<p>GoDaddy, HostPapa, Bluehost are all examples of hosts.<\/p>\n\n\n\n<p>You pay them a monthly fee to rent a space on their computers that will serve your website.<\/p>\n\n\n\n<p>WordPress requires a computer to be running all the time because it creates the website \u201con the fly.\u201d<\/p>\n\n\n\n<p>What Patrick Posner\u2019s Simply Static plugin does is that it takes WordPress PHP-generated pages and turns them into HTML.<\/p>\n\n\n\n<p>PHP pages are basically pages with a bunch of code and formulas. Once those are calculated by the server, they become HTML files.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"why-i-like-this-method\">Why I like this method<\/h2>\n\n\n<p>The main reason why I like this method is because I do not ever have to pay for hosting fees for simple, low-traffic sites.<\/p>\n\n\n\n<p>Netlify has its bandwidth limits and if you\u2019re actually hitting it, I\u2019d say you\u2019re probably getting great traffic (or you have files that are incredibly large).<\/p>\n\n\n\n<p>Static sites are also very fast to load. This has become quite important due to Google\u2019s search algorithm prioritizing pages with a rapid experience.<\/p>\n\n\n\n<p>Finally, I think WordPress\u2019s Gutenberg editor has made it so much better at creating web pages.<\/p>\n\n\n\n<p>While it was initially created as a blogging platform, they are definitely moving ahead with the times.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"downsides-of-using-simply-static\">Downsides of using Simply Static<\/h3>\n\n\n<p>Every time you update your website, you will have to regenerate the website files and upload them.<\/p>\n\n\n\n<p>If you\u2019re good with computers, you can probably set up a CI\/CD pipeline with Github and Netlify.<\/p>\n\n\n\n<p>Nonetheless, when I created this tutorial, I envisioned that the pages would only get uploaded once every six months at max, so it\u2019s not very onerous to do it.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"you-cant-use-this-method-if\">You can\u2019t use this method if\u2026<\/h2>\n\n\n<p>If you want to build an ecommerce site, you\u2019re unlikely to be able to use Simply Static.<\/p>\n\n\n\n<p>If you want a website with dynamic functionality such as user authentication, you probably can\u2019t either.<\/p>\n\n\n\n<p>So, if your site falls beyond the bounds of being a brochure or purely informational, then you might need to seek other methods.&nbsp;<\/p>\n\n\n\n<p>Feel free to contact me; my email is at the bottom of every page.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"the-tutorial-starts-here\">The tutorial starts here\u2026<\/h2>\n\n\n<p>Before we start, it would be good if you had some knowledge of WordPress.<\/p>\n\n\n\n<p>You\u2019ll also need to know what you want for your website, as I will only briefly show you how to create a website.<\/p>\n\n\n\n<p>Ultimately, the main focus of this tutorial is to show you how to use Simply Static and upload it to Netlify.<\/p>\n\n\n\n<p>I did this on a Windows 10 computer, but I believe you can do this on any computer whether it\u2019s Windows 7, Mac or Linux.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1-set-up-local\">Step 1: Set up Local<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create a one page website and host for free (WordPress, Simply Static, Netlify)\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/gApGB4X_uYI?start=78&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">YouTube video chapter: using Local by Flywheel<\/figcaption><\/figure>\n\n\n\n<p>Local is a great piece of software that allows you to develop WordPress websites on your computer.<\/p>\n\n\n\n<p>You can <a href=\"https:\/\/localwp.com\/\">download the software here<\/a>. Once installed, open it up and start a new site by clicking the plus sign on the bottom left of the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/pYWuosTGPVF6zuYw_5eEz-agXtKgAnBU8cwZXB76YBRYH9sbPV7eU6L0UtH_qbG_U7_TM3sfOsqxO8pme9uYcKtLjgSaeA8XvDxzxO3d3Ly-lorNCkJQeauM_p1Q7M9xGJpv3Vho\" alt=\"\"\/><\/figure>\n\n\n\n<p>Fill in the input boxes on the installer.&nbsp;<\/p>\n\n\n\n<p>None of these boxes are so consequential that if you write the wrong thing, you\u2019re forever doomed, so don\u2019t worry too much about perfection.<\/p>\n\n\n\n<p>Next, click \u201cAdmin\u201d (screenshot step 2).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/zk94-tZjV2VzlDF8BskqSiHOdI7GvfBY8Us21-b41ymILTRGNKLnKG2W9_eobQ-osbyFs6jwJDiEJtHQG2bwJs2VtcljnHqEQBw-ngkVHM1nePAIxslz_xmvTsYFyFBpFyN2z2MZ\" alt=\"\"\/><\/figure>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2-create-your-wordpress-site\">Step 2: Create your WordPress site<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create a one page website and host for free (WordPress, Simply Static, Netlify)\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/gApGB4X_uYI?start=253&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">YouTube video chapter: Working with WordPress<\/figcaption><\/figure>\n\n\n\n<p>Here\u2019s where you create your own website.<\/p>\n\n\n\n<p>In the video above, I have done a recording of how I created a Photoshop tutor\u2019s website.<\/p>\n\n\n\n<p>It\u2019s really built as a \u201cproof of concept\u201d website that shows the best practices that you should adopt.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"customize-appearance-header-and-footer\">Customize appearance, header and footer<\/h3>\n\n\n<p>All of these changes can be made by going to:<\/p>\n\n\n\n<p>WordPress sidebar &gt; Appearance&gt; Customize<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/3sGc9ANXzcG-yHrUUmuNDxNItRzqhwtW5b1OQ2GSwjQMZP7NsjdG9SsgoQ1rFkhyOsgZAaYGpb7VFnAqZ7Rmmjk1BmSpcAnPUsb_RCuv5gF4Eqf5r8Lh0pKazney2CmLrG9tZqMS\" alt=\"\"\/><\/figure>\n\n\n\n<p>Here are some things that I did, and the corresponding menu item where you can change these.<\/p>\n\n\n\n<ol>\n<li><strong>Widgets -&gt; <\/strong>Remove all default widgets on the footer (Recent comments, Recent Posts, etc.)<\/li>\n\n\n\n<li><strong>Menu -&gt; Primary\/ Secondary Menu<\/strong>: Removed all menu links and all social media icons (you may keep them if you have these links)<\/li>\n\n\n\n<li><strong>Colors &amp; Dark Mode<\/strong>: Changed the background colour (the default theme\u2019s green is really ugly)<\/li>\n\n\n\n<li><strong>Site Identity: <\/strong>Change title and description<\/li>\n<\/ol>\n\n\n<h3 class=\"wp-block-heading\" id=\"customize-content\">Customize content<\/h3>\n\n\n<p>Once you are done with customizing the footer and header, you can move on to customizing the content.<\/p>\n\n\n\n<p>Go back to your main menu and then go to<strong> Pages -&gt; All Pages<\/strong><\/p>\n\n\n\n<p>Then, find the page that is labelled <strong>\u201cFront Page\u201d<\/strong><\/p>\n\n\n\n<p>Click <strong>\u201cEdit\u201d<\/strong><\/p>\n\n\n\n<p>This is where you\u2019ll change your front page\u2019s content.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/U58y-UCA9kxmWbrl2fUMipZoTqD4254z51m6rg_kNcc7dg-0V5jVCLOyzhs7fTD_S0pPBer5K6Mam6iCVi5pt-MArUx3YcNKKm6mfcahKMPgbXhu39NdUSnA-KTIc9or1Ey5tSNF\" alt=\"\"\/><\/figure>\n\n\n\n<p>On top, you will see the title of your website. Change it to whatever you want.<\/p>\n\n\n\n<p>So, for example, if you are a make-up artist, you can write \u201cMake-up services in [location]\u201d.<\/p>\n\n\n\n<p>Then, create the content that you want.<\/p>\n\n\n\n<p>Top tip: If you want to make something full width\u2026<\/p>\n\n\n\n<p><strong>Click on the block and go to its alignment drop-down menu, then click \u201cfull width\u201d<\/strong><\/p>\n\n\n\n<p>This is especially useful for images. Bigger images are more impressive.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/_nUzhYjUGD2xY6ZyKfUpHlx_UcwEqijc4MeHfD5dhThMWXb39uuizlNsW8SuSQcjKDyaRw_SMT5b0pEHhPEcf6IMEwo5kSnzpDUKwQDwMNN5b0dQqT0878CytSFsp6H1LnkEF6tX\" alt=\"\"\/><\/figure>\n\n\n\n<p>I\u2019ll leave the content development up to you, but here\u2019s what I built.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/L2OmDkBBJB8jRQ6gyWaUlcyE4symE3_JBRQrHPCgv83NDSEynKGvMufLDCABarbZ94qDI0ue1GKgE1TQXzuDEOGeZBD28g0xYvAL3okl3wT32rW1EXjjBMp-h8fPWLn4i-6zSzpu\" width=\"370\" height=\"817\"><\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-3-generate-static-files-using-simply-static-plugin\">Step 3: Generate static files using Simply Static plugin<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create a one page website and host for free (WordPress, Simply Static, Netlify)\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/gApGB4X_uYI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>OK, here comes the most critical step.<\/p>\n\n\n\n<p>Before you generate your static files, here\u2019s an optional step that will make your site more complete:&nbsp;<\/p>\n\n\n\n<p>Go to your Posts and Pages menu and delete all pages that are currently not linked.&nbsp;<\/p>\n\n\n\n<p>It\u2019s optional but it helps you ensure that people aren\u2019t seeing anything incomplete and irrelevant, plus it reduces your file size.<\/p>\n\n\n\n<p>At the main menu, go to<strong> Plugins -&gt; Add New<\/strong><\/p>\n\n\n\n<p>On the top right, you will see an input box called <strong>\u201cSearch plugins\u201d<\/strong><\/p>\n\n\n\n<p><strong>Type in \u201cSimply Static\u201d<\/strong><\/p>\n\n\n\n<p>The first entry should be the correct one. Make sure it\u2019s made by <strong>Patrick Posner<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/JAyDsCuGoLnxT6jWQ7E7tCEd0pSVGIw9KYB3m3cZh0dtmN5YK3IBnkNeNVGPGjnpt5hisldJt_DJ8ehbgNTDlZ2EdECPo8YTbB4CYD6ljbSEAc0qSZ26d7EbXW6TEZyVjl7bH9jZ\" alt=\"\"\/><\/figure>\n\n\n\n<p>Once installed, you should see a <strong>Simply Static <\/strong>menu item in your sidebar<\/p>\n\n\n\n<p>Click on it, and then click on <strong>\u201cGenerate Static Files\u201d<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/2BGGxnw40F2IgifRgZ2_oiF9bmHFI_CzVcgpDsBIGTFHLfoy4V1VA4UVV3BiarXevA4KMw33I9pBvpt52ayGgIXnh9c8ZuqiH1RGlNEkT4kIe1s2EtD-eKxjPvtzw7mfhUzXrqxb\" alt=\"\"\/><\/figure>\n\n\n\n<p>You should be able to see the button <strong>\u201cclick here to download\u201d <\/strong>once the plugin has run through its process.<\/p>\n\n\n\n<p>Download that file and then remember where you stored it. You are going to need it for the next step.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-4-hosting-on-netlify\">Step 4: Hosting on Netlify<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create a one page website and host for free (WordPress, Simply Static, Netlify)\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/gApGB4X_uYI?start=1184&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">YouTube Video Chapter: Netlify<\/figcaption><\/figure>\n\n\n\n<p>Netlify allows you to host your site for free and you do that by uploading the files that you have just generated onto their servers.<\/p>\n\n\n\n<p>There are other services that offer the same service including Cloudflare Pages and Github Pages.&nbsp;<\/p>\n\n\n\n<p>These services allow you to host low-impact websites for free.<\/p>\n\n\n\n<p>Anyway, I am going to show you how to do it with Netlify, since I am most familiar with them. They are really great.<\/p>\n\n\n\n<p><strong>Go to Netlify.com and sign up.<\/strong><\/p>\n\n\n\n<p>Once you\u2019re logged in, go to the <strong>\u201cSites\u201d <\/strong>link.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/G-dJzt8LvQhOPa-0FurIF2Cvkov4ZsakXeLJUUA_WYYmopK2ZdP-A9JUIQivNaRJP_0LbnTuMANAKNukxKi1EQ16Q948eV7t_mk7jrJPHcR_BwKNUVQO8mvegsKc6lTQ2NeyMVFG\" alt=\"\"\/><\/figure>\n\n\n\n<p>You will see a box below that says \u201cwant to deploy a new site without connecting to Git\u201d<\/p>\n\n\n\n<p>Drag your folder from your computer into this box.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/neV3TiuRmhs5euTO45Z4oqxQzmZ3Gvg_jWKGclRDG_qr1d9te5nStRfdl5tW_0yxZwX8O8Y8cE7Z2FLefrf32C-DLskrvPf3QMMZZkRkKP7i4CtWvoUnAOluGGLTOPVr2ehX_Mp0\" alt=\"\"\/><\/figure>\n\n\n\n<p>Give it a minute or two to process, and then you will see your new site. Click on it and you should see a link that says \u201cXXXX.netlify.app\u201d<\/p>\n\n\n\n<p>That\u2019s where your current website is located.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/spgxkJsEgwT9WJHpPuVQU1lsOkEAiw-q8wF_1JnsPcmetNo8ZPITEm3n4y6AsVbLYxnrTsnWLONOARejUM6rWt8xDmbJz0Cn8YoLaY3y3pLy0ls772dGpjGdcsokYNbWwqShLcOs\" alt=\"\"\/><\/figure>\n\n\n<h2 class=\"wp-block-heading\" id=\"bonus-custom-domain\">Bonus: custom domain<\/h2>\n\n\n<p>Here\u2019s how you can buy your domain through Netlify.<\/p>\n\n\n\n<p>Click on the button <strong>\u201cDomain settings\u201d<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/WzAGDffFkkHcj5zXtOTANlfMR5rFSN8PrW3zJ0rmzpHRUti_AbAzVJUTDh1iLkIatPjfiYsGKOKcBB8UwW750_n35IQwpDOPfFa8-NdvGlu4h9ZXK475CrW4GewRDhdj2fX8sGPX\" alt=\"\"\/><\/figure>\n\n\n\n<p>Then go to <strong>\u201cAdd custom domain\u201d<\/strong><\/p>\n\n\n\n<p>Type in the custom domain that you want (for example: photoshopcoachvancouver.com)<\/p>\n\n\n\n<p>If it\u2019s available, you can go ahead and buy it. If not, try another domain name.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"next-steps\">Next steps<\/h2>\n\n\n<p>I hope this helps and just before I close off the article, I\u2019d just like to say that if you have any questions, just email me (link below) and I will read what you have to say.<\/p>\n\n\n\n<p>Another thing to note is that every time you update your website, you will have to do the same process to upload the website.<\/p>\n\n\n\n<p>It\u2019s tedious if you have to do it every day, so really, this method is meant for people who update their sites once in a long while.<\/p>\n\n\n\n<p>Otherwise, you can consider uploading it to Github so that it\u2019s constantly synced up.<\/p>\n\n\n\n<p>Hope this helps!<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"too-complicated-heres-a-simpler-method\">Too complicated? Here&#8217;s a simpler method<\/h2>\n\n\n<p>I recently<a href=\"https:\/\/xyzcreativeworks.com\/index.php\/2023\/04\/05\/can-chatgpt-build-a-website\/\"> used ChatGPT to build a website and it was amazing for simple websites<\/a> like &#8220;link-in-bio&#8221; websites.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re not a web expert and want a low-cost, low-hassle solution, here&#8217;s a tutorial on how you can use WordPress and Netli","protected":false},"author":1,"featured_media":1455,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[12],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to create a one page website and host for free (WordPress &amp; Netlify) - Xuyun Zeng<\/title>\n<meta name=\"description\" content=\"If you&#039;re not a web expert and want a low-cost, low-hassle solution, here&#039;s a tutorial on how you can use WordPress and Netlify to DIY.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create a one page website and host for free (WordPress &amp; Netlify) - Xuyun Zeng\" \/>\n<meta property=\"og:description\" content=\"If you&#039;re not a web expert and want a low-cost, low-hassle solution, here&#039;s a tutorial on how you can use WordPress and Netlify to DIY.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\" \/>\n<meta property=\"og:site_name\" content=\"Xuyun Zeng\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-05T17:53:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T00:07:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Xuyun Zeng\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Xuyun Zeng\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\"},\"author\":{\"name\":\"Xuyun Zeng\",\"@id\":\"https:\/\/xyzcreativeworks.com\/#\/schema\/person\/31183a50b673a606a2a35919336a10e8\"},\"headline\":\"How to create a one page website and host for free (WordPress &#038; Netlify)\",\"datePublished\":\"2021-11-05T17:53:10+00:00\",\"dateModified\":\"2023-04-06T00:07:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\"},\"wordCount\":1806,\"publisher\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\",\"url\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\",\"name\":\"How to create a one page website and host for free (WordPress & Netlify) - Xuyun Zeng\",\"isPartOf\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg\",\"datePublished\":\"2021-11-05T17:53:10+00:00\",\"dateModified\":\"2023-04-06T00:07:45+00:00\",\"description\":\"If you're not a web expert and want a low-cost, low-hassle solution, here's a tutorial on how you can use WordPress and Netlify to DIY.\",\"breadcrumb\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage\",\"url\":\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg\",\"contentUrl\":\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg\",\"width\":1280,\"height\":720,\"caption\":\"how to create one page website in WordPress and host for free\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/xyzcreativeworks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create a one page website and host for free (WordPress &#038; Netlify)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xyzcreativeworks.com\/#website\",\"url\":\"https:\/\/xyzcreativeworks.com\/\",\"name\":\"Xuyun Zeng\",\"description\":\"Communications, Marketing, Stable Diffusion, AI\",\"publisher\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xyzcreativeworks.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/xyzcreativeworks.com\/#organization\",\"name\":\"Xuyun Zeng\",\"url\":\"https:\/\/xyzcreativeworks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xyzcreativeworks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2023\/02\/favicon.png\",\"contentUrl\":\"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2023\/02\/favicon.png\",\"width\":512,\"height\":512,\"caption\":\"Xuyun Zeng\"},\"image\":{\"@id\":\"https:\/\/xyzcreativeworks.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/xyzcreativeworks.com\/#\/schema\/person\/31183a50b673a606a2a35919336a10e8\",\"name\":\"Xuyun Zeng\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xyzcreativeworks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f8122b3aaf7012e7ed5de92f127964ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f8122b3aaf7012e7ed5de92f127964ad?s=96&d=mm&r=g\",\"caption\":\"Xuyun Zeng\"},\"url\":\"https:\/\/xyzcreativeworks.com\/author\/xuyunzeng\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create a one page website and host for free (WordPress & Netlify) - Xuyun Zeng","description":"If you're not a web expert and want a low-cost, low-hassle solution, here's a tutorial on how you can use WordPress and Netlify to DIY.","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:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/","og_locale":"en_US","og_type":"article","og_title":"How to create a one page website and host for free (WordPress & Netlify) - Xuyun Zeng","og_description":"If you're not a web expert and want a low-cost, low-hassle solution, here's a tutorial on how you can use WordPress and Netlify to DIY.","og_url":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/","og_site_name":"Xuyun Zeng","article_published_time":"2021-11-05T17:53:10+00:00","article_modified_time":"2023-04-06T00:07:45+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg","type":"image\/jpeg"}],"author":"Xuyun Zeng","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Xuyun Zeng","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#article","isPartOf":{"@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/"},"author":{"name":"Xuyun Zeng","@id":"https:\/\/xyzcreativeworks.com\/#\/schema\/person\/31183a50b673a606a2a35919336a10e8"},"headline":"How to create a one page website and host for free (WordPress &#038; Netlify)","datePublished":"2021-11-05T17:53:10+00:00","dateModified":"2023-04-06T00:07:45+00:00","mainEntityOfPage":{"@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/"},"wordCount":1806,"publisher":{"@id":"https:\/\/xyzcreativeworks.com\/#organization"},"image":{"@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage"},"thumbnailUrl":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg","articleSection":["Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/","url":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/","name":"How to create a one page website and host for free (WordPress & Netlify) - Xuyun Zeng","isPartOf":{"@id":"https:\/\/xyzcreativeworks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage"},"image":{"@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage"},"thumbnailUrl":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg","datePublished":"2021-11-05T17:53:10+00:00","dateModified":"2023-04-06T00:07:45+00:00","description":"If you're not a web expert and want a low-cost, low-hassle solution, here's a tutorial on how you can use WordPress and Netlify to DIY.","breadcrumb":{"@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#primaryimage","url":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg","contentUrl":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg","width":1280,"height":720,"caption":"how to create one page website in WordPress and host for free"},{"@type":"BreadcrumbList","@id":"https:\/\/xyzcreativeworks.com\/how-to-create-a-one-page-website-and-host-for-free-wordpress-netlify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xyzcreativeworks.com\/"},{"@type":"ListItem","position":2,"name":"How to create a one page website and host for free (WordPress &#038; Netlify)"}]},{"@type":"WebSite","@id":"https:\/\/xyzcreativeworks.com\/#website","url":"https:\/\/xyzcreativeworks.com\/","name":"Xuyun Zeng","description":"Communications, Marketing, Stable Diffusion, AI","publisher":{"@id":"https:\/\/xyzcreativeworks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xyzcreativeworks.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/xyzcreativeworks.com\/#organization","name":"Xuyun Zeng","url":"https:\/\/xyzcreativeworks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xyzcreativeworks.com\/#\/schema\/logo\/image\/","url":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2023\/02\/favicon.png","contentUrl":"https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2023\/02\/favicon.png","width":512,"height":512,"caption":"Xuyun Zeng"},"image":{"@id":"https:\/\/xyzcreativeworks.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/xyzcreativeworks.com\/#\/schema\/person\/31183a50b673a606a2a35919336a10e8","name":"Xuyun Zeng","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xyzcreativeworks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f8122b3aaf7012e7ed5de92f127964ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f8122b3aaf7012e7ed5de92f127964ad?s=96&d=mm&r=g","caption":"Xuyun Zeng"},"url":"https:\/\/xyzcreativeworks.com\/author\/xuyunzeng\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"thumbnail":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host-150x150.jpg",150,150,true],"medium":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host-650x366.jpg",650,366,true],"medium_large":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host-768x432.jpg",580,326,true],"large":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host-1024x576.jpg",580,326,true],"gs-tiny":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",50,28,false],"xl":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"xxl":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"xxxl":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"xxxxl":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"xxxxxl":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"1536x1536":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"2048x2048":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false],"post-thumbnail":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host-1200x675.jpg",1200,675,true],"twentytwenty-fullscreen":["https:\/\/xyzcreativeworks.com\/wp-content\/uploads\/2021\/11\/wp-static-netlify-host.jpg",1280,720,false]},"uagb_author_info":{"display_name":"Xuyun Zeng","author_link":"https:\/\/xyzcreativeworks.com\/author\/xuyunzeng\/"},"uagb_comment_info":0,"uagb_excerpt":"If you're not a web expert and want a low-cost, low-hassle solution, here's a tutorial on how you can use WordPress and Netlify to DIY.","_links":{"self":[{"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/posts\/1454"}],"collection":[{"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/comments?post=1454"}],"version-history":[{"count":5,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/posts\/1454\/revisions"}],"predecessor-version":[{"id":2128,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/posts\/1454\/revisions\/2128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/media\/1455"}],"wp:attachment":[{"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/media?parent=1454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/categories?post=1454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xyzcreativeworks.com\/wp-json\/wp\/v2\/tags?post=1454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}