Practical Tutorials & Walkthroughs

Starter Tutorials

1. Install Easy Form Builder & Create a Contact Form
   Install → Add New → search “Easy Form Builder” → Install & Activate.
   Build a form with Name/Email/Message.
   Copy shortcode into a Contact page.
2. Build Your First AI Research Agent
   Choose a platform (local or cloud).
   Set up API keys & memory store.
   Write initial prompts & iterate.
3. Website Ops Agent
   Install SEO plugin & content tools.
   Configure content formatting checks.
   Run scheduled automation for site upkeep.

Here’s your first working tutorial packaged and versioned.

📦 Download Readymade WP-site

GG Tutorial 001 — The Future Prompt (v1.0a)
Download ZIP

What’s inside

• README.md — quick start
• Tutorial_001.md — the full tutorial with steps, verification checklist, troubleshooting, and the master prompt embedded
• prompt.txt — the master prompt alone (copy-paste ready)
• CHECKLIST.txt — a short post-install checklist
• VERSION.txt — v1.0a

This is designed so you or anyone on your team can copy the master prompt, generate the the-future.zip from an AI in one go, upload it, and get a finished site without back-and-forth. If you want this as a branded PDF as well, say the word and I’ll add it as v1.0b.

MASTER PROMPT — “THE FUTURE” WORDPRESS THEME (ZIP DELIVERABLE)

Goal: Produce a single installable WordPress theme ZIP named the-future.zip that, when uploaded and activated, results in a complete, neon-futuristic website like the screenshots below—no further questions. Include the ZIP as an attachment or provide a direct download link in your reply.

Requirements (non-negotiable)

• Type: Standalone WordPress theme (not a child). Folder the-future/ at ZIP root.
• Compat: WP 6.x, PHP 7.4+; no parse errors.
• Files: style.css, functions.php, header.php, footer.php, index.php, front-page.php, page-about.php, page-tutorials.php, page-contact.php, screenshot.png, plus /pictures/ assets.
• Design style: Neon/cyberpunk, glassmorphism, dark UI, bold gradients, vibrant (not grayscale).
• Fonts: Google Fonts Orbitron (headlines) + Exo 2 (text).

Visual & UX

• Hero (Home): Full-screen abstract neon AI cityscape background with glowing grid/particles.
  Headline: “Anybody can be ordinary. I choose extraordinary.” (Orbitron, huge).
  Subline: “Practical tools, AI agents, and blueprints for the next digital frontier — with steps you can follow and results you can ship.”
  Two CTAs: Explore Tutorials (links to /tutorials) and About Greg (/about).
• Global background: Use the same neon city art behind every page (Tutorials, About, Contact, posts) via body::before + a dark/gradient overlay for readability.
• Header: Sticky; left = logo mark; right = one primary menu row (no duplicates).
• Footer: Small glowing logo, © {current year} {blog name}.
• Cards/sections: Glass panels (blur + subtle glow) for content boxes.
• Colors: Neon Blue #00F6FF, Cyber Pink #FF4DF2, Violet #9E6EFF, deep graphite background #0C0F18.

Assets (generate and include in /pictures/)

• hero-future.jpg — neon AI cityscape with grid and glow.
• logo-future.png — luminous circular cyber emblem (GG-like insignia).
• ai-character.png — simple neon robot outline (PNG).
• Optimize images and include screenshot.png for the theme browser.

Templates & Content

• front-page.php – implements the hero and CTAs; includes a short “Credos” row (Clarity/Speed/Proof) and a 3-card grid (AI Agents Starter, WordPress Ops Kit, Community Playbook).
• page-about.php – prefilled with this copy (HTML allowed): About Guru Greg
  Hi — I’m Greg. I build practical tools, tutorials, and blueprints that help people turn ideas into action. My work spans web development, community projects, and building AI agents. This site is a workshop: clear instructions, tested tools, and real-world examples.
  What I Do
  – Step-by-step tutorials for building AI agents and useful automations.
  – Toolkits and direct links to platforms with configuration notes.
  – Practical web and WordPress guides for small businesses and community projects.
  Why This Site Exists
  Too many guides either oversimplify or hide behind jargon. Here, you’ll get practical steps you can follow on your PC, with clear explanations, downloadable samples, and a focus on actually shipping projects.
  Get in touch:
• page-tutorials.php – “Practical Tutorials & Walkthroughs” with a starter ordered list of 3 tutorials (Easy Form Builder, First AI Research Agent, Website Ops Agent).
• page-contact.php – “Contact” + if WPForms exists, render [wpforms id="1"]; otherwise show a short instruction to install WPForms.
• index.php – simple blog loop in glass cards.

Header/Footer (strict)

• header.php
  • <!doctype html> then <html <?php language_attributes(); ?>> (no stray <?php above the doctype).
  • <head> includes wp_head().
  • <body <?php body_class('has-city-bg'); ?>> and wp_body_open().
  • Brand block with <img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/pictures/logo-future.png" ...> and site name + tagline.
  • Exactly one nav render: wp_nav_menu([ 'theme_location' => 'primary', 'container' => false, 'fallback_cb' => false, 'menu_class' => 'menu' ]);
• footer.php
  • Close content, output small logo, copyright line.
  • wp_footer() before </body></html>.

Styles (style.css)

• Import Orbitron & Exo 2.
• Define glass cards, neon buttons, credos, grid, sticky header, and the global city background: body.has-city-bg::before{ content:""; position:fixed; inset:0; z-index:-2; background-image:url('<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/pictures/hero-future.jpg'); background-size:cover; background-position:center; background-attachment:fixed; } body.has-city-bg::after{ content:""; position:fixed; inset:0; z-index:-1; background: radial-gradient(ellipse at center, rgba(12,15,24,.12), rgba(12,15,24,.65)), linear-gradient(to bottom, rgba(12,15,24,.25), rgba(12,15,24,.85) 60%); } /* Guard against accidental duplicate nav rows */ .site-header .nav + .nav { display:none !important; }

Functions (functions.php)

• after_setup_theme: title-tag, post-thumbnails, register menu location 'primary'.
• Enqueue theme stylesheet; Google Fonts loaded via CSS @import or a separate enqueue.
• SEO meta in wp_head: meta description + basic OG tags.
• Activation script (after_switch_theme):
  • Set site tagline: “Practical tools, tutorials, and AI agents by Guru Greg”.
  • Create pages Home, About, Tutorials, Contact if missing.
  • Assign templates (front-page.php, page-about.php, page-tutorials.php, page-contact.php).
  • Set Home as static front page.
  • Create/assign “Main Menu” to location 'primary'.
  • De-dupe logic: read existing menu items, keep one of each page (Home/About/Tutorials/Contact), delete duplicates, and only add missing ones.
  • Never render duplicate menus in header.

Acceptance tests (must pass on activation)

1. Theme activates with no PHP errors.
2. Home page shows neon city hero, headline, subline, CTAs.
3. Tutorials/About/Contact pages exist and share the same city background.
4. Only one menu row with Home, About, Tutorials, Contact (no duplicates).
5. Footer shows year + blog name.
6. Tagline and meta description are set.
7. All assets load from /the-future/pictures/.

Deliverable

• Reply with a downloadable the-future.zip (or attach it).
• Include 1–3 lines of install steps: “Appearance → Themes → Add New → Upload → Activate.”
• Do not ask clarifying questions. If anything is ambiguous, choose the option that best matches a neon, futuristic, AI-centric aesthetic.

---

Copy that into your AI and you’ll get a finished ZIP like the one we just deployed.

You said:

Make that prompt into our first working tutorial. and then zip it up as a downloadable Be sure to add the version and letter.

ChatGPT said:

Thought for 10s

Here’s your first working tutorial packaged and versioned.

📦 Download

GG Tutorial 001 — The Future Prompt (v1.0a)
Download ZIP

What’s inside

• README.md — quick start
• Tutorial_001.md — the full tutorial with steps, verification checklist, troubleshooting, and the master prompt embedded
• prompt.txt — the master prompt alone (copy-paste ready)
• CHECKLIST.txt — a short post-install checklist
• VERSION.txt — v1.0a

This is designed so you or anyone on your team can copy the master prompt, generate the the-future.zip from an AI in one go, upload it, and get a finished site without back-and-forth. If you want this as a branded PDF as well, say the word and I’ll add it as v1.0b