Friday, September 19, 2025

#6 Website creation in minutes using Gravity write plugin

 Got it ✅ — you want a WordPress tutorial with prompts to guide you in using the GravityWrite plugin (an AI writing assistant for WordPress) to generate content and design a blue glassmorphic educational website with pages like Home, Projects, Tutorials, Contact Us, and Intern Labs.

Here’s a step-by-step tutorial with ready-to-use prompts:


๐Ÿ”น Step 1: Install GravityWrite Plugin

  1. Log in to your WordPress Dashboard.

  2. Go to Plugins → Add New.

  3. Search for GravityWrite → Install & Activate.

  4. Connect your GravityWrite account/API key.


๐Ÿ”น Step 2: Set the Website Theme

  • Use a glassmorphic design WordPress theme (e.g., Neve, Astra, or Kadence) and customize it with:

    • Background: gradient blues (navy → cyan).

    • Semi-transparent cards with blur (glassmorphism).

    • Rounded corners, shadows, and bold typography.


๐Ÿ”น Step 3: Create Pages

Go to Pages → Add New, and create the following:

  • Home

  • Projects

  • Tutorials

  • Contact Us

  • Intern Labs


๐Ÿ”น Step 4: Prompts for GravityWrite

Use these exact prompts inside GravityWrite (choose blog/article/website copy mode as needed):

๐Ÿ  Home Page Prompt

"Write a stunning home page introduction for an educational website called BlueVision Labs.
Theme: futuristic, blue glassmorphic design.
Include a hero tagline, short about section, and a call-to-action button for 'Explore Tutorials'.
Tone: inspiring, student-friendly, professional."


๐Ÿ“‚ Projects Page Prompt

"Generate engaging content for an Educational Projects page.
Describe 3–4 student-friendly projects (AI chatbot, Web App, IoT Smart Device, Data Visualization).
Each project should have a title, short description, and why students should try it.
Style: clear, motivating, and innovative."


๐Ÿ“˜ Tutorials Page Prompt

*"Write a structured Tutorials page for an education website.
Include sections for: Web Development, AI/ML Basics, Cloud Computing, and Open Source Tools.
Each tutorial section should have:

  1. Title

  2. Short introduction

  3. 3 bullet points on what learners will achieve.
    Tone: friendly, step-by-step, beginner-friendly."*


๐Ÿ“ž Contact Us Page Prompt

"Create professional but approachable Contact Us page content.
Include a short welcome note, support email, office address, and a friendly line encouraging students to reach out.
Add a motivational closing line like 'Let’s build the future together'."


๐Ÿงช Intern Labs Page Prompt

"Generate content for an Intern Labs page where students explore hands-on experiments.
Sections: 'Why Intern Labs?', 'What You’ll Learn', and 'Current Openings'.
Highlight skills like teamwork, real-world projects, and mentorship.
Tone: energetic, practical, and career-focused."


๐Ÿ”น Step 5: Add Stunning Images

  • Use free AI-generated images (Unsplash, Pexels, or GravityWrite image generator).

  • Prompts for images:

    • “Futuristic glassmorphic blue interface with education theme.”

    • “Students collaborating on tech projects in a modern digital lab.”

    • “Abstract blue gradient background with glass panels.”


๐Ÿ”น Step 6: Final Touch

  • Use Elementor or Gutenberg blocks with semi-transparent glass cards.

  • Add animations on hover (CSS blur + shadow).

  • Ensure site is mobile-friendly and fast.


๐Ÿ‘‰ Would you like me to also generate the full sample text outputs (as if GravityWrite wrote them) so you can copy-paste directly into your site?

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...