834 lines
33 KiB
PHP
834 lines
33 KiB
PHP
<?php
|
|
/**
|
|
* ==========================
|
|
* 🔐 IGNY8 FILE RULE HEADER
|
|
* ==========================
|
|
* @file : help.php
|
|
* @location : /modules/help/help.php
|
|
* @type : Admin Page
|
|
* @scope : Module Only
|
|
* @allowed : Help content, documentation, user guides, subpage routing
|
|
* @reusability : Single Use
|
|
* @notes : Main help page with subpage routing for help module
|
|
*/
|
|
|
|
// Prevent direct access
|
|
if (!defined('ABSPATH')) {
|
|
exit;
|
|
}
|
|
|
|
// Handle URL parameters for subpages
|
|
$subpage = $_GET['sp'] ?? 'help';
|
|
$GLOBALS['current_subpage'] = $subpage;
|
|
$GLOBALS['current_module'] = 'help';
|
|
|
|
// Start output buffering
|
|
ob_start();
|
|
|
|
switch ($subpage) {
|
|
case 'docs':
|
|
include plugin_dir_path(__FILE__) . 'docs.php';
|
|
break;
|
|
case 'system-testing':
|
|
include plugin_dir_path(__FILE__) . 'system-testing.php';
|
|
break;
|
|
case 'function-testing':
|
|
include plugin_dir_path(__FILE__) . 'function-testing.php';
|
|
break;
|
|
case 'help':
|
|
default:
|
|
// Main help content (existing content below)
|
|
?>
|
|
|
|
<div class="igny8-help-page">
|
|
|
|
<!-- Welcome Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Welcome to Igny8 AI SEO</h3>
|
|
<p class="igny8-card-subtitle">Your complete AI-powered SEO solution for WordPress</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-admin-site igny8-dashboard-icon-lg igny8-dashboard-icon-blue"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<p>Igny8 is a comprehensive AI-powered SEO plugin that helps you research keywords, plan content, and optimize your website for search engines using artificial intelligence. Transform your content strategy with intelligent automation and AI-driven insights.</p>
|
|
|
|
<div class="igny8-feature-highlights">
|
|
<div class="igny8-feature-item">
|
|
<span class="dashicons dashicons-search"></span>
|
|
<strong>Smart Keyword Research</strong> - AI-powered keyword analysis and clustering
|
|
</div>
|
|
<div class="igny8-feature-item">
|
|
<span class="dashicons dashicons-edit"></span>
|
|
<strong>Content Generation</strong> - Create high-quality content with AI assistance
|
|
</div>
|
|
<div class="igny8-feature-item">
|
|
<span class="dashicons dashicons-chart-line"></span>
|
|
<strong>Performance Tracking</strong> - Monitor your SEO progress and results
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Getting Started Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Getting Started</h3>
|
|
<p class="igny8-card-subtitle">Set up your AI-powered SEO workflow in minutes</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-arrow-right-alt igny8-dashboard-icon-lg igny8-dashboard-icon-green"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-module-overview">
|
|
<div class="igny8-module-section">
|
|
<div class="igny8-step-header">
|
|
<span class="igny8-step-number">1</span>
|
|
<h4>Configure AI Integration</h4>
|
|
</div>
|
|
<p>Go to <strong>Settings > AI Integration</strong> and enter your OpenAI API key. Choose your preferred AI model (GPT-4 recommended for best results).</p>
|
|
<ul>
|
|
<li><strong>API Key Setup:</strong> Enter your OpenAI API key for AI functionality</li>
|
|
<li><strong>Model Selection:</strong> Choose between GPT-4, GPT-3.5-turbo, or other available models</li>
|
|
<li><strong>Cost Management:</strong> Set daily limits to control API usage costs</li>
|
|
<li><strong>Testing:</strong> Test your AI integration to ensure everything works properly</li>
|
|
</ul>
|
|
<div class="igny8-step-tip">
|
|
<strong>💡 Tip:</strong> You can get an OpenAI API key from platform.openai.com
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<div class="igny8-step-header">
|
|
<span class="igny8-step-number">2</span>
|
|
<h4>Import Your Keywords</h4>
|
|
</div>
|
|
<p>Navigate to <strong>Planner > Keywords</strong> and import your keyword list or add keywords manually. Set search volume, difficulty, and intent for each keyword.</p>
|
|
<ul>
|
|
<li><strong>Bulk Import:</strong> Upload CSV files with keyword data</li>
|
|
<li><strong>Manual Entry:</strong> Add keywords one by one with detailed metrics</li>
|
|
<li><strong>Data Enrichment:</strong> Set search volume, difficulty, and CPC data</li>
|
|
<li><strong>Intent Classification:</strong> Categorize keywords by user intent</li>
|
|
</ul>
|
|
<div class="igny8-step-tip">
|
|
<strong>💡 Tip:</strong> Use the bulk import feature to add multiple keywords at once
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<div class="igny8-step-header">
|
|
<span class="igny8-step-number">3</span>
|
|
<h4>Create Content Clusters</h4>
|
|
</div>
|
|
<p>Go to <strong>Planner > Clusters</strong> and group related keywords into content topics. Use AI clustering to automatically organize your keywords.</p>
|
|
<ul>
|
|
<li><strong>AI Clustering:</strong> Automatically group related keywords using AI</li>
|
|
<li><strong>Manual Organization:</strong> Create custom clusters for specific topics</li>
|
|
<li><strong>Cluster Metrics:</strong> Track keyword count, volume, and difficulty</li>
|
|
<li><strong>Content Mapping:</strong> Link clusters to published content</li>
|
|
</ul>
|
|
<div class="igny8-step-tip">
|
|
<strong>💡 Tip:</strong> Let AI suggest cluster groupings for faster organization
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<div class="igny8-step-header">
|
|
<span class="igny8-step-number">4</span>
|
|
<h4>Generate Content Ideas</h4>
|
|
</div>
|
|
<p>Visit <strong>Planner > Ideas</strong> to generate AI-powered content ideas based on your clusters. Refine and prepare ideas for content creation.</p>
|
|
<ul>
|
|
<li><strong>AI Generation:</strong> Create content ideas using artificial intelligence</li>
|
|
<li><strong>Keyword Integration:</strong> Ideas include target keywords and topics</li>
|
|
<li><strong>Content Types:</strong> Generate ideas for blog posts, guides, and more</li>
|
|
<li><strong>Idea Management:</strong> Organize and prioritize content ideas</li>
|
|
</ul>
|
|
<div class="igny8-step-tip">
|
|
<strong>💡 Tip:</strong> Generate multiple ideas per cluster for content variety
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<div class="igny8-step-header">
|
|
<span class="igny8-step-number">5</span>
|
|
<h4>Create and Publish Content</h4>
|
|
</div>
|
|
<p>Go to <strong>Writer > Tasks</strong> to create content tasks from your ideas. Use AI to generate content or write manually, then publish directly to your site.</p>
|
|
<ul>
|
|
<li><strong>Task Creation:</strong> Convert ideas into actionable content tasks</li>
|
|
<li><strong>AI Content Generation:</strong> Generate high-quality content using AI</li>
|
|
<li><strong>Content Review:</strong> Edit and refine content before publishing</li>
|
|
<li><strong>Direct Publishing:</strong> Publish content directly to your WordPress site</li>
|
|
</ul>
|
|
<div class="igny8-step-tip">
|
|
<strong>💡 Tip:</strong> Review AI-generated content before publishing to ensure quality
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Planner Module Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Planner Module</h3>
|
|
<p class="igny8-card-subtitle">Research keywords, create clusters, and generate content ideas</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-search igny8-dashboard-icon-lg igny8-dashboard-icon-purple"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-module-overview">
|
|
<div class="igny8-module-section">
|
|
<h4>Keywords Management</h4>
|
|
<p>Research and organize keywords by search volume, difficulty, and intent. Import keywords from various sources or add them manually.</p>
|
|
<ul>
|
|
<li><strong>Import Keywords:</strong> Upload CSV files or paste keyword lists</li>
|
|
<li><strong>Set Metrics:</strong> Add search volume, difficulty, and CPC data</li>
|
|
<li><strong>Intent Classification:</strong> Categorize keywords by user intent</li>
|
|
<li><strong>Status Tracking:</strong> Monitor keyword mapping and usage</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<h4>Content Clusters</h4>
|
|
<p>Group related keywords into content topics for better content planning and SEO strategy.</p>
|
|
<ul>
|
|
<li><strong>AI Clustering:</strong> Automatically group related keywords</li>
|
|
<li><strong>Manual Organization:</strong> Create custom clusters for specific topics</li>
|
|
<li><strong>Cluster Metrics:</strong> Track keyword count, volume, and difficulty</li>
|
|
<li><strong>Content Mapping:</strong> Link clusters to published content</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<h4>Content Ideas</h4>
|
|
<p>Generate AI-powered content ideas based on your keyword clusters and research.</p>
|
|
<ul>
|
|
<li><strong>AI Generation:</strong> Create content ideas using artificial intelligence</li>
|
|
<li><strong>Keyword Integration:</strong> Ideas include target keywords and topics</li>
|
|
<li><strong>Content Types:</strong> Generate ideas for blog posts, guides, and more</li>
|
|
<li><strong>Idea Management:</strong> Organize and prioritize content ideas</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Writer Module Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Writer Module</h3>
|
|
<p class="igny8-card-subtitle">Create, manage, and publish content with AI assistance</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-edit igny8-dashboard-icon-lg igny8-dashboard-icon-orange"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-module-overview">
|
|
<div class="igny8-module-section">
|
|
<h4>Content Tasks</h4>
|
|
<p>Create and manage content writing tasks with detailed specifications and deadlines.</p>
|
|
<ul>
|
|
<li><strong>Task Creation:</strong> Convert ideas into actionable content tasks</li>
|
|
<li><strong>Priority Setting:</strong> Organize tasks by importance and urgency</li>
|
|
<li><strong>Deadline Management:</strong> Set and track content deadlines</li>
|
|
<li><strong>Progress Tracking:</strong> Monitor task completion status</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<h4>AI Content Generation</h4>
|
|
<p>Generate high-quality content using AI based on your research and specifications.</p>
|
|
<ul>
|
|
<li><strong>Blog Posts:</strong> Create complete blog post content</li>
|
|
<li><strong>Landing Pages:</strong> Generate optimized landing page copy</li>
|
|
<li><strong>Product Descriptions:</strong> Write compelling product content</li>
|
|
<li><strong>SEO Meta:</strong> Generate titles, descriptions, and meta tags</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<h4>Content Workflow</h4>
|
|
<p>Track content from idea to publication with automated workflows and status updates.</p>
|
|
<ul>
|
|
<li><strong>Draft Management:</strong> Create and manage content drafts</li>
|
|
<li><strong>Review Process:</strong> Track content review and approval</li>
|
|
<li><strong>Publishing:</strong> Publish content directly to your WordPress site</li>
|
|
<li><strong>Status Updates:</strong> Automatic status updates throughout the workflow</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Analytics Module Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Analytics Module</h3>
|
|
<p class="igny8-card-subtitle">Track performance and monitor your SEO progress</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-chart-line igny8-dashboard-icon-lg igny8-dashboard-icon-blue"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-module-overview">
|
|
<div class="igny8-module-section">
|
|
<h4>Performance Metrics</h4>
|
|
<p>Monitor key SEO metrics and track your content performance over time.</p>
|
|
<ul>
|
|
<li><strong>Keyword Rankings:</strong> Track keyword position changes</li>
|
|
<li><strong>Content Performance:</strong> Monitor page views and engagement</li>
|
|
<li><strong>SEO Scores:</strong> Track overall SEO improvement</li>
|
|
<li><strong>Traffic Analysis:</strong> Monitor organic traffic growth</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<h4>Content Analytics</h4>
|
|
<p>Analyze your content performance and identify optimization opportunities.</p>
|
|
<ul>
|
|
<li><strong>Top Performing Content:</strong> Identify your best-performing pages</li>
|
|
<li><strong>Content Gaps:</strong> Find opportunities for new content</li>
|
|
<li><strong>Keyword Performance:</strong> Track which keywords drive traffic</li>
|
|
<li><strong>Conversion Tracking:</strong> Monitor content conversion rates</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Schedules Module Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Schedules Module</h3>
|
|
<p class="igny8-card-subtitle">Automate your SEO tasks with intelligent scheduling</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-clock igny8-dashboard-icon-lg igny8-dashboard-icon-green"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-module-overview">
|
|
<div class="igny8-module-section">
|
|
<h4>Automated Tasks</h4>
|
|
<p>Set up automated tasks to run keyword research, content generation, and optimization tasks.</p>
|
|
<ul>
|
|
<li><strong>Keyword Research:</strong> Automatically discover new keywords</li>
|
|
<li><strong>Content Generation:</strong> Schedule AI content creation</li>
|
|
<li><strong>SEO Audits:</strong> Regular automated SEO analysis</li>
|
|
<li><strong>Performance Reports:</strong> Scheduled performance reports</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-module-section">
|
|
<h4>Workflow Automation</h4>
|
|
<p>Create automated workflows that trigger based on specific conditions and schedules.</p>
|
|
<ul>
|
|
<li><strong>Trigger Conditions:</strong> Set up conditions for task execution</li>
|
|
<li><strong>Schedule Management:</strong> Configure when tasks should run</li>
|
|
<li><strong>Notification System:</strong> Get alerts when tasks complete</li>
|
|
<li><strong>Error Handling:</strong> Automatic retry and error management</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AI Features Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>AI-Powered Features</h3>
|
|
<p class="igny8-card-subtitle">Leverage artificial intelligence for smarter SEO</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-robot igny8-dashboard-icon-lg igny8-dashboard-icon-purple"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-ai-features">
|
|
<div class="igny8-ai-feature">
|
|
<h4>Intelligent Keyword Analysis</h4>
|
|
<p>AI analyzes your keywords to determine search intent, difficulty, and optimization opportunities.</p>
|
|
<ul>
|
|
<li>Automatic intent classification (informational, commercial, navigational)</li>
|
|
<li>AI-powered difficulty scoring</li>
|
|
<li>Keyword clustering and grouping</li>
|
|
<li>Competition analysis and insights</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-ai-feature">
|
|
<h4>Smart Content Generation</h4>
|
|
<p>Generate high-quality, SEO-optimized content using advanced AI models.</p>
|
|
<ul>
|
|
<li>Context-aware content creation</li>
|
|
<li>SEO optimization built-in</li>
|
|
<li>Multiple content formats (blog posts, landing pages, product descriptions)</li>
|
|
<li>Automatic keyword integration</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-ai-feature">
|
|
<h4>Automated Content Optimization</h4>
|
|
<p>AI continuously optimizes your content for better search engine performance.</p>
|
|
<ul>
|
|
<li>Automatic SEO scoring and suggestions</li>
|
|
<li>Content improvement recommendations</li>
|
|
<li>Keyword density optimization</li>
|
|
<li>Readability enhancement</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Best Practices Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Best Practices</h3>
|
|
<p class="igny8-card-subtitle">Get the most out of your AI-powered SEO workflow</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-star-filled igny8-dashboard-icon-lg igny8-dashboard-icon-yellow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-best-practices">
|
|
<div class="igny8-practice-category">
|
|
<h4>Content Strategy</h4>
|
|
<ul>
|
|
<li><strong>Plan Before You Write:</strong> Use the Planner module to research keywords and create clusters before writing</li>
|
|
<li><strong>Quality Over Quantity:</strong> Focus on creating high-quality, comprehensive content rather than many short posts</li>
|
|
<li><strong>Regular Content Updates:</strong> Keep your content fresh and updated to maintain search rankings</li>
|
|
<li><strong>User Intent Focus:</strong> Always consider what users are looking for when creating content</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-practice-category">
|
|
<h4>AI Usage</h4>
|
|
<ul>
|
|
<li><strong>Review AI Content:</strong> Always review and edit AI-generated content before publishing</li>
|
|
<li><strong>Use AI as a Starting Point:</strong> Let AI generate ideas and drafts, then add your unique perspective</li>
|
|
<li><strong>Monitor API Usage:</strong> Keep track of your OpenAI API usage to manage costs</li>
|
|
<li><strong>Test Different Prompts:</strong> Experiment with different AI prompts to get better results</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="igny8-practice-category">
|
|
<h4>SEO Optimization</h4>
|
|
<ul>
|
|
<li><strong>Keyword Research First:</strong> Always start with thorough keyword research</li>
|
|
<li><strong>Monitor Performance:</strong> Regularly check your analytics to see what's working</li>
|
|
<li><strong>Optimize for Users:</strong> Write for humans first, search engines second</li>
|
|
<li><strong>Build Authority:</strong> Focus on creating content that establishes your expertise</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Troubleshooting Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Troubleshooting</h3>
|
|
<p class="igny8-card-subtitle">Common issues and solutions</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-sos igny8-dashboard-icon-lg igny8-dashboard-icon-red"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-troubleshooting">
|
|
<div class="igny8-issue-category">
|
|
<h4>AI Integration Issues</h4>
|
|
<div class="igny8-issue">
|
|
<strong>Problem:</strong> AI features not working
|
|
<br><strong>Solution:</strong> Check your OpenAI API key in Settings > AI Integration. Ensure you have sufficient API credits and a stable internet connection.
|
|
</div>
|
|
<div class="igny8-issue">
|
|
<strong>Problem:</strong> Slow AI responses
|
|
<br><strong>Solution:</strong> Try switching to a faster model like GPT-3.5-turbo or check your internet connection speed.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-issue-category">
|
|
<h4>Performance Issues</h4>
|
|
<div class="igny8-issue">
|
|
<strong>Problem:</strong> Slow page loading
|
|
<br><strong>Solution:</strong> Reduce the number of records per page in table settings, clear your browser cache, or check for plugin conflicts.
|
|
</div>
|
|
<div class="igny8-issue">
|
|
<strong>Problem:</strong> Missing data
|
|
<br><strong>Solution:</strong> Check that database tables are created correctly by visiting Settings > Status and running a system check.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-issue-category">
|
|
<h4>Content Issues</h4>
|
|
<div class="igny8-issue">
|
|
<strong>Problem:</strong> AI content quality issues
|
|
<br><strong>Solution:</strong> Try different prompts, provide more specific instructions, or use the content as a starting point for manual editing.
|
|
</div>
|
|
<div class="igny8-issue">
|
|
<strong>Problem:</strong> Keywords not being used properly
|
|
<br><strong>Solution:</strong> Ensure keywords are properly imported and mapped to clusters before generating content.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Support Section -->
|
|
<div class="igny8-standard-header">
|
|
<div class="igny8-card-header-content">
|
|
<div class="igny8-card-title-text">
|
|
<h3>Support & Resources</h3>
|
|
<p class="igny8-card-subtitle">Get help when you need it</p>
|
|
</div>
|
|
<div class="igny8-card-icon">
|
|
<span class="dashicons dashicons-info igny8-dashboard-icon-lg igny8-dashboard-icon-blue"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="igny8-card">
|
|
<div class="igny8-card-body">
|
|
<div class="igny8-support-resources">
|
|
<div class="igny8-support-item">
|
|
<h4>System Status</h4>
|
|
<p>Check your system health and configuration at <strong>Settings > Status</strong>. This page shows database status, AI integration, and system performance.</p>
|
|
</div>
|
|
|
|
<div class="igny8-support-item">
|
|
<h4>Debug Information</h4>
|
|
<p>Use the built-in debug tools to monitor real-time system status and identify any issues with your setup.</p>
|
|
</div>
|
|
|
|
<div class="igny8-support-item">
|
|
<h4>Regular Backups</h4>
|
|
<p>Always backup your WordPress site before making major changes or updates to ensure you can restore if needed.</p>
|
|
</div>
|
|
|
|
<div class="igny8-support-item">
|
|
<h4>API Monitoring</h4>
|
|
<p>Keep track of your OpenAI API usage to manage costs and ensure you don't exceed your limits.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php
|
|
break;
|
|
}
|
|
?>
|
|
|
|
<style>
|
|
.igny8-help-page {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.igny8-standard-header {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
color: white;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.igny8-card-header-content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.igny8-card-title-text h3 {
|
|
margin: 0 0 8px 0;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.igny8-card-subtitle {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.igny8-dashboard-icon-lg {
|
|
font-size: 32px;
|
|
width: 48px;
|
|
height: 48px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: rgba(255, 255, 255, 0.2);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.igny8-dashboard-icon-blue { color: #3b82f6; }
|
|
.igny8-dashboard-icon-green { color: #10b981; }
|
|
.igny8-dashboard-icon-purple { color: #8b5cf6; }
|
|
.igny8-dashboard-icon-orange { color: #f59e0b; }
|
|
.igny8-dashboard-icon-yellow { color: #eab308; }
|
|
.igny8-dashboard-icon-red { color: #ef4444; }
|
|
|
|
.igny8-feature-highlights {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.igny8-feature-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 15px;
|
|
background: #f8fafc;
|
|
border-radius: 6px;
|
|
border-left: 4px solid #3b82f6;
|
|
}
|
|
|
|
.igny8-step-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.igny8-step-header .igny8-step-number {
|
|
background: #3b82f6;
|
|
color: white;
|
|
width: 35px;
|
|
height: 35px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.igny8-step-header h4 {
|
|
margin: 0;
|
|
color: #1f2937;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.igny8-step-tip {
|
|
background: #fef3c7;
|
|
border: 1px solid #f59e0b;
|
|
border-radius: 6px;
|
|
padding: 12px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.igny8-module-overview {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 30px;
|
|
}
|
|
|
|
.igny8-module-section {
|
|
background: #f8fafc;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
border-left: 4px solid #3b82f6;
|
|
}
|
|
|
|
.igny8-module-section h4 {
|
|
margin: 0 0 12px 0;
|
|
color: #1f2937;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.igny8-module-section p {
|
|
margin: 0 0 15px 0;
|
|
color: #6b7280;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.igny8-module-section ul {
|
|
margin: 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.igny8-module-section li {
|
|
margin-bottom: 8px;
|
|
color: #374151;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.igny8-ai-features {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
|
gap: 30px;
|
|
}
|
|
|
|
.igny8-ai-feature {
|
|
background: #f8fafc;
|
|
padding: 25px;
|
|
border-radius: 8px;
|
|
border-left: 4px solid #8b5cf6;
|
|
}
|
|
|
|
.igny8-ai-feature h4 {
|
|
margin: 0 0 12px 0;
|
|
color: #1f2937;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.igny8-ai-feature p {
|
|
margin: 0 0 15px 0;
|
|
color: #6b7280;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.igny8-best-practices {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 30px;
|
|
}
|
|
|
|
.igny8-practice-category {
|
|
background: #f8fafc;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
border-left: 4px solid #10b981;
|
|
}
|
|
|
|
.igny8-practice-category h4 {
|
|
margin: 0 0 15px 0;
|
|
color: #1f2937;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.igny8-troubleshooting {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
|
gap: 30px;
|
|
}
|
|
|
|
.igny8-issue-category {
|
|
background: #f8fafc;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
border-left: 4px solid #ef4444;
|
|
}
|
|
|
|
.igny8-issue-category h4 {
|
|
margin: 0 0 15px 0;
|
|
color: #1f2937;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.igny8-issue {
|
|
background: white;
|
|
padding: 15px;
|
|
border-radius: 6px;
|
|
margin-bottom: 15px;
|
|
border-left: 3px solid #f59e0b;
|
|
}
|
|
|
|
.igny8-support-resources {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
}
|
|
|
|
.igny8-support-item {
|
|
background: #f8fafc;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
border-left: 4px solid #3b82f6;
|
|
}
|
|
|
|
.igny8-support-item h4 {
|
|
margin: 0 0 10px 0;
|
|
color: #1f2937;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.igny8-support-item p {
|
|
margin: 0;
|
|
color: #6b7280;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.igny8-card-header-content {
|
|
flex-direction: column;
|
|
text-align: center;
|
|
gap: 15px;
|
|
}
|
|
|
|
.igny8-step-header {
|
|
flex-direction: column;
|
|
text-align: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.igny8-module-overview,
|
|
.igny8-ai-features,
|
|
.igny8-best-practices,
|
|
.igny8-troubleshooting {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<?php
|
|
// Capture page content
|
|
$igny8_page_content = ob_get_clean();
|
|
|
|
// Include global layout
|
|
include plugin_dir_path(__FILE__) . '../../core/global-layout.php';
|
|
?>
|