Build a WordPress Website From Scratch – Step by Step
- Buy a Domain Name
What it is: A domain is the human-friendly address people type to reach your site (e.g., techbag.in).
How to choose: Pick something short, memorable, and relevant to your brand or idea.
Where to get it: Any accredited registrar (Namecheap, GoDaddy, Domain.com, etc.) or, to keep things simple, the same company that will host your site.
- Purchase Web Hosting
What it is: Hosting is rented space on a server that keeps your website’s files online 24 × 7.
Common starter plans with 1gb,10gb or 25gb storage,choose according to your website demand! For most new websites 1gb or 10gb plan is fantastic!
One invoice or two? Many providers bundle the domain’s first year for free when you buy hosting.
- Check Your Back-Panel (Control-Panel) Credentials
After payment, the host emails you login details for the server’s control panel—your site’s “command center.”
You’ll usually get one of two interfaces:
DirectAdmin (often on budget plans)
cPanel (the long-time industry standard)
Keep that email safe; it includes:
Control-panel URL (e.g., https://123.45.67.89:2222 or https://server.example.com/cpanel)
Username and password
DNS nameservers for pointing your domain
- Point the Domain to Your Hosting
If you bought the domain elsewhere, log in to the registrar, find the DNS or Nameserver section, and paste the two nameservers from your host’s welcome email. Full propagation takes up to 24 hours but is usually visible within minutes.
Installing WordPress From Your Back Panel
Note- while installing wordpress to your website wordpress adds its name “wp” at the end of your website and makes it suppose your website name is “website.com” and wirdpress adds “wp” during installation to make your website “website.com/wp” so always be cautious during wordpress installation and during installation when you see “wp” written in a column,remove that “wp” from column. And then press install button after filling all other details which installation requires.
A. DirectAdmin Walk-Through
- Log in to DirectAdmin with the credentials your host sent.
- In the left sidebar, choose “Extra Features → Softaculous Apps Installer.”
- Click the WordPress logo.
- Press “Install Now.”
- Fill the form:
Choose Protocol – keep https:// if an SSL certificate is already issued.
Domain – pick the domain (or sub-domain) you want.
Directory – leave blank to install at the root (https://yourdomain.com), or type a folder name like blog.
Site Name/Description – can be changed later.
Admin Username / Password / Email – write these down; they’re how you’ll log in to WordPress itself.
- Scroll down, pick a language, optionally choose a starter theme, and click “Install.”
- Wait until Softaculous shows “Installation successful” plus two links:
Site URL – your public homepage
Admin URL – normally https://yourdomain.com/wp-admin
B. cPanel Walk-Through
- Log in to cPanel using the link that ends with /cpanel.
- Scroll to the “Software” section and open Softaculous Apps Installer (or “WordPress Manager by Softaculous”).
- Choose “WordPress” → “Install.”
- The form is nearly identical to DirectAdmin’s: protocol, domain, directory, site name, admin account, etc.
- Click “Install” and let Softaculous finish.
- Note the same two URLs: your site and your /wp-admin back-end.
(If your host doesn’t bundle Softaculous, look for “Installatron,” “WordPress Toolkit,” or a proprietary one-click installer—the fields are the same.)
- Log In to WordPress
- Visit the Admin URL Softaculous displayed—typically https://yourdomain.com/wp-admin.
- Enter the username and password you set during installation.
- You’re now inside the WordPress Dashboard, the place where you:
Choose or upload a theme (Appearance → Themes)
Add pages and blog posts (Pages / Posts → Add New)
Extend features with plugins (Plugins → Add New)
Customize menus, logo, colors, fonts, and more
- Build Your Site the Way You Imagine
Pick a design: Start with the built-in Site Editor (Block Themes) or install a visual builder like Elementor or Spectra.
Essential plugins: Security (e.g., Wordfence), caching (e.g., LiteSpeed Cache or WP-Optimize), SEO (e.g., Yoast or Rank Math), and backups (e.g., UpdraftPlus).
Create core pages: Home, About, Contact, Privacy Policy, and any service/product pages you need.
Fine-tune settings:
Settings → General – Site Title, Tagline, Timezone
Settings → Permalinks – choose Post name for clean URLs
Appearance → Menus – arrange navigation
Launch: When you’re happy, remove “Coming Soon” pages or maintenance plugins and share your URL with the world.
Quick Recap
- Buy a domain + hosting → 2. Log in to DirectAdmin or cPanel → 3. Install WordPress via Softaculous → 4. Log in at /wp-admin → 5. Design, add content, and publish.
Follow these steps and you’ll have a fully functioning WordPress site—no coding required—ready to showcase your ideas, projects, or business in just a couple of hours. Good luck, and enjoy building!
Part-2 🌐 Understanding WordPress Appearance: Themes, Menus, and the Gutenberg Editor
If you’ve installed WordPress and logged into your dashboard, congratulations—you’re halfway to building a beautiful, professional website!
Now it’s time to make your site look and feel the way you want, and WordPress makes that easy through its Appearance section and Gutenberg Editor. Here’s a complete beginner guide to help you customize everything step-by-step.
🧥 What is a WordPress Theme?
A theme controls the overall design of your website—colors, layout, fonts, header, footer, and more.
Think of it as the clothing for your website. Just like you change outfits, you can change your theme at any time without losing your content (text, images, etc.).
🎨 How to Change Your WordPress Theme
- In your WordPress Dashboard, go to the left menu and click Appearance → Themes.
- You’ll see your current theme. To change it:
Click “Add New” at the top.
You can browse popular, latest, or featured themes—or use the search bar.
Click Install, then Activate.
- That’s it! Your website now has a new design.
Tip: If you want a theme that supports the Gutenberg Block Editor, search for “Full Site Editing” or “Block Themes” when choosing a theme.
🧰 Exploring the Appearance Section
Under Appearance, you’ll find several useful customization tools:
✅ 1. Customize
This opens the WordPress Customizer where you can adjust:
Colors – Change background, text, and link colors
Site Identity – Set your logo, site title, and tagline
Header & Footer – Edit layout, text, or widgets in the top and bottom areas
Menus – Create and manage your site’s navigation menu
Widgets – Add features like recent posts, search box, or social icons to sidebars or footers (depends on theme)
Note: Some themes show fewer or more options in Customize, depending on how they were built.
✅ 2. Menus
To create or change your navigation menu:
- Go to Appearance → Menus
- Click Create a new menu and give it a name (like “Main Menu”).
- Add Pages, Posts, Custom Links, or Categories from the left side.
- Drag and drop to rearrange items.
- Assign the menu to a location like Primary Menu or Header Menu and click Save Menu.
✅ 3. Widgets
Widgets are small blocks that add content to sidebars or footers.
- Go to Appearance → Widgets
- Choose the area (Sidebar, Footer, etc.)
- Add elements like:
Search box
Recent Posts
Social Links
Text boxes
- Click Update to save changes.
✏️ What is the Gutenberg Editor?
The Gutenberg Editor, also called the Block Editor, is WordPress’s modern way to create and edit pages and posts using blocks.
🖋️ Where to Find the Gutenberg Editor?
- Go to Pages → All Pages or Posts → All Posts
- Click Edit under any page/post
- At the top of the editor screen, look for a pencil icon or simply start typing in the white space. That’s the Gutenberg Block Editor.
⚠️ Not All Themes Have the Gutenberg/Block Editor
Some older themes still use the Classic Editor.
If you don’t see the block-style editor with the pencil icon, change your theme from Appearance → Themes and choose a Gutenberg-compatible or Full Site Editing theme like “Twenty Twenty-Three” or “Neve.”
➕ How to Use the Gutenberg Editor
Using blocks is simple. Here’s how to do common tasks:
✅ Add a Block
Click the “+” (Plus) sign at the top left or near any text
Choose from:
Paragraph – for text
Heading – for titles
Image – to upload or insert from the Media Library
Button – to add clickable buttons
List, Quote, Video, Table, and more
✅ Insert Images
Add an Image block
Click Upload or Media Library
Choose your image and click Select
✅ Add Links
Highlight the text you want to link
Click the 🔗 link icon (usually above the block)
Paste your URL and press Enter
✅ Rearrange Blocks
Hover over any block and use the up/down arrows on the left to move it
Or drag-and-drop using the grid dots
💪 Practice Makes Perfect!
WordPress is a powerful platform, and the more you explore it, the more confident you’ll become.
👉 Keep practicing with:
Changing themes and colors
Editing your homepage using the block editor
Trying different blocks like videos, buttons, and image galleries
Customizing your menus and footer
Very soon, you’ll be able to build complete websites without any coding knowledge!
🚀 Final Words
WordPress is beginner-friendly and very powerful once you get the hang of it. With themes, appearance settings, and the Gutenberg editor, you have total control over your website—just practice, experiment, and keep creating.
Happy building! 🌟
