first-run.php — WP STAGING – WordPress Backups, Restore, Migration & Clone 4.10.0

wp-staging / views / onboarding / first-run.php

wp-staging / views / onboarding Last commit date

backup-next.php 4 days ago capability-icon.php 4 days ago first-run.php 4 days ago next-step.php 4 days ago open-staging-site.php 4 days ago pre-consent.php 4 days ago progress.php 4 days ago

first-run.php

132 lines

1	<?php
2
3	/**
4	* First-run action selector, the `task_selector` variant of the
5	* `free_onboarding_v1` experiment.
6	*
7	* @see \WPStaging\Framework\Onboarding\FreeOnboarding
8	*
9	* @var \WPStaging\Framework\Onboarding\FreeOnboarding $onboarding
10	*/
11
12	use WPStaging\Framework\Language\Language;
13	use WPStaging\Framework\Onboarding\OnboardingJourney;
14
15	$competitorName = $onboarding->getBackupPluginsDetector()->getCompetitorName();
16	?>
17	<div
18	id="wpstg-onboarding"
19	class="wpstg-onboarding"
20	data-wpstg-onboarding
21	data-staging-url="<?php echo esc_url($adminUrl . 'wpstg_clone'); ?>"
22	data-backup-url="<?php echo esc_url($adminUrl . 'wpstg_backup'); ?>"
23	>
24	<h1 class="wpstg-onboarding__headline"><?php esc_html_e('What would you like to do first?', 'wp-staging'); ?></h1>
25	<p class="wpstg-onboarding__lede"><?php esc_html_e('Start with one. You can use all three anytime.', 'wp-staging'); ?></p>
26
27	<div class="wpstg-onboarding__cards">
28
29	<div class="wpstg-onboarding-card wpstg-onboarding-card--staging">
30	<div class="wpstg-icon-box wpstg-icon-box-blue wpstg-onboarding-card__icon">
31	<?php
32	$capability = OnboardingJourney::CAPABILITY_STAGING;
33	include WPSTG_VIEWS_DIR . 'onboarding/capability-icon.php';
34	?>
35	</div>
36	<h2 class="wpstg-onboarding-card__title"><?php esc_html_e('Create a Staging Site', 'wp-staging'); ?></h2>
37	<p class="wpstg-onboarding-card__text"><?php esc_html_e('Test updates and changes safely before touching your live site.', 'wp-staging'); ?></p>
38	<button
39	type="button"
40	class="wpstg-btn wpstg-btn-lg wpstg-btn-primary wpstg-onboarding-card__cta"
41	data-wpstg-onboarding-action="staging"
42	data-busy-label="<?php esc_attr_e('Starting…', 'wp-staging'); ?>"
43	>
44	<?php esc_html_e('Create Staging Site', 'wp-staging'); ?>
45	</button>
46
47	<?php
48	// Deliberately a text link, not a second button: the settings dialog
49	// is for the few who want it, and everyone else gets one click.
50	?>
51	<button
52	type="button"
53	class="wpstg-onboarding-card__customize"
54	data-wpstg-onboarding-action="staging"
55	data-wpstg-onboarding-customize
56	>
57	<?php esc_html_e('Customize settings', 'wp-staging'); ?>
58	</button>
59	</div>
60
61	<div class="wpstg-onboarding-card wpstg-onboarding-card--backup">
62	<div class="wpstg-icon-box wpstg-icon-box-green wpstg-onboarding-card__icon">
63	<?php
64	$capability = OnboardingJourney::CAPABILITY_BACKUP;
65	include WPSTG_VIEWS_DIR . 'onboarding/capability-icon.php';
66	?>
67	</div>
68	<h2 class="wpstg-onboarding-card__title">
69	<?php esc_html_e('Back Up This Website', 'wp-staging'); ?>
70	<span class="wpstg-badge wpstg-badge-green wpstg-onboarding-card__badge"><?php esc_html_e('Quick start', 'wp-staging'); ?></span>
71	</h2>
72	<p class="wpstg-onboarding-card__text"><?php esc_html_e('Create a complete backup of your files and database.', 'wp-staging'); ?></p>
73
74	<?php if ($competitorName !== '') : ?>
75	<div class="wpstg-onboarding-card__aside">
76	<p class="wpstg-onboarding-card__aside-lead">
77	<?php
78	printf(
79	/* translators: %s: name of the backup plugin already active on the site, e.g. UpdraftPlus. */
80	esc_html__('Already using %s for backups?', 'wp-staging'),
81	esc_html($competitorName)
82	);
83	?>
84	</p>
85	<p class="wpstg-onboarding-card__aside-text">
86	<?php esc_html_e('Try a WP STAGING backup and see how quickly it completes on your own website.', 'wp-staging'); ?>
87	</p>
88	</div>
89	<?php endif; ?>
90
91	<button
92	type="button"
93	class="wpstg-btn wpstg-btn-lg wpstg-btn-primary wpstg-onboarding-card__cta"
94	data-wpstg-onboarding-action="backup"
95	data-busy-label="<?php esc_attr_e('Starting backup…', 'wp-staging'); ?>"
96	>
97	<?php esc_html_e('Create Backup Now', 'wp-staging'); ?>
98	</button>
99	</div>
100
101	<div class="wpstg-onboarding-card wpstg-onboarding-card--desktop">
102	<div class="wpstg-icon-box wpstg-icon-box-slate wpstg-onboarding-card__icon">
103	<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
104	<rect x="3" y="4" width="18" height="12" rx="2.5"></rect>
105	<path d="M2 20h20"></path>
106	</svg>
107	</div>
108	<h2 class="wpstg-onboarding-card__title"><?php esc_html_e('Work Locally', 'wp-staging'); ?></h2>
109	<p class="wpstg-onboarding-card__text"><?php esc_html_e('Create a local copy of this WordPress site on macOS, Windows or Linux.', 'wp-staging'); ?></p>
110	<a
111	href="<?php echo esc_url(Language::getDesktopUrl('onboarding_desktop')); ?>"
112	target="_blank"
113	rel="noopener noreferrer"
114	class="wpstg-btn wpstg-btn-lg wpstg-btn-outline wpstg-onboarding-card__cta"
115	data-wpstg-onboarding-action="desktop"
116	>
117	<?php esc_html_e('Get WP STAGING Desktop', 'wp-staging'); ?>
118	<svg class="wpstg-btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
119	<path d="M15 3h6v6"></path>
120	<path d="M10 14 21 3"></path>
121	<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
122	</svg>
123	</a>
124	</div>
125
126	</div>
127
128	<button type="button" class="wpstg-onboarding__skip" data-wpstg-onboarding-finish>
129	<?php esc_html_e('Skip for now', 'wp-staging'); ?>
130	</button>
131	</div>
132