Thursday, September 18, 2025

#3 site pages

 Prompt : 

I want to create home page in wordpress website with menu items for pages login, aboutus, projects with sub menu items attendance, equivalence, projectmonitor, contact us pages. can you give me steps

ChatGPT said:

Got it 👍 You already have WordPress installed locally, now let’s build your homepage with menus and submenus step by step.


🛠️ Step 1: Create the Pages

  1. Log in to your WordPress admin:

    http://localhost/site1/wp-admin

    (replace site1 with your folder name).

  2. Go to Pages → Add New.

  3. Create these pages one by one:

    • Home

    • Login

    • About Us

    • Projects (this will be the parent menu item)

    • Attendance (submenu under Projects)

    • Equivalence (submenu under Projects)

    • Project Monitor (submenu under Projects)

    • Contact Us

👉 Just publish them with some placeholder content for now.


🛠️ Step 2: Set Home Page

  1. Go to Settings → Reading.

  2. Under Your homepage displays, choose:

    • ✅ "A static page"

    • Select Home as Homepage.


🛠️ Step 3: Create the Menu

  1. Go to Appearance → Menus.

  2. Click Create a new menu, name it (e.g., Main Menu).

  3. Add all the pages you created (Home, Login, About Us, Projects, Attendance, Equivalence, Project Monitor, Contact Us).

  4. Drag them into order:

    • Home

    • Login

    • About Us

    • Projects

      • Attendance

      • Equivalence

      • Project Monitor

    • Contact Us

  5. Save Menu.


🛠️ Step 4: Assign the Menu to Your Site

  1. Still in Menus, check Primary Menu (or "Main Menu" depending on your theme).

  2. Save.


🛠️ Step 5: Add Menu to Homepage

Most themes automatically show the primary menu in the header.

  • If not, go to Appearance → Customize → Menus → Menu Locations → assign your new menu as Primary.


🛠️ Step 6: Customize Home Page Content

  1. Go to Pages → Home → Edit.

  2. Use the Block Editor (Gutenberg) or Customizer to add a welcome message, images, or a hero section.
    (Later you can install page builders like Elementor if you want advanced layouts).


✅ Now when you open your site (e.g., http://site1.local), you’ll see:

  • A Home Page with a navigation menu at the top.

  • Menu items: Home, Login, About Us, Projects (with dropdown: Attendance, Equivalence, Project Monitor), Contact Us.


👉 Do you want me to also show you how to make the Login page functional (so users can log in from there instead of /wp-admin)?

No comments:

Post a Comment

#8 Make WP Theme

 Perfect 👍 Let’s upgrade the minimal theme with all the “nice-to-have” Astra-like enhancements so it feels more professional, flexible, an...