{"id":76030,"date":"2023-08-07T11:30:00","date_gmt":"2023-08-07T08:30:00","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=76030"},"modified":"2024-07-10T13:20:39","modified_gmt":"2024-07-10T10:20:39","slug":"how-to-use-chatgpt-to-build-a-website","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/","title":{"rendered":"How to Use ChatGPT to Build a Website"},"content":{"rendered":"\n<p>Are you interested in learning how to use ChatGPT to build a website?<\/p>\n\n\n\n<p>Of course you are. That&rsquo;s why you&rsquo;re here.<\/p>\n\n\n\n<p>ChatGPT has only been with us for a relatively short while, but it&rsquo;s already transformed the landscape of the web design world. Developers and site owners have figured out ways to utilize it for improved productivity, and in many cases, to do things they previously wouldn&rsquo;t have been able to.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>By the time you finish reading this tutorial you&rsquo;ll be able to join their ranks because <strong>I&rsquo;m going to teach you how to use it to build a website (really!)<\/strong>. From the homepage HTML files to a navigational menu, to a footer area, to CSS styling &ndash; you&rsquo;ll have it all.<\/p>\n\n\n\n<p>Ready to get started? &#129300; Let&rsquo;s do this! &#128170;<\/p>\n\n\n    \r\n    <style>\r\n        :root {\r\n        --jtoc-progress-bar-color: #4267cf;\n        }\r\n                    .wpj-jtoc.--jtoc-theme-none.--jtoc-has-custom-styles {\r\n        --jtoc-width: 100%;\n--jtoc-toc-padding: 24px;\n--jtoc-toc-border: 1px solid;\n--jtoc-toc-border-color: #dedede;\n--jtoc-background-color: #f6f7f9;\n--jtoc-header-height: 20px;\n--jtoc-header-margin: 0;\n--jtoc-header-padding: 0;\n--jtoc-title-color: #393939;\n--jtoc-title-font-size: 1.2em;\n--jtoc-title-label-font-weight: 400;\n--jtoc-body-margin: 16px 0 0 0;\n--jtoc-body-padding: 0;\n--jtoc-headings-margin: 10px 0 0 0;\n--jtoc-link-font-size: 1em;\n--jtoc-link-font-weight: 400;\n--jtoc-link-color: #848484;\n--jtoc-link-color-hover: #4a66c8;\n--jtoc-link-color-active: #4a66c8;\n        }\r\n        .--jtoc-the-content{\r\ndisplay:none;\r\n}\r\n.--jtoc-is-active>.wpj-jtoc--item-content>a:before{\r\nmargin-left:3px;\r\n}\r\n.wpj-jtoc--nav>.wpj-jtoc--items li a::before{\r\ncontent:'\\203A';\r\ndisplay:block;\r\nfloat:left;\r\nheight:100%;\r\nfont-weight:700;\r\ncolor:#4267CF;\r\nline-height: 20px;\r\nmargin-right: 3px;\r\n}\r\n.sidebar .wpj-jtoc--toc{\r\nborder:0;\r\npadding:0;\r\n}\r\n.sidebar .wpj-jtoc--header,\r\n.sidebar .wpj-jtoc--body{\r\nbackground:transparent;\r\n}\r\n\r\n.sidebar .--jtoc-is-active>.wpj-jtoc--item-content>a{\r\ntext-decoration:none;\r\n}\r\n.sidebar-left .widget-first{\r\nposition:sticky;\r\ntop:70px;\r\nmargin-bottom:1250px;\r\n}\r\n.sidebar-left{\r\ndisplay:none;\r\nmax-width:300px;\r\nposition:absolute;\r\nleft:-330px;\r\ntop:0;\r\nheight:100%;\r\n}\r\n@media only screen and (max-width: 1900px) {\r\n.single-post .sidebar-left{\r\ndisplay:none !important;\r\n}\r\n.--jtoc-the-content{\r\ndisplay:block;\r\n}\r\n@media only screen and (max-width: 400px) {\r\n.wpj-jtoc--item .wpj-jtoc--item-content{\r\nmargin-top:5px;\r\n}\r\n.wpj-jtoc--header-main .wpj-jtoc--title{\r\nfont-size:1.1em;\r\n}\r\n}    <\/style>\r\n\r\n\r\n    <!-- jtoc progress bar widget -->\r\n    <div class=\"wpj-jtoc--widget-progress --progress-top\">\r\n        <div class=\"wpj-jtoc--widget-progress-bar\"><\/div>\r\n    <\/div>\r\n\r\n<div id=\"wpj-jtoc\" class=\"wpj-jtoc wpj-jtoc--main --jtoc-the-content --jtoc-theme-none --jtoc-title-align-left --jtoc-toggle-icon --jtoc-toggle-position-right --jtoc-toggle-1 --jtoc-header-as-toggle --jtoc-headings-full-row-clickable --jtoc-floating-toc-top --jtoc-floating-has-shadow --jtoc-has-custom-styles --jtoc-is-unfolded\" >\r\n            \r\n    <!-- TOC -->\r\n    <div class=\"wpj-jtoc--toc \">\r\n                            <div class=\"wpj-jtoc--header\">\r\n                <div class=\"wpj-jtoc--header-main\">\r\n                                        <div class=\"wpj-jtoc--title\">\r\n                        <!-- <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-columns-3\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M9 3v18\"\/><path d=\"M15 3v18\"\/><\/svg> -->\r\n                        <span class=\"wpj-jtoc--title-label\">Table of contents<\/span>\r\n                    <\/div>\r\n                                                        <\/div>\r\n            <\/div>\r\n                                <div class=\"wpj-jtoc--body\">\r\n                        <nav class=\"wpj-jtoc--nav\">\r\n                <ol class=\"wpj-jtoc--items\"><li class=\"wpj-jtoc--item --jtoc-h2\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"2\">\r\n                        <a href=\"#how-can-chatgpt-help-you-build-a-website\" title=\"How can ChatGPT help you build a website?\" data-numeration=\"1\" >How can ChatGPT help you build a website?<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h2\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"2\">\r\n                        <a href=\"#how-to-use-chatgpt-to-build-a-website\" title=\"How to use ChatGPT to build a website\" data-numeration=\"2\" >How to use ChatGPT to build a website<\/a>\r\n                    <\/div> <ol class=\"wpj-jtoc--items\"><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#h-how-to-toggle-between-gpt-models-and-select-the-latest-one\" title=\"How to toggle between GPT models and select the latest one\" data-numeration=\"2.1\" >How to toggle between GPT models and select the latest one<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-1\" title=\"Step 1: Set your project requirements with ChatGPT\" data-numeration=\"2.2\" >Step 1: Set your project requirements with ChatGPT<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-2\" title=\"Step 2: Ask ChatGPT to write an HTML file for a homepage\" data-numeration=\"2.3\" >Step 2: Ask ChatGPT to write an HTML file for a homepage<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-3\" title=\"Step 3: Render the code in your browser (and make tweaks to the original code)\" data-numeration=\"2.4\" >Step 3: Render the code in your browser (and make tweaks to the original code)<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-4\" title=\"Step 4: Check the site\u2019s responsiveness\" data-numeration=\"2.5\" >Step 4: Check the site\u2019s responsiveness<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-5\" title=\"Step 5: Replace the image path URLs\" data-numeration=\"2.6\" >Step 5: Replace the image path URLs<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#h-step-6-make-adjustments-to-clean-things-up\" title=\"Step 6: Make adjustments to clean things up\" data-numeration=\"2.7\" >Step 6: Make adjustments to clean things up<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-6\" title=\"Step 7: Ask for a footer file from ChatGPT\" data-numeration=\"2.8\" >Step 7: Ask for a footer file from ChatGPT<\/a>\r\n                    <\/div> <\/li><li class=\"wpj-jtoc--item --jtoc-h3\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"3\">\r\n                        <a href=\"#step-7\" title=\"Step 8: Upload files to the web host of your choosing\" data-numeration=\"2.9\" >Step 8: Upload files to the web host of your choosing<\/a>\r\n                    <\/div> <\/li><\/ol><\/li><\/ol>            <\/nav>\r\n                                                        <\/div>\r\n            <\/div>\r\n<\/div>\r\n\n\n\n<h2 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"how-can-chatgpt-help-you-build-a-website\">How can ChatGPT help you build a website?<\/h2>\n\n\n\n<p>As a natural language processing tool driven by artificial intelligence, ChatGPT is trained to produce a detailed response following an instruction or question made by the user. It&rsquo;s no secret that ChatGPT can provide written content for webpages, but it also thrives when you prompt it to write the actual code for a website.<\/p>\n\n\n\n<p>That&rsquo;s what I primarily want to focus on here. I don&rsquo;t want to simply copy and paste a bunch of content into a WordPress page. <strong>The idea is to get ChatGPT to write HTML, CSS, and JavaScript code, compile it into files, and then upload those files to a <a href=\"https:\/\/themeisle.com\/blog\/web-hosting\/\">hosting provider<\/a><\/strong>.<\/p>\n\n\n\n<p>&#9881;&#65039; By following this process, ChatGPT can create:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Complete homepages<\/li>\n\n\n\n<li>Navigational menus<\/li>\n\n\n\n<li>Footers<\/li>\n\n\n\n<li>Sidebars<\/li>\n\n\n\n<li>Additional pages like Contact, <a href=\"https:\/\/themeisle.com\/blog\/how-to-write-an-about-us-page\/\">About Us<\/a>, and even Shop pages<\/li>\n\n\n\n<li>All the HTML, CSS, and other code language files needed<\/li>\n\n\n\n<li>Content for your webpages<\/li>\n\n\n\n<li>Suggestions on hosting, business names, domain names, product ideas, and more<\/li>\n<\/ul>\n\n\n\n<p>However, ChatGPT is limited to generating written content. You can&rsquo;t, therefore, ask it to complete tasks that require you to sign up on other websites or pay money for a product.<\/p>\n\n\n\n<p>&#128721; Here&rsquo;s what ChatGPT <em>can&rsquo;t<\/em> do for you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Buy or configure a <a href=\"https:\/\/themeisle.com\/blog\/what-is-a-domain-name\/\">domain name<\/a><\/li>\n\n\n\n<li>Purchase website hosting (we recommend <a href=\"https:\/\/themeisle.com\/blog\/go\/bluehost\/\" target=\"_blank\" rel=\"noopener nofollow\">Bluehost<\/a>)<\/li>\n\n\n\n<li>Content management (you&rsquo;d need something like <a href=\"https:\/\/themeisle.com\/blog\/what-is-wordpress\/\">WordPress<\/a> for this)<\/li>\n\n\n\n<li>Install plugins or themes<\/li>\n\n\n\n<li>Upload the AI-generated files to a host (you have to do this manually)<\/li>\n<\/ul>\n\n\n<div class=\"su-note\" style=\"border-color:#e5e1b2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#FFFBCC;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n\n\n\n<p>&#128161; Don&rsquo;t forget to take advantage of the <a href=\"https:\/\/themeisle.com\/blog\/go\/bluehost\/\" target=\"_blank\" rel=\"noopener nofollow\">exclusive Bluehost discount<\/a> we set up for you, our readers, so you can lock in a preferred rate for your website and <strong>get a free domain name<\/strong> on top of it.<\/p>\n\n\n<\/div><\/div>\n\n\n\n<p>These limitations shouldn&rsquo;t hold you back, though. With that out of the way, let&rsquo;s move forward with building a website using ChatGPT. You&rsquo;ll be impressed by the results. &#129321;<\/p>\n\n\n\n\t\t<div class=\"ti-tweet-clear\"><\/div>\n\t\t\t<div class=\"ti-tweet_wrapper\">\n\t\t    \t<div class=\"ti-tweet_text\">\n\t\t    \t\t<a href=\"https:\/\/twitter.com\/share?text=Learn+how+to+use+%23ChatGPT+to+build+a+%23website+%F0%9F%A4%96%F0%9F%8F%97%EF%B8%8F%F0%9F%8C%90&amp;via=themeisle&amp;related=themeisle&amp;url=https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\" target=\"_blank\" rel=\"nofollow\">Learn how to use #ChatGPT to build a #website &#129302;&#127959;&#65039;&#127760;<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class=\"ti-tweet_sharebtn\">\n\t\t    \t<a href=\"https:\/\/twitter.com\/share?text=Learn+how+to+use+%23ChatGPT+to+build+a+%23website+%F0%9F%A4%96%F0%9F%8F%97%EF%B8%8F%F0%9F%8C%90&amp;via=themeisle&amp;related=themeisle&amp;url=https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\" target=\"_blank\" rel=\"nofollow\">Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"how-to-use-chatgpt-to-build-a-website\">How to use ChatGPT to build a website<\/h2>\n\n\n\n<p>If you intend on following this tutorial step by step, I recommend using a desktop or a laptop computer. You&rsquo;ll be managing site files and uploading them to a host dashboard, which is not exactly convenient on a smartphone or a tablet.<\/p>\n\n\n\n<p>To begin, either log into your existing ChatGPT account, or if you haven&rsquo;t registered for one yet, then <a href=\"https:\/\/openai.com\/chatgpt\/\" target=\"_blank\" rel=\"noopener\">go to the OpenAI website<\/a> and sign up:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1501578615  fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1419\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp\" alt=\"ChatGPT landing page.\" class=\"wp-image-105881\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1064\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:166\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:568\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:426\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:852\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1064\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:998\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:433\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 433w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:716\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 716w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1082\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 1082w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:267\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 267w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:352\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 352w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:244\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 244w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1064\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/ChatGPT-landing-page-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"><\/figure><\/div>\n\n\n<p>Technically, you can use ChatGPT without registering an account. However, I don&rsquo;t recommend this approach for several reasons, the most important being that you won&rsquo;t have access to the latest model, which is GPT-4o. <strong>This is the model we&rsquo;re going to use in this tutorial<\/strong>. It&rsquo;s available for both free users and those on the paid ChatGPT Plus plan.<\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"h-how-to-toggle-between-gpt-models-and-select-the-latest-one\">How to toggle between GPT models and select the latest one<\/h3>\n\n\n\n<p>For free users, GPT-4o is the default model that your interface will be set to upon logging in. If you don&rsquo;t log in, you&rsquo;ll be on the GPT-3.5 model. Hence why I said you should create an account if you don&rsquo;t already have one.<\/p>\n\n\n\n<p>To double check, simply type anything into the chat window and then hover over GPT&rsquo;s response. Look for the little AI emoji, click it, and you&rsquo;ll see that the GPT-4o model is selected:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=56286173  fetchpriority=\"high\" decoding=\"async\" width=\"2234\" height=\"844\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp\" alt=\"Checking GPT version in the free version of ChatGPT.\" class=\"wp-image-105943\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:725\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 2234w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:113\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:387\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:290\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:580\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:725\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:680\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:19\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:181\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:453\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:112\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:147\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:102\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:725\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-GPT-version-in-the-free-version-of-ChatGPT.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"><\/figure><\/div>\n\n\n<p>For ChatGPT Plus users, you&rsquo;ll need to switch to the GPT-4o model by clicking on the top left menu that&rsquo;s adjacent to the left sidebar:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=836017034  fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1356\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp\" alt=\"Selecting GPT 4o from the ChatGPT Plus menu.\" class=\"wp-image-105941\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1017\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:159\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:542\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:407\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:813\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1017\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:953\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:453\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 453w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:750\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 750w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1133\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 1133w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:279\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 279w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:368\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 368w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:255\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 255w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1017\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Selecting-GPT-4o-from-the-ChatGPT-Plus-menu-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"><\/figure><\/div>\n\n\n<p>Once you&rsquo;ve either selected or confirmed that you&rsquo;re using GPT-4o, you can get started with the steps below. If you do them correctly, you should end up with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>An HTML file for a one-page website with a homepage, images, footer, and menu navigation<\/li>\n\n\n\n<li>Some styling code within that HTML file<\/li>\n<\/ul>\n\n\n\n<p>I will also show you how to render those files in a browser, and in the final step, I&rsquo;ll explain how to upload them to a web host to publish the site online.<\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-1\">Step 1: Set your project requirements with ChatGPT<\/h3>\n\n\n\n<p>Starting out, it&rsquo;s best to specify some requirements to the ChatGPT bot. This way, it understands some overarching necessities that never change as you make more requests to build your website.<\/p>\n\n\n\n<p>You can modify the requirements however you want, but it&rsquo;s generally important to specify things like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Coding languages<\/li>\n\n\n\n<li>File structure<\/li>\n\n\n\n<li>Responsiveness<\/li>\n\n\n\n<li>How many files you want at the end<\/li>\n\n\n\n<li>That there&rsquo;s no need to provide explanations for the code<\/li>\n<\/ul>\n\n\n\n<p>Here&rsquo;s an example of what to type in:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-pale-cyan-blue-background-color has-background\">&ldquo;<em>I would like you to act as a frontend web developer. For the project, you&rsquo;ll code a new website using these tools: HTML, Bootstrap framework using the CDN for CSS and JavaScript. The website should be mobile-friendly and responsive. It should also include the most recent version of Twitter Bootstrap CSS classes in the site structure for layout and style. When it&rsquo;s all done, there should be a single HTML file. You should also include a navigation menu with internal links to the headings within the page content. Do not provide explanations for any of the code you write. Do you understand everything? Please reply with a yes or no answer if you understand all the requirements<\/em>.&rdquo;<\/p>\n<\/div><\/div>\n\n\n\n<p>Once ChatGPT confirms, you&rsquo;re ready to build the homepage.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1750882469  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"1230\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp\" alt=\"\" class=\"wp-image-106062\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:922\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:144\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:492\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:369\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:738\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:922\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:865\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:24\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:231\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:382\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:577\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:142\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:187\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:130\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:922\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 2x\"><noscript><img data-opt-id=1750882469  decoding=\"async\" width=\"2560\" height=\"1230\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp\" alt=\"\" class=\"wp-image-106062\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:922\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:144\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:492\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:369\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:738\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:922\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:865\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:24\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:231\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:382\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:577\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:142\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:187\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:130\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:922\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Giving-ChatGPT-the-initial-prompt-to-begin-the-process-of-building-a-website-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-2\">Step 2: Ask ChatGPT to write an HTML file for a homepage<\/h3>\n\n\n\n<p>Now it&rsquo;s time to send your first request: for a homepage. With all these steps, it&rsquo;s wise to be as specific as possible. This way, you get the results you want on the first few tries.<\/p>\n\n\n\n<p>Here&rsquo;s a template of how to request an HTML homepage from ChatGPT:<\/p>\n\n\n\n<p class=\"has-pale-cyan-blue-background-color has-background\">&ldquo;<em>My first request is &ldquo;Create a single web page that is a product review of a Doorway Pullup Bar.&rdquo; You should include five sections of content on this page, each with an H2 tag to start the section, along with several paragraph tags after that with relevant text about the Doorway Pullup Bar. Also, include an image of a doorway pullup bar, along with a caption that explains what the image is. This image should float to the right side of the page and have a maximum width of 600px<\/em>.&rdquo;<\/p>\n\n\n\n<p>Write in all your own requirements, and click the up arrow to deliver your instructions to ChatGPT. It&rsquo;ll then start writing the appropriate code.<\/p>\n\n\n\n<p>Click the <strong>Copy Code<\/strong> button and paste it into <a href=\"https:\/\/themeisle.com\/blog\/best-code-editor-for-wordpress\/\">your favorite code editor<\/a>. Options like Sublime Text, Notepad, and Atom all work fine, as long as you can edit code and export into a variety of file formats.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1956934364  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp\"  decoding=\"async\" width=\"1722\" height=\"1806\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp\" alt=\"\" class=\"wp-image-106064\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1029\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 1722w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:286\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 286w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:976\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 976w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:805\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1030\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 1465w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1029\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 1716w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:48\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 48w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:379\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 379w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:572\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 572w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:141\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 141w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:186\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 186w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:129\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 129w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1029\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 2x\"><noscript><img data-opt-id=1956934364  decoding=\"async\" width=\"1722\" height=\"1806\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp\" alt=\"\" class=\"wp-image-106064\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1029\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 1722w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:286\/h:300\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 286w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:976\/h:1024\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 976w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:805\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1030\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 1465w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1029\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 1716w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:48\/h:50\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 48w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:379\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 379w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:572\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 572w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:141\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 141w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:186\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 186w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:129\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 129w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1029\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-generate-the-code-for-a-one-page-product-review.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span><strong>Click here if you want to see what the full HTML file written by ChatGPT looks like:<\/strong> <\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;Doorway Pullup Bar Review&lt;\/title&gt;\n    &lt;link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\"&gt;\n    &lt;script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js\"&gt;&lt;\/script&gt;\n    &lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@popperjs\/core@2.5.2\/dist\/umd\/popper.min.js\"&gt;&lt;\/script&gt;\n    &lt;script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"&gt;&lt;\/script&gt;\n    &lt;style&gt;\n        img.float-right {\n            float: right;\n            max-width: 600px;\n            margin-left: 20px;\n        }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;nav class=\"navbar navbar-expand-lg navbar-light bg-light\"&gt;\n        &lt;a class=\"navbar-brand\" href=\"#\"&gt;Pullup Bar Review&lt;\/a&gt;\n        &lt;button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"&gt;\n            &lt;span class=\"navbar-toggler-icon\"&gt;&lt;\/span&gt;\n        &lt;\/button&gt;\n        &lt;div class=\"collapse navbar-collapse\" id=\"navbarNav\"&gt;\n            &lt;ul class=\"navbar-nav\"&gt;\n                &lt;li class=\"nav-item\"&gt;&lt;a class=\"nav-link\" href=\"#introduction\"&gt;Introduction&lt;\/a&gt;&lt;\/li&gt;\n                &lt;li class=\"nav-item\"&gt;&lt;a class=\"nav-link\" href=\"#features\"&gt;Features&lt;\/a&gt;&lt;\/li&gt;\n                &lt;li class=\"nav-item\"&gt;&lt;a class=\"nav-link\" href=\"#installation\"&gt;Installation&lt;\/a&gt;&lt;\/li&gt;\n                &lt;li class=\"nav-item\"&gt;&lt;a class=\"nav-link\" href=\"#pros-cons\"&gt;Pros and Cons&lt;\/a&gt;&lt;\/li&gt;\n                &lt;li class=\"nav-item\"&gt;&lt;a class=\"nav-link\" href=\"#conclusion\"&gt;Conclusion&lt;\/a&gt;&lt;\/li&gt;\n            &lt;\/ul&gt;\n        &lt;\/div&gt;\n    &lt;\/nav&gt;\n\n    &lt;div class=\"container mt-5\"&gt;\n        &lt;h2 id=\"introduction\"&gt;Introduction&lt;\/h2&gt;\n        &lt;p&gt;The Doorway Pullup Bar is a versatile piece of fitness equipment that allows you to perform a variety of upper body exercises in the comfort of your home. It can be easily installed in most doorways without the need for permanent modifications.&lt;\/p&gt;\n        &lt;img src=\"doorway-pullup-bar.jpg\" alt=\"Doorway Pullup Bar\" class=\"float-right\"&gt;\n        &lt;p class=\"text-muted\"&gt;Image: A Doorway Pullup Bar installed in a standard doorway.&lt;\/p&gt;\n        &lt;p&gt;Whether you're looking to build muscle, increase endurance, or just stay fit, a doorway pullup bar can be an essential addition to your workout routine.&lt;\/p&gt;\n\n        &lt;h2 id=\"features\"&gt;Features&lt;\/h2&gt;\n        &lt;p&gt;The Doorway Pullup Bar comes with a range of features designed to enhance your workout experience. It is built with durable materials to ensure stability and safety during use.&lt;\/p&gt;\n        &lt;p&gt;Some of the key features include:&lt;\/p&gt;\n        &lt;ul&gt;\n            &lt;li&gt;Multiple grip positions for various exercises&lt;\/li&gt;\n            &lt;li&gt;Easy installation and removal&lt;\/li&gt;\n            &lt;li&gt;Support for a wide range of body weights&lt;\/li&gt;\n            &lt;li&gt;Compact design for convenient storage&lt;\/li&gt;\n        &lt;\/ul&gt;\n\n        &lt;h2 id=\"installation\"&gt;Installation&lt;\/h2&gt;\n        &lt;p&gt;Installing the Doorway Pullup Bar is a straightforward process that requires no tools or permanent modifications to your doorway. Here are the steps:&lt;\/p&gt;\n        &lt;ol&gt;\n            &lt;li&gt;Ensure the door frame is sturdy and can support your weight.&lt;\/li&gt;\n            &lt;li&gt;Place the pullup bar on the top of the door frame, ensuring it is centered.&lt;\/li&gt;\n            &lt;li&gt;Push down on the bar to lock it into place.&lt;\/li&gt;\n            &lt;li&gt;Test the stability of the bar before performing any exercises.&lt;\/li&gt;\n        &lt;\/ol&gt;\n        &lt;p&gt;In just a few minutes, you can have your pullup bar ready for use and start your workout immediately.&lt;\/p&gt;\n\n        &lt;h2 id=\"pros-cons\"&gt;Pros and Cons&lt;\/h2&gt;\n        &lt;p&gt;Like any fitness equipment, the Doorway Pullup Bar has its advantages and disadvantages. Here's a quick overview:&lt;\/p&gt;\n        &lt;p&gt;&lt;strong&gt;Pros:&lt;\/strong&gt;&lt;\/p&gt;\n        &lt;ul&gt;\n            &lt;li&gt;Portable and easy to install&lt;\/li&gt;\n            &lt;li&gt;Affordable compared to other fitness equipment&lt;\/li&gt;\n            &lt;li&gt;Versatile for various exercises&lt;\/li&gt;\n        &lt;\/ul&gt;\n        &lt;p&gt;&lt;strong&gt;Cons:&lt;\/strong&gt;&lt;\/p&gt;\n        &lt;ul&gt;\n            &lt;li&gt;May not fit all door frames&lt;\/li&gt;\n            &lt;li&gt;Can leave marks on doorways&lt;\/li&gt;\n            &lt;li&gt;Weight limit may not accommodate all users&lt;\/li&gt;\n        &lt;\/ul&gt;\n\n        &lt;h2 id=\"conclusion\"&gt;Conclusion&lt;\/h2&gt;\n        &lt;p&gt;Overall, the Doorway Pullup Bar is a valuable addition to any home gym setup. Its ease of use, portability, and range of features make it an excellent choice for anyone looking to improve their upper body strength and fitness levels.&lt;\/p&gt;\n        &lt;p&gt;While it has a few limitations, such as compatibility with certain door frames and potential marking, the benefits far outweigh these drawbacks for most users.&lt;\/p&gt;\n        &lt;p&gt;Consider adding a Doorway Pullup Bar to your fitness routine and experience the convenience and effectiveness of this simple yet powerful piece of equipment.&lt;\/p&gt;\n    &lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n<\/div><\/div>\n\n\n\n<p>ChatGPT may or may not include notes at the end of its response if there is a need to complete other actions to finish the webpage. For example, it&rsquo;s necessary to replace image URL paths to actually see your images:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1233552189  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp\"  decoding=\"async\" width=\"2046\" height=\"460\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp\" alt=\"\" class=\"wp-image-106065\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:431\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 2046w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:67\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:230\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:173\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:345\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:405\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:11\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:108\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:179\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:270\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:67\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:88\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:61\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:431\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 2x\"><noscript><img data-opt-id=1233552189  decoding=\"async\" width=\"2046\" height=\"460\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp\" alt=\"\" class=\"wp-image-106065\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:431\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 2046w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:67\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:230\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:173\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:345\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:405\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:11\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:108\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:179\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:270\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:67\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:88\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:61\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:431\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Showing-image-path-URL-that-will-need-to-be-replaced.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>In this particular instance, ChatGPT didn&rsquo;t inform me of this, but when I&rsquo;ve gone through these steps previously, it did. Regardless of what happens (or doesn&rsquo;t happen) when you do this yourself, you&rsquo;ll have to change the part of the code I underlined above. I&rsquo;ll show you what to replace it with later on.<\/p>\n\n\n\n<p>As mentioned, make sure you paste the code into a code editor.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=784357863  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp\"  decoding=\"async\" width=\"1900\" height=\"1248\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp\" alt=\"Pasting ChatGPT generated HTML into a code editor.\" class=\"wp-image-106070\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1644\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1900w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:197\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:673\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:504\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:1009\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1644\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:33\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:365\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 365w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:604\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 604w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:913\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 913w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:225\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 225w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:297\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 297w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:206\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 206w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1644\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 2x\"><noscript><img data-opt-id=784357863  decoding=\"async\" width=\"1900\" height=\"1248\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp\" alt=\"Pasting ChatGPT generated HTML into a code editor.\" class=\"wp-image-106070\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1644\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1900w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:197\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:673\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:504\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:1009\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1644\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:33\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:365\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 365w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:604\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 604w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:913\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 913w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:225\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 225w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:297\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 297w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:206\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 206w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1644\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Pasting-ChatGPT-generated-HTML-file-into-code-editor.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Save the file within your code editor. A good filename is <em>index.html<\/em>, since that will play nicely in any <a href=\"https:\/\/themeisle.com\/blog\/website-structure\/\">site structure<\/a> when you upload it to your host.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=176590357  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp\"  decoding=\"async\" width=\"1434\" height=\"964\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp\" alt=\"Saving code inside the code editor as index.html.\" class=\"wp-image-106071\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1434\/h:964\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 1434w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:202\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:688\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:516\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:34\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:357\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 357w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:591\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 591w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:893\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 893w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:220\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 220w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:290\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 290w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:201\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 201w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1434\/h:964\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 2x\"><noscript><img data-opt-id=176590357  decoding=\"async\" width=\"1434\" height=\"964\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp\" alt=\"Saving code inside the code editor as index.html.\" class=\"wp-image-106071\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1434\/h:964\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 1434w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:202\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:688\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:516\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:34\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:357\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 357w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:591\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 591w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:893\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 893w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:220\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 220w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:290\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 290w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:201\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 201w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1434\/h:964\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Saving-code-in-code-editor.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>&#9888;&#65039; Note: <em>Sometimes, ChatGPT struggles with longer content blocks.<\/em> <em>If it happens to pause in the middle of writing your code, simply tell it to continue where it left off.<\/em><\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-3\">Step 3: Render the code in your browser (and make tweaks to the original code)<\/h3>\n\n\n\n<p>With the <em>index.html<\/em> file saved on your machine, click to open it in your browser.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1257867867  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp\"  decoding=\"async\" width=\"1814\" height=\"836\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp\" alt=\"Opening the Index html file from ChatGPT.\" class=\"wp-image-106073\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1814\/h:836\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1814w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:138\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:472\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:354\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:708\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:830\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:221\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:366\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:553\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:136\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:180\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:124\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1814\/h:836\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 2x\"><noscript><img data-opt-id=1257867867  decoding=\"async\" width=\"1814\" height=\"836\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp\" alt=\"Opening the Index html file from ChatGPT.\" class=\"wp-image-106073\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1814\/h:836\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1814w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:138\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:472\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:354\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:708\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:830\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:23\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:221\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:366\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:553\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:136\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:180\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:124\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1814\/h:836\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Find-the-HTML-file-you-saved-on-your-hard-drive.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>That renders the code in the browser of your choice. The result is&hellip;not too bad!<\/p>\n\n\n\n<p>I have a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigational menu<\/li>\n\n\n\n<li>Several menu items that link to the right sections<\/li>\n\n\n\n<li>A title for the homepage<\/li>\n\n\n\n<li>A broken image (expected) with a caption<\/li>\n\n\n\n<li>Several section headers with paragraph content<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1515934272  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"1543\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp\" alt=\"The first iteration of the ChatGPT-built website as it appears in a web browser.\" class=\"wp-image-106074\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1791\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:181\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:617\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:463\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:926\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1790\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1791\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:30\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:398\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 398w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:658\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 658w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:995\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 995w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:323\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 323w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:224\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 224w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1791\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 2x\"><noscript><img data-opt-id=1515934272  decoding=\"async\" width=\"2560\" height=\"1543\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp\" alt=\"The first iteration of the ChatGPT-built website as it appears in a web browser.\" class=\"wp-image-106074\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1791\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:181\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:617\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:463\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:926\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1790\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1791\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:30\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:398\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 398w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:658\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 658w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:995\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 995w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:323\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 323w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:224\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 224w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1791\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Opening-the-index.html-file-in-your-browser-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>That&rsquo;s a decent start for just a few minutes of designing a website! Continue on for additional styling and website features.<\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-4\">Step 4: Check the site&rsquo;s responsiveness<\/h3>\n\n\n\n<p>One of the requirements I specified at the beginning of the project was for the website to be responsive. This is crucial in today&rsquo;s mobile world, so we want that to happen automatically.<\/p>\n\n\n\n<p>To test responsiveness, I recommend using the Chrome or Brave browser&rsquo;s <strong>Inspect<\/strong> tool, which is shown by right-clicking on the webpage.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=750112423  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp\"  decoding=\"async\" width=\"1408\" height=\"804\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp\" alt=\"Accessing the Inspect tool in Google Chrome.\" class=\"wp-image-106081\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1408\/h:804\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 1408w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:171\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:585\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:439\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:29\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:420\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 420w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:695\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 695w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1051\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 1051w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:259\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 259w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:341\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 341w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:236\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 236w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1408\/h:804\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 2x\"><noscript><img data-opt-id=750112423  decoding=\"async\" width=\"1408\" height=\"804\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp\" alt=\"Accessing the Inspect tool in Google Chrome.\" class=\"wp-image-106081\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1408\/h:804\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 1408w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:171\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:585\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:439\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:29\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:420\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 420w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:695\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 695w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1051\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 1051w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:259\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 259w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:341\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 341w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:236\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 236w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1408\/h:804\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Accessing-the-Inspect-tool-in-the-Chrome-browser.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>In Chrome, click the little down arrow to open up a drop down menu that will let you choose from a variety of different screen sizes:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=843277497  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp\"  decoding=\"async\" width=\"2500\" height=\"1276\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp\" alt=\"Toggling the screen size choices in the Inspect tool.\" class=\"wp-image-106076\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:979\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 2500w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:153\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:523\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:392\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:784\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:979\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:919\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:470\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 470w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:778\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 778w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1176\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1176w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:290\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 290w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:382\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 382w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:264\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 264w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:979\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 2x\"><noscript><img data-opt-id=843277497  decoding=\"async\" width=\"2500\" height=\"1276\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp\" alt=\"Toggling the screen size choices in the Inspect tool.\" class=\"wp-image-106076\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:979\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 2500w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:153\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:523\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:392\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:784\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:979\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:919\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:26\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:470\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 470w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:778\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 778w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1176\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 1176w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:290\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 290w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:382\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 382w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:264\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 264w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:979\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Toggling-screen-sizes-in-Chrome-to-check-responsiveness-of-website.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>For example, this is what the website would look like on an iPad Mini:<\/p>\n\n\n<div class=\"su-spacer\" style=\"height:20px\"><\/div>\n<div class=\"su-note blog-img-std\" style=\"border-color:#e0e0e0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#fafafa;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<div class=\"su-expand su-expand-collapsed su-expand-link-style-underlined\" data-height=\"300\"><div class=\"su-expand-content su-u-trim\" style=\"color:#333333;max-height:300px;overflow:hidden\">\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1382720651  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp\"  decoding=\"async\" width=\"1204\" height=\"1674\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp\" alt=\"\" class=\"wp-image-106077\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:776\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 1204w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:216\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 216w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:736\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 736w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1068\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:776\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 1105w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:36\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 36w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:173\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 173w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:286\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 286w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:432\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 432w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:106\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 106w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:140\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 140w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:97\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 97w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:776\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 2x\"><noscript><img data-opt-id=1382720651  decoding=\"async\" width=\"1204\" height=\"1674\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp\" alt=\"\" class=\"wp-image-106077\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:776\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 1204w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:216\/h:300\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 216w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:736\/h:1024\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 736w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1068\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:776\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 1105w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:36\/h:50\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 36w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:173\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 173w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:286\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 286w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:432\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 432w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:106\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 106w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:140\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 140w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:97\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 97w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:776\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-an-iPad-Mini-screen-size.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n<\/div><div class=\"su-expand-link su-expand-link-more\" style=\"text-align:center\"><a href=\"javascript:;\" style=\"color:#000;border-color:#000\"><span style=\"border-color:#000\">&#8597;&#65039; Click to expand image<\/span><\/a><\/div><div class=\"su-expand-link su-expand-link-less\" style=\"text-align:center\"><a href=\"javascript:;\" style=\"color:#000;border-color:#000\"><span style=\"border-color:#000\">&#8597;&#65039; Click to collapse image<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>And here&rsquo;s what it would look like on a mobile device (Samsung Galaxy in this case):<\/p>\n\n\n<div class=\"su-spacer\" style=\"height:20px\"><\/div>\n<div class=\"su-note blog-img-std\" style=\"border-color:#e0e0e0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#fafafa;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<div class=\"su-expand su-expand-collapsed su-expand-link-style-underlined\" data-height=\"300\"><div class=\"su-expand-content su-u-trim\" style=\"color:#333333;max-height:300px;overflow:hidden\">\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=2091907755  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp\"  decoding=\"async\" width=\"1212\" height=\"1670\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp\" alt=\"\" class=\"wp-image-106079\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:783\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 1212w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:218\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 218w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:743\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 743w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1058\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:783\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 1115w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:36\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 36w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:174\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 174w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:288\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 288w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:435\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 435w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:107\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 107w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:142\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 142w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:98\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 98w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:783\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 2x\"><noscript><img data-opt-id=2091907755  decoding=\"async\" width=\"1212\" height=\"1670\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp\" alt=\"\" class=\"wp-image-106079\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:783\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 1212w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:218\/h:300\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 218w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:743\/h:1024\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 743w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:1058\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:783\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 1115w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:36\/h:50\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 36w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:174\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 174w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:288\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 288w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:435\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 435w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:107\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 107w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:142\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 142w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:98\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 98w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:783\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-ChatGPT-built-webpage-on-a-mobile-screen-size.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n<\/div><div class=\"su-expand-link su-expand-link-more\" style=\"text-align:center\"><a href=\"javascript:;\" style=\"color:#000;border-color:#000\"><span style=\"border-color:#000\">&#8597;&#65039; Click to expand image<\/span><\/a><\/div><div class=\"su-expand-link su-expand-link-less\" style=\"text-align:center\"><a href=\"javascript:;\" style=\"color:#000;border-color:#000\"><span style=\"border-color:#000\">&#8597;&#65039; Click to collapse image<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>You can also check how the menu appears on a mobile device.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1903253093  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp\"  decoding=\"async\" width=\"1156\" height=\"746\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp\" alt=\"\" class=\"wp-image-106080\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1156\/h:746\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 1156w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:194\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:661\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:496\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:32\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:372\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 372w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:615\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 615w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:930\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 930w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:302\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 302w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:209\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 209w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1156\/h:746\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 2x\"><noscript><img data-opt-id=1903253093  decoding=\"async\" width=\"1156\" height=\"746\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp\" alt=\"\" class=\"wp-image-106080\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1156\/h:746\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 1156w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:194\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:661\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:496\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:32\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:372\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 372w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:615\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 615w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:930\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 930w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:302\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 302w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:209\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 209w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1156\/h:746\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Previewing-the-mobile-menu-inside-the-Inspect-tool-on-Chrome.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>As you can see for yourself, my example website appears to be responsive.<\/p>\n\n\n\n<p>If you do this testing and for some reason have issues with your site not rendering properly on different screen sizes, I recommend going back to ChatGPT and instructing it to use the newest version of Twitter Bootstrap. That often solves responsiveness problems. Otherwise, you can ask ChatGPT to make the site responsive again, since it didn&rsquo;t work the first time.<\/p>\n\n\n<div id=\"cbox-61nTVBCgQWg1AWFU\"><\/div>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-5\">Step 5: Replace the image path URLs<\/h3>\n\n\n\n<p>As I mentioned in the second step when ChatGPT generated the initial code, you&rsquo;ll need to replace the placeholder image path URLs with real ones.<\/p>\n\n\n\n<p>So, go back to the file in your code editor, and look for the section of code that says <code>&lt;<em>img src=<\/em>\"some-name-here.jpg\"<\/code>.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=556786681  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp\"  decoding=\"async\" width=\"2290\" height=\"830\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp\" alt=\"Finding the image source tag in the HTML code.\" class=\"wp-image-106085\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:695\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 2290w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:109\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:371\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:278\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:557\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:695\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:652\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:18\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:174\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:288\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:435\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:107\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:141\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:98\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:695\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 2x\"><noscript><img data-opt-id=556786681  decoding=\"async\" width=\"2290\" height=\"830\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp\" alt=\"Finding the image source tag in the HTML code.\" class=\"wp-image-106085\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:695\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 2290w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:109\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:371\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:278\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:557\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:695\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:652\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:18\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:174\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:288\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:435\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:107\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:141\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:98\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:695\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finding-the-image-path-URL-in-the-GPT-generated-code.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>You&rsquo;ll need to replace the part between the quotation marks. In my example, I&rsquo;ll be replacing the <code>doorway-pullup-bar.jpg<\/code> but yours will be named something different.<\/p>\n\n\n\n<p>Ideally, you&rsquo;ll want to use images that you took, or those you&rsquo;ve already published online somewhere. Alternatively, there are Creative Commons options on places like Unsplash.<\/p>\n\n\n\n<p>In addition, you&rsquo;ll want to avoid grabbing the URL from a random photo on Google. This is bound to get you in legal trouble. Not to mention that the owner of the image could remove it at any time.<\/p>\n\n\n\n<p>You can often host images on your own hosting account, or on free places like Google Photos. The goal is to get the URL for the image.<\/p>\n\n\n\n<p>For our example here, I used an image from a public blog post that I published on my old Medium blog. It&rsquo;s not exactly a doorway pullup bar, but it&rsquo;s close enough to work.<\/p>\n\n\n\n<p>If you have an image published somewhere that you&rsquo;d like to use, you can usually get its URL by <strong>right clicking<\/strong> on it and selecting <strong>Copy Image Address<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1494478810  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp\"  decoding=\"async\" width=\"1914\" height=\"1120\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp\" alt=\"Getting the URL of a publicly posted image.\" class=\"wp-image-106087\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1845\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1914w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:176\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:599\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:449\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:899\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:1053\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:29\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:410\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 410w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:678\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 678w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1025\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1025w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:253\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 253w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:333\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 333w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:231\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 231w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1845\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 2x\"><noscript><img data-opt-id=1494478810  decoding=\"async\" width=\"1914\" height=\"1120\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp\" alt=\"Getting the URL of a publicly posted image.\" class=\"wp-image-106087\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1845\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1914w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:176\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:599\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:449\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:899\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:1053\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:29\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:410\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 410w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:678\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 678w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1025\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 1025w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:253\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 253w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:333\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 333w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:231\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 231w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1845\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/How-to-get-the-image-URL-of-a-publicly-posted-image.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Once you&rsquo;ve copied the URL of the image you&rsquo;d like to use, paste it into the quotation marks where the placeholder text was:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1877963460  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp\"  decoding=\"async\" width=\"2454\" height=\"668\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp\" alt=\"\" class=\"wp-image-106086\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:522\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 2454w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:82\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:279\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:209\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:418\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:522\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:490\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:14\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:131\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:216\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:327\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:81\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:106\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:73\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:522\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 2x\"><noscript><img data-opt-id=1877963460  decoding=\"async\" width=\"2454\" height=\"668\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp\" alt=\"\" class=\"wp-image-106086\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:522\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 2454w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:82\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:279\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:209\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:418\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:522\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:490\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:14\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:131\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:216\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:327\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:81\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:106\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:73\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:522\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Replacing-the-placeholder-image-path-URL-with-a-real-image-URL.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Then save the file and refresh your browser.<\/p>\n\n\n\n<p>My result came out fairly nice. ChatGPT sent the image to the right as I requested, and the text wraps around it regardless of the device size. There are a few problems though.<\/p>\n\n\n\n<p>The first is that the caption isn&rsquo;t below the image. Instead, it&rsquo;s awkwardly placed to the top left of the image and it&rsquo;s breaking up the text:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=491379465  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"1425\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp\" alt=\"\" class=\"wp-image-106084\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1068\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:167\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:570\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:427\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:855\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1068\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:1002\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:431\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 431w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:713\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 713w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1078\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1078w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:266\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 266w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:350\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 350w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:243\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 243w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1068\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 2x\"><noscript><img data-opt-id=491379465  decoding=\"async\" width=\"2560\" height=\"1425\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp\" alt=\"\" class=\"wp-image-106084\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1068\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:167\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:570\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:427\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:855\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1068\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:1002\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:431\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 431w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:713\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 713w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1078\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 1078w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:266\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 266w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:350\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 350w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:243\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 243w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1068\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Rendering-the-ChatGPT-built-site-with-the-placeholder-image-path-replaced-with-a-real-image-path-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Second, the text of the caption doesn&rsquo;t align with what&rsquo;s actually there. The same goes for the <code>alt<\/code> text. On top of all that, I also realized that my website doesn&rsquo;t have a title.<\/p>\n\n\n\n<p>No worries, though. A quick request to ChatGPT can solve all of these issues.<\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"h-step-6-make-adjustments-to-clean-things-up\">Step 6: Make adjustments to clean things up<\/h3>\n\n\n\n<p>Depending on how many adjustments you wish to make and how complex they are, you might want to break them up into pieces. You&rsquo;ll have to make this judgement for yourself, but generally speaking, ChatGPT does better with multi-step requests if you break the steps up. For simple edits or closely related edits, you can try to group them into one request.<\/p>\n\n\n\n<p>In this example, I decided to combine the image-related edits into one prompt, and then I put the title request as a separate prompt. Here is what I asked it to do for the image adjustments:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=2045855366  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp\"  decoding=\"async\" width=\"2144\" height=\"1384\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp\" alt=\"Asking ChatGPT to modify the HTML code.\" class=\"wp-image-106120\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1673\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 2144w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:194\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:661\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:496\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:992\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1673\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1672\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:32\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:372\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 372w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:615\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 615w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:929\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 929w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:302\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 302w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:209\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 209w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1673\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 2x\"><noscript><img data-opt-id=2045855366  decoding=\"async\" width=\"2144\" height=\"1384\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp\" alt=\"Asking ChatGPT to modify the HTML code.\" class=\"wp-image-106120\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1673\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 2144w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:194\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:661\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:496\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:992\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1673\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1672\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:32\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:372\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 372w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:615\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 615w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:929\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 929w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:229\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 229w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:302\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 302w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:209\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 209w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1673\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-make-edits-to-the-code.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Note that I also provided the correct image path to ChatGPT when asking for the revised code. This way I wouldn&rsquo;t have to manually replace it myself again.<\/p>\n\n\n\n<p>The title request looked like this:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=2089489162  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp\"  decoding=\"async\" width=\"2172\" height=\"962\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp\" alt=\"Asking ChatGPT to add an H1 title to the code.\" class=\"wp-image-106121\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:850\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 2172w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:133\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:454\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:340\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:680\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:850\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:797\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:22\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:213\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:352\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:531\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:131\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:173\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:120\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:850\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 2x\"><noscript><img data-opt-id=2089489162  decoding=\"async\" width=\"2172\" height=\"962\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp\" alt=\"Asking ChatGPT to add an H1 title to the code.\" class=\"wp-image-106121\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:850\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 2172w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:133\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:454\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:340\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:680\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:850\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:797\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:22\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:213\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:352\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:531\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:131\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:173\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:120\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:850\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Asking-ChatGPT-to-add-an-H1-title-to-the-code.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>In case you&rsquo;re wondering, the edited code did work. The caption was changed and moved to underneath the image, and the title was added to the top of the post:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1476934774  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"1518\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp\" alt=\"Adjusted HTML code with H1 added and image caption edited.\" class=\"wp-image-106122\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1821\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:178\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:607\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:455\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:911\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1821\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:1067\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:30\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:405\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 405w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:670\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 670w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1012\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1012w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:250\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 250w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:329\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 329w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:228\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 228w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1821\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 2x\"><noscript><img data-opt-id=1476934774  decoding=\"async\" width=\"2560\" height=\"1518\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp\" alt=\"Adjusted HTML code with H1 added and image caption edited.\" class=\"wp-image-106122\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1821\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:178\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:607\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:455\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:911\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1821\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:1067\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:30\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:405\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 405w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:670\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 670w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1012\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 1012w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:250\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 250w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:329\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 329w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:228\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 228w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1821\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adjusted-code-with-H1-added-and-image-caption-adjusted-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Before we move on to the next step, I want to emphasize that sometimes ChatGPT will give you a code edit that might not give you the desired result you were looking for, or it might work, but it might break something else in the code.<\/p>\n\n\n\n<p>If this happens, don&rsquo;t panic. Just keep following up. Do it as many times as you need to until you get it right. Sometimes this might involve starting a fresh thread if the current thread you&rsquo;re working in gets too long. Assuming you&rsquo;re not requesting really odd, custom changes that might not be possible, then in most cases you will eventually reach your desired result.<\/p>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-6\">Step 7: Ask for a footer file from ChatGPT<\/h3>\n\n\n\n<p>You can spend a significant amount of time using ChatGPT to make a much nicer looking website with numerous features. However, the goal of this tutorial is to give you the basic understanding so that you have a foundation to build off of. Just keep in mind that if you want to go beyond a one-page website, then you&rsquo;ll need to make multiple files for each of your pages, and upload them all to your host.<\/p>\n\n\n\n<p>For this example, I&rsquo;d like to add one final element: a footer. That rounds out the ChatGPT-built website nicely, and allows me to insert pertinent information like a copyright tag.<\/p>\n\n\n\n<p>You are welcome to use your own language, but here&rsquo;s what I came up with:<\/p>\n\n\n\n<p class=\"has-pale-cyan-blue-background-color has-background\">&ldquo;<em>Please provide me code for an HTML footer based on the page we created above. Please include a copyright notice with the current year. Also, include links to a privacy policy and terms of services pages. Align all the footer content as centered for all devices. Give the footer a dark background with light text color<\/em>&ldquo;.<\/p>\n\n\n\n<p>ChatGPT replied with:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1046359330  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp\"  decoding=\"async\" width=\"1776\" height=\"1360\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp\" alt=\"Copying the code for the Footer section.\" class=\"wp-image-106090\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1410\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 1776w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:230\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:784\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:588\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1410\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:38\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:313\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 313w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:518\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 518w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:784\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 784w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:193\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 193w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:255\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 255w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:176\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 176w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1410\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 2x\"><noscript><img data-opt-id=1046359330  decoding=\"async\" width=\"1776\" height=\"1360\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp\" alt=\"Copying the code for the Footer section.\" class=\"wp-image-106090\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1410\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 1776w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:230\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:784\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:588\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1410\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:38\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:313\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 313w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:518\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 518w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:784\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 784w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:193\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 193w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:255\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 255w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:176\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 176w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1410\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Grabbing-the-GPT-generated-code-for-the-Footer-section.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Copy that code, and find the <em>&lt;\/body&gt;<\/em> tag in your HTML file. Paste the footer code right before the closing <em>&lt;\/body&gt;<\/em> tag.<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=662886502  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp\"  decoding=\"async\" width=\"2554\" height=\"738\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp\" alt=\"Adding the footer code to the existing HTML file in the code editor.\" class=\"wp-image-106092\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:554\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 2554w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:87\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:296\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:222\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:444\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:555\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:520\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:14\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:139\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:229\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:347\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:86\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:113\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:78\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:554\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 2x\"><noscript><img data-opt-id=662886502  decoding=\"async\" width=\"2554\" height=\"738\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp\" alt=\"Adding the footer code to the existing HTML file in the code editor.\" class=\"wp-image-106092\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:554\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 2554w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:87\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:296\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:222\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:444\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:555\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:520\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:14\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:139\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:229\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:347\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:86\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:113\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:78\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:554\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Adding-the-footer-code-to-the-existing-HTML-document-inside-the-code-editor.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>After saving the file and refreshing the browser, we now have a completed one-page website with footer, menu, image, and content!<\/p>\n\n\n<div class=\"su-spacer\" style=\"height:20px\"><\/div>\n<div class=\"su-note blog-img-std\" style=\"border-color:#e0e0e0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#fafafa;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<div class=\"su-expand su-expand-collapsed su-expand-link-style-underlined\" data-height=\"300\"><div class=\"su-expand-content su-u-trim\" style=\"color:#333333;max-height:300px;overflow:hidden\">\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=675498113  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"2510\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp\" alt=\"Completed website with footer section.\" class=\"wp-image-106123\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:294\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1004\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:753\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:405\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 405w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:612\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 612w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:151\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 151w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:199\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 199w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:138\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 138w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 2x\"><noscript><img data-opt-id=675498113  decoding=\"async\" width=\"2560\" height=\"2510\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp\" alt=\"Completed website with footer section.\" class=\"wp-image-106123\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:294\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1004\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:753\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:405\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 405w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:612\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 612w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:151\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 151w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:199\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 199w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:138\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 138w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1101\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Finished-website-built-with-ChatGPT-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n<\/div><div class=\"su-expand-link su-expand-link-more\" style=\"text-align:center\"><a href=\"javascript:;\" style=\"color:#000;border-color:#000\"><span style=\"border-color:#000\">&#8597;&#65039; Click to expand image<\/span><\/a><\/div><div class=\"su-expand-link su-expand-link-less\" style=\"text-align:center\"><a href=\"javascript:;\" style=\"color:#000;border-color:#000\"><span style=\"border-color:#000\">&#8597;&#65039; Click to collapse image<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:15px;border-color:#4267cf\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"step-7\">Step 8: Upload files to the web host of your choosing<\/h3>\n\n\n\n<p>The last order of business is to take your HTML file and put it on a server. For this, you need a web host.<\/p>\n\n\n\n<p>If you don&rsquo;t already have one, you can sign up for an account with a host like <a href=\"https:\/\/themeisle.com\/blog\/bluehost-pricing\/\">Bluehost<\/a>, <a href=\"https:\/\/themeisle.com\/blog\/siteground-pricing\/\">SiteGround<\/a>, or <a href=\"https:\/\/themeisle.com\/blog\/hostinger-review\/\">Hostinger<\/a>. Be aware that some managed hosts like <a href=\"https:\/\/themeisle.com\/blog\/kinsta-review-for-wordpress\/\">Kinsta<\/a> and <a href=\"https:\/\/themeisle.com\/blog\/flywheel-review-for-wordpress\/\">Flywheel<\/a> only allow for WordPress sites, so you won&rsquo;t be able to <a href=\"https:\/\/themeisle.com\/blog\/how-to-upload-an-html-file-to-wordpress\/\">upload a basic HTML file<\/a> to their dashboards.<\/p>\n\n\n\n<p>For this example, I used a free hosting account that I set up with <a href=\"https:\/\/themeisle.com\/blog\/000webhost-review\/\">000webhost<\/a> in the past. If you just want to play around then you can do the same, but for more serious projects, I recommend looking through our roundup of the &#128073; <a href=\"https:\/\/themeisle.com\/blog\/best-web-hosting-services\/\">best web hosting providers<\/a>.<\/p>\n\n\n\n<p>Whichever host you ended up using, you&rsquo;ll need to go to the dashboard and find the <strong>File Management<\/strong> area. Then open the <em>public_html<\/em> directory. Click whatever the upload button is, find your index.html file, and tap upload. This is what it looks like on 000webhost:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=838911173  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"728\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp\" alt=\"Uploading the HTML file to a web host (in this case 000webhost).\" class=\"wp-image-106094\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:546\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:85\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:291\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:218\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:437\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:545\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:512\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:14\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:136\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:226\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:341\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:84\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:111\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:77\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:546\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 2x\"><noscript><img data-opt-id=838911173  decoding=\"async\" width=\"2560\" height=\"728\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp\" alt=\"Uploading the HTML file to a web host (in this case 000webhost).\" class=\"wp-image-106094\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:546\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:85\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:291\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:218\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:437\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:545\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:512\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:14\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:136\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:226\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:341\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:84\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:111\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:77\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:546\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Uploading-the-HTML-file-to-a-webhost-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>Keep in mind that your hosting company isn&rsquo;t going to look exactly like this, but the general idea will be the same. Once the file has been uploaded, you should see it saved in the directory:<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=1525645240  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp\"  decoding=\"async\" width=\"2492\" height=\"442\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp\" alt=\"Checking to see if the index file uploaded correctly.\" class=\"wp-image-106095\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:340\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 2492w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:53\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:182\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:136\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:272\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:340\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:319\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:9\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:85\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:141\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:213\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:53\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:69\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:48\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:340\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 2x\"><noscript><img data-opt-id=1525645240  decoding=\"async\" width=\"2492\" height=\"442\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp\" alt=\"Checking to see if the index file uploaded correctly.\" class=\"wp-image-106095\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:340\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 2492w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:53\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:182\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:136\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:272\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:340\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:319\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:9\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:480\/h:85\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 480w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:794\/h:141\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 794w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1200\/h:213\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:296\/h:53\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 296w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:390\/h:69\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 390w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:270\/h:48\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 270w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:340\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Checking-to-see-the-uploaded-HTML-file.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>For the final step, jump to the frontend of your hosted website (assuming you&rsquo;ve already added a domain or created a sandbox environment). Your AI-generated website will now be published for the world to see!<\/p>\n\n\n<div class=\"wp-block-image blog-img-std\">\n<figure class=\"aligncenter size-full\"><img data-opt-id=802097916  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp\"  decoding=\"async\" width=\"2560\" height=\"1413\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp\" alt=\"Viewing the live website after uploading the HTML file.\" class=\"wp-image-106124\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1059\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:166\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:565\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:424\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:848\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1059\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:993\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:435\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 435w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:719\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 719w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1087\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1087w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:268\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 268w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:353\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 353w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1059\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 2x\"><noscript><img data-opt-id=802097916  decoding=\"async\" width=\"2560\" height=\"1413\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp\" alt=\"Viewing the live website after uploading the HTML file.\" class=\"wp-image-106124\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1059\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:166\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:565\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:424\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:848\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1059\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1800\/h:993\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1800w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:28\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:435\/h:240\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 435w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:719\/h:397\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 719w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1087\/h:600\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 1087w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:268\/h:148\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 268w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:353\/h:195\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 353w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:245\/h:135\/q:mauto\/f:best\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 245w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1059\/q:mauto\/f:best\/dpr:2\/https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/07\/Viewing-the-live-GPT-generated-website-after-uploading-the-HTML-file-scaled.webp 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"></noscript><\/figure><\/div>\n\n\n<p>I used to have a link to the live version of the website here, but unfortunately 000webhost was discontinued as a service so it&rsquo;s no longer available. Luckily, if you want to play around with what you learned here, there are alternative <a href=\"https:\/\/themeisle.com\/blog\/best-free-website-hosting\/\">free hosting options<\/a> you can use. The closest to 000webhost is probably <a href=\"https:\/\/www.infinityfree.com\/\" target=\"_blank\" rel=\"noopener\">InfinityFree<\/a>.<\/p>\n\n\n<div class=\"su-divider su-divider-style-dotted\" style=\"margin:40px 0;border-width:1px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading joli-heading jtoc-heading\" id=\"h-final-thoughts-on-building-a-website-with-chatgpt\">Final thoughts on building a website with ChatGPT<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>There are many possibilities when using ChatGPT to build a website. You can use it in tandem with <a href=\"https:\/\/themeisle.com\/blog\/ai-tools-for-website\/\">other AI tools<\/a>, like those for making images. You can also brainstorm blog content, business names, or product ideas.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t\t<div class=\"ti-tweet-clear\"><\/div>\n\t\t\t<div class=\"ti-tweet_wrapper\">\n\t\t    \t<div class=\"ti-tweet_text\">\n\t\t    \t\t<a href=\"https:\/\/twitter.com\/share?text=Learn+how+to+use+%23ChatGPT+to+build+a+%23website+%F0%9F%A4%96%F0%9F%8F%97%EF%B8%8F%F0%9F%8C%90&amp;via=themeisle&amp;related=themeisle&amp;url=https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\" target=\"_blank\" rel=\"nofollow\">Learn how to use #ChatGPT to build a #website &#129302;&#127959;&#65039;&#127760;<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class=\"ti-tweet_sharebtn\">\n\t\t    \t<a href=\"https:\/\/twitter.com\/share?text=Learn+how+to+use+%23ChatGPT+to+build+a+%23website+%F0%9F%A4%96%F0%9F%8F%97%EF%B8%8F%F0%9F%8C%90&amp;via=themeisle&amp;related=themeisle&amp;url=https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\" target=\"_blank\" rel=\"nofollow\">Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>It&rsquo;s even possible to ask for platform-specific code depending on your website builder or content management system (like requesting Liquid code if working with Shopify).<\/p>\n\n\n\n<p>Having said that, &#129470; it&rsquo;s important to point out that ChatGPT and other similar AI tools have limitations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accuracy is often an issue for ChatGPT, especially with recent events and data, or things that change frequently, like the pricing of a product.<\/li>\n\n\n\n<li>ChatGPT is limited to what&rsquo;s already published on the internet. So, if uniqueness is the goal, you&rsquo;re better off writing content from scratch. Otherwise, it&rsquo;s just regurgitated from other content creators. <\/li>\n\n\n\n<li>ChatGPT&rsquo;s content often sounds rigid &ndash; like a robot. Always double-check the content produced by AI, and get in the practice of rewriting it.<\/li>\n\n\n\n<li>Google doesn&rsquo;t directly penalize AI-generated content, but it has since added an &ldquo;experience&rdquo; element to its content ranking evaluations. Many see this as a way to combat poor AI content; Google now detects if the author actually experienced what they are writing about (i.e., ChatGPT can&rsquo;t write a reputable blog post about Italy, since it can&rsquo;t actually travel there).<\/li>\n<\/ul>\n\n\n\n<p>I hope your experience with ChatGPT is one that guides you along your web design and content creation process. It&rsquo;s definitely <a href=\"https:\/\/themeisle.com\/blog\/hire-wordpress-developers-locally\/\">not a replacement for good developers<\/a>, but should speed up tedious tasks for some! &#129302;<\/p>\n\n\n\n<p><strong><em>Let me know what you think about the whole idea of building a website with ChatGPT and how much sense it makes to you<\/em><\/strong>.<\/p>\n\n\n<style>.ticss-d144f107 strong{font-weight: 700;\n    letter-spacing: -0.2px;\n    line-height: 1.2;\n    display: inline-block;}<\/style>\n\n\n<div class=\"wp-block-columns speed-guide has-white-color has-text-color has-background has-link-color wp-elements-2f81f6c5526477b5b4d52d1ca4513949 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#4267cf\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-medium\"><img data-opt-id=30701221  data-opt-src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\"  decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" old-srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\"><noscript><img data-opt-id=30701221  decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\" sizes=\"(max-width: 300px) 100vw, 300px\"></noscript><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center ticss-58e79f2f\" style=\"font-size:14px\"><strong>FREE GUIDE<\/strong><\/p>\n\n\n\n<p class=\"ticss-d144f107\" style=\"font-size:25px\"><strong>4 Essential Steps to Speed Up Your&nbsp;WordPress Website<\/strong><\/p>\n\n\n\n<p class=\"ticss-3b627beb\">Follow the simple steps in our 4-part mini series and reduce your loading times by 50-80%.&nbsp;&#128640;<\/p>\n\n\n<p><\/p><div class=\"frm_forms  with_frm_style frm_style_themeisle\" id=\"frm_form_4_container\" data-token=\"092acaf99c87bd14c46d2a0e23437796\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_site-speed-guide-below-post\" data-token=\"092acaf99c87bd14c46d2a0e23437796\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Site Speed Guide - Below Post<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\">\n<input type=\"hidden\" name=\"form_id\" value=\"4\">\n<input type=\"hidden\" name=\"frm_hide_fields_4\" id=\"frm_hide_fields_4\" value=\"\">\n<input type=\"hidden\" name=\"form_key\" value=\"site-speed-guide-below-post\">\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\">\n<input type=\"hidden\" id=\"frm_submit_entry_4\" name=\"frm_submit_entry_4\" value=\"014808cca5\"><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/76030\"><input type=\"hidden\" name=\"item_meta[18]\" id=\"field_6px6q2\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/76030\" data-frmval=\"\/blog\/wp-json\/wp\/v2\/posts\/76030\">\n<div id=\"frm_field_15_container\" class=\"frm_form_field form-field  frm_required_field frm_none_container\">\r\n\t<label for=\"field_6px6q\" id=\"field_6px6q_label\" class=\"frm_primary_label\">Your Email\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_6px6q\" name=\"item_meta[15]\" value=\"\" autocomplete=\"email\" placeholder=\"your@email.com\" data-reqmsg=\"Your Email cannot be blank.\" aria-required=\"true\" data-invmsg=\"Your Email is invalid\" aria-invalid=\"false\">\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_17_container\" class=\"frm_form_field form-field  frm_none_container vertical_radio\">\r\n\t<div id=\"field_6px6q3_label\" class=\"frm_primary_label\">Subscribe to our newsletter\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n\t<\/div>\r\n\t<div class=\"frm_opt_container\" aria-labelledby=\"field_6px6q3_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_17-0\">\t\t\t<label for=\"field_6px6q3-0\">\n\t\t\t<input type=\"checkbox\" name=\"item_meta[17][]\" id=\"field_6px6q3-0\" value=\"true\" data-invmsg=\"Subscribe to our newsletter is invalid\" aria-invalid=\"false\"> Subscribe to our newsletter<\/label><\/div>\n<\/div>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_14_container\" class=\"frm_form_field form-field \">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\" formnovalidate=\"formnovalidate\">FREE ACCESS<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\">\n\t\t\t<div id=\"frm_field_24_container\">\n\t\t\t<label for=\"field_97hxv\">\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input id=\"field_97hxv\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[24]\" value=\"\">\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"tGKtIG19U6wyYcew8uBttfdZTeQ40TOSEGJeCvNJXCQwF9M0QAXa6pd1+Qu8+H8p\"><\/div>\n<\/fieldset>\n<\/div>\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&Delta;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"85\"><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n<\/div>\n\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"Whether it&#8217;s simple content creation or building complete websites, developers and site owners have figured out ways to utilize ChatGPT for improved productivity. By the time you finishing reading this article you&#8217;ll be able to join their ranks because we&#8217;re going to teach you how to use ChatGPT to build a website (really!).","protected":false},"author":68,"featured_media":78621,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":true,"_modified_date":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[4061,274],"tags":[4065],"hashtags":[],"class_list":["post-76030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-tools","tag-popular"],"wppr_data":{"cwp_meta_box_check":"No"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.8 (Yoast SEO v26.1.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use ChatGPT to Build a Website<\/title>\n<meta name=\"description\" content=\"In this tutorial you&#039;ll learn how to use ChatGPT to build a website. The site will be a one-page website with navigation, images, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use ChatGPT to Build a Website\" \/>\n<meta property=\"og:description\" content=\"In this tutorial you&#039;ll learn how to use ChatGPT to build a website. The site will be a one-page website with navigation, images, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Themeisle Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-07T08:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-10T10:20:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2180\" \/>\n\t<meta property=\"og:image:height\" content=\"1090\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Martin Dubovic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Martin Dubovic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\"},\"author\":{\"name\":\"Martin Dubovic\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/9aa19aa295f0e6aa2d6c0b4079a1a660\"},\"headline\":\"How to Use ChatGPT to Build a Website\",\"datePublished\":\"2023-08-07T08:30:00+00:00\",\"dateModified\":\"2024-07-10T10:20:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\"},\"wordCount\":3499,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png\",\"keywords\":[\"Popular\"],\"articleSection\":[\"AI Innovations\",\"Tools\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\",\"url\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\",\"name\":\"How to Use ChatGPT to Build a Website\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png\",\"datePublished\":\"2023-08-07T08:30:00+00:00\",\"dateModified\":\"2024-07-10T10:20:39+00:00\",\"description\":\"In this tutorial you\\\\'ll learn how to use ChatGPT to build a website. The site will be a one-page website with navigation, images, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png\",\"width\":2180,\"height\":1090,\"caption\":\"How to use ChatGPT to build a website.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/themeisle.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use ChatGPT to Build a Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/themeisle.com\/blog\/#website\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"name\":\"Themeisle Blog\",\"description\":\"WordPress Tutorials and Reviews for Beginners and Advanced\",\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/themeisle.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\",\"name\":\"VertiStudio\",\"alternateName\":\"Vertigo Studio SA\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"width\":718,\"height\":156,\"caption\":\"VertiStudio\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/9aa19aa295f0e6aa2d6c0b4079a1a660\",\"name\":\"Martin Dubovic\",\"description\":\"Martin wrote his first e-book and built his first website using Weebly to market it and sell it in 2013. After making his first sale, he knew he was onto something. A few years later he made the switch to WordPress and from then on he became a full on WordPress addict. When he\\\\'s not WordPress-ing, you can find him doing pullups, handstands, drinking matcha, and of course, writing.\",\"url\":\"https:\/\/themeisle.com\/blog\/author\/martin-d\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use ChatGPT to Build a Website","description":"In this tutorial you&#039;ll learn how to use ChatGPT to build a website. The site will be a one-page website with navigation, images, and more.","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:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Use ChatGPT to Build a Website","og_description":"In this tutorial you&#039;ll learn how to use ChatGPT to build a website. The site will be a one-page website with navigation, images, and more.","og_url":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/","og_site_name":"Themeisle Blog","article_published_time":"2023-08-07T08:30:00+00:00","article_modified_time":"2024-07-10T10:20:39+00:00","og_image":[{"width":2180,"height":1090,"url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png","type":"image\/png"}],"author":"Martin Dubovic","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Martin Dubovic","Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#article","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/"},"author":{"name":"Martin Dubovic","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/9aa19aa295f0e6aa2d6c0b4079a1a660"},"headline":"How to Use ChatGPT to Build a Website","datePublished":"2023-08-07T08:30:00+00:00","dateModified":"2024-07-10T10:20:39+00:00","mainEntityOfPage":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/"},"wordCount":3499,"commentCount":0,"publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"image":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png","keywords":["Popular"],"articleSection":["AI Innovations","Tools"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/","url":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/","name":"How to Use ChatGPT to Build a Website","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage"},"image":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png","datePublished":"2023-08-07T08:30:00+00:00","dateModified":"2024-07-10T10:20:39+00:00","description":"In this tutorial you\\'ll learn how to use ChatGPT to build a website. The site will be a one-page website with navigation, images, and more.","breadcrumb":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#primaryimage","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-use-ChatGPT-to-build-a-website.png","width":2180,"height":1090,"caption":"How to use ChatGPT to build a website."},{"@type":"BreadcrumbList","@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/themeisle.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Use ChatGPT to Build a Website"}]},{"@type":"WebSite","@id":"https:\/\/themeisle.com\/blog\/#website","url":"https:\/\/themeisle.com\/blog\/","name":"Themeisle Blog","description":"WordPress Tutorials and Reviews for Beginners and Advanced","publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/themeisle.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/themeisle.com\/blog\/#organization","name":"VertiStudio","alternateName":"Vertigo Studio SA","url":"https:\/\/themeisle.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","width":718,"height":156,"caption":"VertiStudio"},"image":{"@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/9aa19aa295f0e6aa2d6c0b4079a1a660","name":"Martin Dubovic","description":"Martin wrote his first e-book and built his first website using Weebly to market it and sell it in 2013. After making his first sale, he knew he was onto something. A few years later he made the switch to WordPress and from then on he became a full on WordPress addict. When he\\'s not WordPress-ing, you can find him doing pullups, handstands, drinking matcha, and of course, writing.","url":"https:\/\/themeisle.com\/blog\/author\/martin-d\/"}]}},"_links":{"self":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/76030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/comments?post=76030"}],"version-history":[{"count":25,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/76030\/revisions"}],"predecessor-version":[{"id":106177,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/76030\/revisions\/106177"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media\/78621"}],"wp:attachment":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media?parent=76030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/categories?post=76030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/tags?post=76030"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/hashtags?post=76030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}