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
-
Log in to your WordPress Dashboard.
-
Go to Plugins → Add New.
-
Search for GravityWrite → Install & Activate.
-
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:
-
Title
-
Short introduction
-
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