{"id":76030,"date":"2023-08-07T11:30:00","date_gmt":"2023-08-07T08:30:00","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=76030"},"modified":"2026-08-13T18:41:22","modified_gmt":"2026-08-13T15:41:22","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 class=\"wp-block-paragraph\">Are you interested in learning how to use ChatGPT to build a website?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Of course you are. That&rsquo;s why you&rsquo;re here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ChatGPT hasn&rsquo;t been around for all that long, 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 class=\"wp-block-paragraph\">By the time you finish reading this tutorial, you&rsquo;ll be able to join their ranks, because <strong>this guide shows you how to use ChatGPT to build a website (really!)<\/strong>. From the homepage HTML file to a navigational menu, to a footer area, to CSS styling: you&rsquo;ll have it all.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ready to get started? &#129300; Time to dive in! &#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><li class=\"wpj-jtoc--item --jtoc-h2\">\r\n        <div class=\"wpj-jtoc--item-content\" data-depth=\"2\">\r\n                        <a href=\"#h-other-ways-to-build-a-website-with-ai\" title=\"Other ways to build a website with AI\" data-numeration=\"3\" >Other ways to build a website with AI<\/a>\r\n                    <\/div> <\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">That&rsquo;s the focus of this tutorial. This isn&rsquo;t about copying and pasting 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 class=\"wp-block-paragraph\">&#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 class=\"wp-block-paragraph\">However, ChatGPT can&rsquo;t sign up for services on other websites or spend money on your behalf, so a few tasks always stay manual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#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 (Bluehost is a solid pick for beginners)<\/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 class=\"wp-block-paragraph\">&#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 class=\"wp-block-paragraph\">These limitations shouldn&rsquo;t hold you back, though. With that out of the way, it&rsquo;s time to 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 class=\"wp-block-paragraph\">If you intend on following this tutorial step by step, use 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 class=\"wp-block-paragraph\">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=1267695781  fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png\" alt=\"The current logged-out ChatGPT homepage with the prompt field and Log in \/ Sign up for free buttons.\" class=\"wp-image-118406\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1728\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 2560w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:188\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:640\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:480\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1536\/h:960\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1728\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 2048w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:31\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:384\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 384w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:635\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 635w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:960\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 960w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:237\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 237w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:312\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 312w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:216\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 216w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1728\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/web-chatgpt-landing-scaled.png 2x\" sizes=\"(max-width: 700px) 100vw, 700px\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">A free account is all you need for this tutorial. The free plan runs on the GPT-5.6 Luna model with unlimited everyday text chats, while things like file uploads and image generation stay limited. Paid plans (Go, Plus, and Pro) raise those limits, and Plus and Pro also unlock the stronger GPT-5.6 Sol reasoning models. Older names you might remember, like GPT-4o, have moved to the legacy section for paid users. <strong>The steps below work on any current model<\/strong>.<\/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 class=\"wp-block-paragraph\">Free accounts default to GPT-5.6 Luna, so there is nothing to configure. If you want to double check which model is active, look at the model name shown at the top of the chat window, or open the model picker dropdown near the top left of the interface:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On a Plus or Pro plan, that same dropdown lets you switch to GPT-5.6 Sol or one of the other models your plan includes:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&rsquo;ve either selected or confirmed your model, 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 class=\"wp-block-paragraph\">This guide also shows you how to render those files in a browser, and in the final step, you&rsquo;ll learn how to upload them to a web host to publish the site online.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#128161; Tip: when ChatGPT writes longer code, it sometimes opens it in a canvas workspace that can render a live preview of a single-file webpage. If that happens, you can check the result right inside the chat before copying anything.<\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 wp-block-paragraph\">&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 5 framework using the CDN for CSS and JavaScript. The website should be mobile-friendly and responsive. It should also include the current version of Bootstrap&rsquo;s 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 class=\"wp-block-paragraph\">Once ChatGPT confirms, you&rsquo;re ready to build the homepage.<\/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-2\">Step 2: Ask ChatGPT to write an HTML file for a homepage<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 wp-block-paragraph\">&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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 Visual Studio Code, Sublime Text, and Notepad all work fine, as long as you can edit code and export into a variety of file formats.<\/p>\n\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 an example of the kind of HTML file ChatGPT writes:<\/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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\" crossorigin=\"anonymous\"&gt;\n    &lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK\/BmnVDxM+D2scQbITxI\" crossorigin=\"anonymous\"&gt;&lt;\/script&gt;\n    &lt;style&gt;\n        img.float-end {\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;div class=\"container-fluid\"&gt;\n            &lt;a class=\"navbar-brand\" href=\"#\"&gt;Pullup Bar Review&lt;\/a&gt;\n            &lt;button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-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;\/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-end\"&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 class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">Regardless of what happens (or doesn&rsquo;t happen) when you do this yourself, you&rsquo;ll have to change the value of that <code>src<\/code> attribute before any picture shows up. Step 5 covers exactly what to replace it with.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As mentioned, make sure you paste the code into a code editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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  fetchpriority=\"high\" 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:\/\/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\" sizes=\"(max-width: 700px) 100vw, 700px\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">&#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 class=\"wp-block-paragraph\">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  fetchpriority=\"high\" 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:\/\/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\" sizes=\"(max-width: 700px) 100vw, 700px\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">That renders the code in the browser of your choice. The result is&hellip;not too bad!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first pass already includes 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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">One of the requirements specified at the beginning of the project was for the website to be responsive. This is crucial in today&rsquo;s mobile world, so you want that to happen automatically.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To test responsiveness, use 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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">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=\"Previewing the ChatGPT-built webpage on an iPad Mini screen size.\" 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=\"Previewing the ChatGPT-built webpage on an iPad Mini screen size.\" 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>\n<\/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 class=\"wp-block-paragraph\">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=\"Previewing the ChatGPT-built webpage on a mobile screen size.\" 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=\"Previewing the ChatGPT-built webpage on a mobile screen size.\" 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>\n<\/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 class=\"wp-block-paragraph\">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=\"Previewing the mobile menu inside the Inspect tool on Chrome.\" 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=\"Previewing the mobile menu inside the Inspect tool on Chrome.\" 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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">As you can see for yourself, the example website appears to be responsive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you do this testing and for some reason have issues with your site not rendering properly on different screen sizes, go back to ChatGPT and instruct it to use the newest version of 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 class=\"wp-block-paragraph\">As 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 class=\"wp-block-paragraph\">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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">You&rsquo;ll need to replace the part between the quotation marks. In this example, the placeholder is <code>doorway-pullup-bar.jpg<\/code>, but yours will be named something different.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">The cleanest option is to host the image on your own hosting account once the site is uploaded, then point the code at that URL. Until then, any publicly reachable image URL works for local testing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">Then save the file and refresh your browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this example, the result came out fairly nice. ChatGPT sent the image to the right as requested, and the text wraps around it regardless of the device size. There are a few problems though.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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=\"Rendering the ChatGPT-built site with a real image in place of the placeholder.\" 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=\"Rendering the ChatGPT-built site with a real image in place of the placeholder.\" 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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">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, the website doesn&rsquo;t have a title yet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">In this example, the image-related edits went into one prompt, and the title request went into a separate prompt. The image adjustments looked like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note that the correct image path went into the prompt as well. That way the revised code doesn&rsquo;t need another manual replacement afterwards.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The title request looked like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Before moving on to the next step, it&rsquo;s worth emphasizing that sometimes ChatGPT will give you a code edit that might not produce the result you were looking for, or it might work, but break something else in the code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">For this example, one final element rounds out the ChatGPT-built website nicely: a footer. It also gives you a place to insert pertinent information like a copyright tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You are welcome to use your own language, but here&rsquo;s a prompt that works:<\/p>\n\n\n\n<p class=\"has-pale-cyan-blue-background-color has-background wp-block-paragraph\">&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 class=\"wp-block-paragraph\">ChatGPT replies with a fresh block of footer code:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">After saving the file and refreshing the browser, you 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>\n<\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 WordPress hosts like <a href=\"https:\/\/themeisle.com\/blog\/flywheel-review-for-wordpress\/\">Flywheel<\/a> only host 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. Others, like <a href=\"https:\/\/themeisle.com\/blog\/kinsta-review-for-wordpress\/\">Kinsta<\/a>&lsquo;s sister platform Sevalla, do accept static sites, but through a git-based workflow rather than a simple file upload.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you just want to play around, a free hosting account works fine for a test like this. For more serious projects, have a look through the 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 class=\"wp-block-paragraph\">Whichever host you end 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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep in mind that your hosting company&rsquo;s dashboard isn&rsquo;t going to look exactly like any other, 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\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">Earlier versions of this tutorial used <a href=\"https:\/\/themeisle.com\/blog\/000webhost-review\/\">000webhost<\/a> for this step, but that service shut down in 2024, so its screenshots were retired along with it. If you want a similar free playground, the closest alternative is probably <a href=\"https:\/\/www.infinityfree.com\/\" target=\"_blank\" rel=\"noopener\">InfinityFree<\/a>, and there are more <a href=\"https:\/\/themeisle.com\/blog\/best-free-website-hosting\/\">free hosting options<\/a> to pick from.<\/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-other-ways-to-build-a-website-with-ai\">Other ways to build a website with AI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The method above gives you full ownership of every line of code, but it&rsquo;s no longer the only way AI can put a site together. Since this tutorial first published, the options have multiplied, so it&rsquo;s worth knowing the main alternatives before you commit to an approach:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dedicated AI website builders.<\/strong> Tools like the <a href=\"https:\/\/www.wix.com\/\" target=\"_blank\" rel=\"noopener\">Wix<\/a> AI website builder or <a href=\"https:\/\/10web.io\/\" target=\"_blank\" rel=\"noopener\">10Web<\/a> generate a complete, hosted site from a short description, with no file handling required. The trade-off is that your site lives on their platform, usually with a subscription attached, and exporting it elsewhere ranges from awkward to impossible.<\/li>\n\n\n\n<li><strong>WordPress-native AI.<\/strong> If you&rsquo;d rather stay in WordPress, the block editor has AI options of its own now. <a href=\"https:\/\/wordpress.org\/plugins\/otter-blocks\/\">Otter Blocks<\/a>, a plugin of our own creation, ships a free AI Content Generator block that builds full pages or individual sections from a prompt and matches your theme&rsquo;s colors automatically. One honest caveat: the AI features run on your own AI provider, so you connect an OpenAI API key (or WordPress&rsquo;s native AI connector) rather than getting bundled AI credits with the plugin.<\/li>\n\n\n\n<li><strong>AI coding assistants.<\/strong> If the copy-paste dance in this tutorial feels clunky, coding-focused tools can edit project files directly. They shine for bigger sites, but they assume more technical comfort than this tutorial does.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For a wider look at what AI can do inside a WordPress dashboard, check out the roundups of <a href=\"https:\/\/themeisle.com\/blog\/chatgpt-wordpress-plugins\/\">ChatGPT plugins for WordPress<\/a> and the different ways to <a href=\"https:\/\/themeisle.com\/blog\/use-openai-on-wordpress\/\">use OpenAI on WordPress<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So which route should you take? For a one-page experiment or a learning exercise, the ChatGPT file-based method in this tutorial is still the most instructive option, and you keep every line of code. For a business site you&rsquo;ll maintain for years, WordPress with AI assistance is usually the more practical home.<\/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-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 still an issue for ChatGPT, especially with things that change frequently, like the pricing of a product. Built-in web search helps, but double-check anything factual before you publish it.<\/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, 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 class=\"wp-block-paragraph\">Here&rsquo;s hoping your experience with ChatGPT 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 it should speed up tedious tasks for some! &#129302;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>What do you think about the whole idea of building a website with ChatGPT, and how much sense does it make to you? Let us know in the comments section below!<\/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-8f761849 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 wp-block-paragraph\" style=\"font-size:14px\"><strong>FREE GUIDE<\/strong><\/p>\n\n\n\n<p class=\"ticss-d144f107 wp-block-paragraph\" 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 wp-block-paragraph\">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=\"2ac234c06ea67674a9f882b9b31c0407\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_site-speed-guide-below-post\" data-token=\"2ac234c06ea67674a9f882b9b31c0407\">\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=\"5ad3c90476\"><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/76030\">\t\t<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\t\t<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\"> 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_jz0i6\">\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input id=\"field_jz0i6\" 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=\"16\"><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><\/form>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!","protected":false},"author":34,"featured_media":78621,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","_has_post_settings":[],"_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 v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Use ChatGPT to Build a Website<\/title>\n<meta name=\"description\" content=\"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!\" \/>\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=\"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!\" \/>\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=\"2026-08-13T15:41:22+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=\"Themeisle Editorial\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ThemeIsle\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Themeisle Editorial\" \/>\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\":\"Themeisle Editorial\",\"@id\":\"https:\\\/\\\/themeisle.com\\\/blog\\\/#\\\/schema\\\/person\\\/844b0a2dc66556309f9a5ae28ae87ffe\"},\"headline\":\"How to Use ChatGPT to Build a Website\",\"datePublished\":\"2023-08-07T08:30:00+00:00\",\"dateModified\":\"2026-08-13T15:41:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/themeisle.com\\\/blog\\\/how-to-use-chatgpt-to-build-a-website\\\/\"},\"wordCount\":3742,\"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:\\/\\/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:\\/\\/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\":\"2026-08-13T15:41:22+00:00\",\"description\":\"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!\",\"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:\\/\\/themeisle.com\\/blog\\/wp-content\\/uploads\\/2023\\/07\\/how-to-use-ChatGPT-to-build-a-website.png\",\"contentUrl\":\"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:\\/\\/themeisle.com\\/blog\\/wp-content\\/uploads\\/2024\\/02\\/VertiStudio_logo1.png\",\"contentUrl\":\"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\\\/844b0a2dc66556309f9a5ae28ae87ffe\",\"name\":\"Themeisle Editorial\",\"description\":\"We\\\\'re the crew behind Themeisle Blog, where we eat, sleep, and breathe WordPress, website building, and all things blogging. Under the leadership of Karol K, our team is composed of WordPress wizards, web design junkies, and blogging enthusiasts. Between us, we\\\\'ve got a boatload of experience (like, 50+ years worth!) in making the digital world more accessible and fun.\",\"sameAs\":[\"https:\\\/\\\/themeisle.com\\\/blog\\\/\",\"https:\\\/\\\/x.com\\\/ThemeIsle\",\"https:\\\/\\\/www.youtube.com\\\/@ThemeIsle\"],\"url\":\"https:\\\/\\\/themeisle.com\\\/blog\\\/author\\\/editorial\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use ChatGPT to Build a Website","description":"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!","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":"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!","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":"2026-08-13T15:41:22+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":"Themeisle Editorial","twitter_card":"summary_large_image","twitter_creator":"@ThemeIsle","twitter_misc":{"Written by":"Themeisle Editorial","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":"Themeisle Editorial","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/844b0a2dc66556309f9a5ae28ae87ffe"},"headline":"How to Use ChatGPT to Build a Website","datePublished":"2023-08-07T08:30:00+00:00","dateModified":"2026-08-13T15:41:22+00:00","mainEntityOfPage":{"@id":"https:\/\/themeisle.com\/blog\/how-to-use-chatgpt-to-build-a-website\/"},"wordCount":3742,"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":"2026-08-13T15:41:22+00:00","description":"Learn how to use ChatGPT to build a website, step by step: prompt it for HTML and CSS, preview and fix the code, then upload the files to your host!","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\/844b0a2dc66556309f9a5ae28ae87ffe","name":"Themeisle Editorial","description":"We\\'re the crew behind Themeisle Blog, where we eat, sleep, and breathe WordPress, website building, and all things blogging. Under the leadership of Karol K, our team is composed of WordPress wizards, web design junkies, and blogging enthusiasts. Between us, we\\'ve got a boatload of experience (like, 50+ years worth!) in making the digital world more accessible and fun.","sameAs":["https:\/\/themeisle.com\/blog\/","https:\/\/x.com\/ThemeIsle","https:\/\/www.youtube.com\/@ThemeIsle"],"url":"https:\/\/themeisle.com\/blog\/author\/editorial\/"}]}},"_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\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/comments?post=76030"}],"version-history":[{"count":26,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/76030\/revisions"}],"predecessor-version":[{"id":118449,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/76030\/revisions\/118449"}],"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}]}}