Metics Media · คลังวิเคราะห์

How to Make a WordPress Website in 2026 (Using AI)

📺 ดูคลิป · 👁️ 86,171 views · 📅 2025 · ⏱️ 12:02 · 🌐 Websites / WordPress / Hosting / Builders

📌 สรุป

คลิปสอนสร้างเว็บไซต์ WordPress ตั้งแต่ศูนย์โดยใช้ AI ช่วยสร้างเนื้อหาและดีไซน์อัตโนมัติ ผ่านเครื่องมือ ZipWP + Starter Templates plugin บน WordPress ใช้เวลาไม่กี่นาทีก็ได้เว็บหลายหน้าพร้อม SEO, content, รูปภาพ และ contact form ครบ จากนั้นแก้ไขเพิ่มเติมด้วย Elementor drag-and-drop builder

🔑 ประเด็น / ขั้นตอนหลัก

🛠️ เครื่องมือ / บริการ / ลิงก์ที่พูดถึง

💡 เอาไปใช้ / ข้อสังเกต


📄 Transcript เต็ม (English, 2,158 คำ)

What I'm about to show you is going to completely change the way WordPress websites are built. In this video, we'll type a one-s sentence description of our business into this AI tool, click one button, and then generate a fully optimized WordPress website, complete with multiple pages, professional content, and a mobile design, all in under 5 minutes. Now, I've tested a lot of AI website builders for WordPress, and honestly, most were disappointing. But this one actually works. It creates professional SEO optimized sites that are ready to attract real customers. So, in this tutorial, I'm going to walk you through the entire process step by step, setting up a brand new WordPress website using this exact method. And I'll make sure not to skip any steps so you can easily follow along and set up your WordPress website in just a few minutes. Navigate to Hostinger using the link on screen or in the description below. You'll get an extra 10% discount on top of any deals by using our link. Click claim deal and choose whichever plan works best for you. You can register with Google or use an email and password. Enter your billing details and complete the payment. Once your payment goes through, Hostinger will walk us through setting up WordPress. When the onboarding survey appears, select who you're building this for, then click next. Choose create a website and when asked how you want to build it, select WordPress. Set your WordPress admin email and create a password. Then click next. When prompted to choose a pre-built site, click create blank site at the bottom of the screen. We'll let AI build everything for us in just a minute. Now, it's time to claim your domain name. Search for whatever domain you want, and if it's available, select it and click next. Follow the prompts to register your domain. Then, choose the server location closest to your visitors. WordPress will now install automatically. This can take a few minutes. All right, WordPress is installed and we're in the admin panel. Now, before we use AI to build our site, we need to install a theme. A theme controls how your site looks. We're using Astra because it's modern, lightweight, and works perfectly with our AI builder. On the left side, hover over appearance and click themes. At the top, click add theme. Then search for Astra in the top right search bar. When it appears, click install, then activate. You'll get a confirmation message. Just close that out. Next, Hostinger installs default plugins that can interfere with our AI builder. So, let's remove them. Click plugins on the left side. Select the check box at the top left. Choose deactivate from the bulk actions dropdown and click apply. Then select the checkbox again. Choose delete. Click apply and confirm. Now for the fun part. We're going to use an AI tool called ZipWP to build our entire website automatically. But first, we need to create a free account. Use the link in the description to navigate to ZipWP's website. Click get started in the upper right. Scroll to the bottom and under the free plan, click get started. You can sign up with Google or email. I'll use email. Verify your email and you might see an onboarding flow. Just skip through it. Once you're signed up, close that tab and head back to your WordPress dashboard. Now, we need to install starter templates. This plugin gives us access to ZipWP's AI builder right inside WordPress. Click add plugin. Search for starter templates. Then click install now. And when the button changes, click activate. The plug-in will launch the AI builder where we'll tell it what to build. Select build with AI. Type your site name. Select your business category and update the language if needed. Now describe your site in detail. The more specific you are, the better your site will be. For example, type who you are, what you do, where you're located, and who you serve. Then click improve using AI to have the AI refine your prompt. Review the new prompt. Edit if you want to. Then click next. Enter the contact info and add social media profiles you want to appear on the website. Next, select some images for your site. Choose at least 10 images you like from the stock photo options or upload your own. Then click next. At the top, change the drop down from block editor to Elementor. This gives you a userfriendly drag and drop builder. Next, the AI generates some design previews. Select one you like and avoid the premium options if you want to keep it free. Upload a logo if you have one, but if not, I'll show you how to add one later. Pick a font pair and color palette that matches your brand. Then click continue. Check which features you want for your site. I recommend keeping SEO enabled. Then click start building. Now we need to connect our ZIPWP account. Click here to log in. Click get started next to the free plan. Then start building and confirm the credit usage. ZipWP is now building your entire website. This takes a few minutes. All right, the AI has finished building your website. Let's check out what it created. When you get the confirmation message, click see your website. This opens your new site in a new tab. Scroll through and check out what the AI built for you. The AI has written all the copy, selected and placed images, created multiple pages, and even set up things like contact forms and blog pages. It's a fully functional website right out of the gate. The site looks great, but now we need to personalize it and make it truly yours. To do that, we'll use Elementor, the page builder we selected earlier. Go up to the top bar and click edit with Welcome to Elementor. This is where the magic happens. Everything you see here is exactly what your visitors will see, and you can edit it all visually. Let me show you how it works. First, you'll notice the structure panel floating on the right side. This shows us how our page is built. Pages in Elementor are made of two main building blocks, containers and elements. Containers are the big sections that hold everything and elements are the individual pieces inside like text, buttons, and images. Click on the first container in the structure panel. See how the whole section highlights in pink? That's your container. Now, click the drop down arrow next to it. This shows what's inside. In this case, an image box and a button. Click on each one and watch them highlight individually. On the right side of each item in the structure panel, there's an eye icon. This lets you hide or show elements without deleting them. Let's close the structure panel by clicking the X. You can always bring it back later by pressing command I on Mac or controlI on Windows. Now, let me show you how to add new sections to your page. Scroll down to the next container. When you hover over it, you'll see a pink edit tab appear at the top. See those six dots? You can click and drag them to move the entire container to a different spot on the page. The plus button adds a new container. Click it and you'll see layout options appear. Now we have a blank container ready for content. You can delete a container by clicking the X in the pink edit tab. Now let's talk about editing the current contents of your page. It's incredibly intuitive. To edit any text, simply click on it and start typing. Just like a word processor, you can change text styles by clicking the style tab in the left panel. For buttons, click the button you want to edit and then update the text in the left panel and use the link section to change where it goes. Just type a page name for internal links or paste a full URL for external ones. Next, let's add a new element to the page. To add elements, click the plus button in the top left to open the element library. Find the element you want, let's say text, and click and drag it into your container. You can rearrange any element by clicking and dragging it to a new spot. And if you make a mistake, just hit command Z on Mac or control-z on Windows to undo. If you want to delete something, right click on it, and select delete. Now, let's update the images. To change an image, click on it, hover over the image preview in the left panel, and click choose image. You can upload from your computer, use the media library, or search for stock images. And that's the basics of Elementor. You now know how to navigate the structure, add containers and elements, rearrange your page, and edit all your content. Now, what if you need to add a completely new page to your site? Maybe a products page or a services page. Elementor makes this super easy. Click the page drop down at the top and select add new page and then save your current work if prompted. Click the page and gear icon in the top left to open page settings and give your page a title. I'll call mine products. Now, you could build this page from scratch, but there's a faster way. We can use starter templates again to access pre-built page templates that you can import and customize. The colors and fonts will automatically match your existing site theme. Click the S icon in an empty container to open the template library. Browse through the designs and open one you like. When you find a page layout that works, click import template. The template pulls in with your site's design already applied. Now, just customize the text, buttons, and images to fit your needs. For example, I'll update the header text. When you're happy with how your page looks, click publish in the top right to make the page live. Let's preview how this looks on the live site to make sure everything looks good. Click the eye icon in the top right to preview the page in a new tab. It looks great, but you might notice an extra page title appears at the very top left, and it doesn't quite match the clean look of our template. Let's hide that. In the top toolbar, click edit page. Not edit with Elementor, just edit page. This opens the WordPress block editor. Click on the page title at the top and then click the I icon next to it to hide it. Click save in the top right. Then click the little square with an arrow to view the live page again. Perfect. Now the hero image extends all the way to the top and that page title is gone. Your new page is live, but visitors won't be able to find it yet because it's not in your navigation menu. Let's fix that. Click customize in the top left. Go to menus, then main menu. Click add items and select your new page from the list. You can reorder your menu items by clicking reorder and using the arrows or simply drag them to a new position. Arrange your menu however you like, then click publish. While we're here in the customizer, let me show you how to update your site's header and footer. This is where you'll add your logo and adjust your site's branding. Back out to the main customization menu and click header. Click site title and logo, then select logo. Upload your logo file. Be sure to give it a title and alt text for accessibility. If your logo is showing next to your site title, you can hide the text to let the logo stand alone. Under site title visibility, uncheck the desktop, tablet, and mobile icons. Adjust the logo width slider to set your logo to your preferred size. Now, let's quickly update the footer. Back out to the main menu and click footer. You can drag elements around within the footer or add new ones by clicking the plus button. When you're happy with how everything looks, click publish. Then click the X to exit the customizer. And there you go. A complete professional WordPress website built with AI in just a few minutes. You've got a fully functional site with multiple pages and you know how to customize everything using Elementor. If you haven't signed up yet, make sure to use the links in the description to get your 10% discount on Hostinger and free access to ZipWP. Drop any questions in the comments below and thanks for watching.

← GoDaddy Website Builder Tutorial 2026 - Elementor Wordpress Tutorial For Beginne →