| 1 |
<?php |
| 2 |
if (!defined('ABSPATH')) { |
| 3 |
exit; |
| 4 |
} |
| 5 |
|
| 6 |
$videos = [ |
| 7 |
['rJdgdkiADB4', 'Verification', 'Connect and verify your WordPress website.'], |
| 8 |
['QGAuLgOjCu0', 'Purging Cache', 'Clear RabbitLoader optimization when you need a fresh build.'], |
| 9 |
['ol4nuYuYTeM', 'ME Mode', 'Test optimized pages without changing what normal visitors see.'], |
| 10 |
['lC0vWlugHJ4', 'Image Settings', 'Understand RabbitLoader image optimization controls.'], |
| 11 |
['z6fuEHr6lYs', 'CSS Settings', 'Learn how RabbitLoader handles CSS optimization.'], |
| 12 |
['QxwaDxtRw-I', 'Delegate Access', 'Give controlled access to another team member.'], |
| 13 |
['uBPMn2mvnrs', 'Linking Cloudflare', 'Connect Cloudflare with RabbitLoader.'], |
| 14 |
]; |
| 15 |
?> |
| 16 |
<section class="rl6-page-heading"> |
| 17 |
<div> |
| 18 |
<span class="rl6-eyebrow">Support</span> |
| 19 |
<h1>Help</h1> |
| 20 |
<p>Crash courses, support links and WordPress diagnostics.</p> |
| 21 |
</div> |
| 22 |
</section> |
| 23 |
|
| 24 |
<section class="rl6-card rl6-section-card"> |
| 25 |
<div class="rl6-section-title-row"> |
| 26 |
<div> |
| 27 |
<span class="rl6-eyebrow">Learn RabbitLoader</span> |
| 28 |
<h2>Crash Courses</h2> |
| 29 |
</div> |
| 30 |
</div> |
| 31 |
|
| 32 |
<div class="rl6-video-grid"> |
| 33 |
<?php foreach ($videos as $video) : ?> |
| 34 |
<button type="button" class="rl6-video-card" data-video-id="<?php echo esc_attr($video[0]); ?>"> |
| 35 |
<div class="rl6-video-thumb"> |
| 36 |
<img |
| 37 |
loading="lazy" |
| 38 |
src="<?php echo esc_url('https://img.youtube.com/vi/' . $video[0] . '/mqdefault.jpg'); ?>" |
| 39 |
alt="" |
| 40 |
> |
| 41 |
<span class="rl6-play">▶</span> |
| 42 |
</div> |
| 43 |
<strong><?php echo esc_html($video[1]); ?></strong> |
| 44 |
<p><?php echo esc_html($video[2]); ?></p> |
| 45 |
</button> |
| 46 |
<?php endforeach; ?> |
| 47 |
</div> |
| 48 |
</section> |
| 49 |
|
| 50 |
<div class="rl6-help-grid"> |
| 51 |
<section class="rl6-card rl6-section-card"> |
| 52 |
<span class="rl6-eyebrow">Need more help?</span> |
| 53 |
<h2>Support</h2> |
| 54 |
<p>Open RabbitLoader for account-level settings, billing and support.</p> |
| 55 |
<div class="rl6-card-actions"> |
| 56 |
<a class="rl6-button rl6-button-primary" href="https://dash.rabbitloader.com/" target="_blank" rel="noopener noreferrer">Open Console</a> |
| 57 |
<a class="rl6-button rl6-button-secondary" href="https://rabbitloader.com/" target="_blank" rel="noopener noreferrer">RabbitLoader.com</a> |
| 58 |
</div> |
| 59 |
</section> |
| 60 |
|
| 61 |
<section class="rl6-card rl6-section-card"> |
| 62 |
<span class="rl6-eyebrow">WordPress</span> |
| 63 |
<h2>Diagnostics</h2> |
| 64 |
<dl class="rl6-diagnostics"> |
| 65 |
<div><dt>Plugin</dt><dd><?php echo esc_html(RL5_VERSION); ?></dd></div> |
| 66 |
<div><dt>WordPress</dt><dd><?php echo esc_html(get_bloginfo('version')); ?></dd></div> |
| 67 |
<div><dt>PHP</dt><dd><?php echo esc_html(PHP_VERSION); ?></dd></div> |
| 68 |
<div><dt>Connection</dt><dd><span class="rl6-text-success">Connected</span></dd></div> |
| 69 |
<div><dt>Domain ID</dt><dd class="rl6-mono"><?php echo esc_html(RL5_Settings::did()); ?></dd></div> |
| 70 |
</dl> |
| 71 |
<button |
| 72 |
type="button" |
| 73 |
class="rl6-button rl6-button-secondary" |
| 74 |
id="rl6-copy-diagnostics" |
| 75 |
data-diagnostics="<?php echo esc_attr(wp_json_encode([ |
| 76 |
'plugin' => RL5_VERSION, |
| 77 |
'wordpress' => get_bloginfo('version'), |
| 78 |
'php' => PHP_VERSION, |
| 79 |
'connection' => 'connected', |
| 80 |
'domain' => RL5_Settings::domain(), |
| 81 |
'domain_id' => RL5_Settings::did(), |
| 82 |
])); ?>" |
| 83 |
> |
| 84 |
Copy diagnostics |
| 85 |
</button> |
| 86 |
</section> |
| 87 |
</div> |
| 88 |
|
